Jump to content
Guest

Calendar size

Recommended Posts

Guest

I recently imported my calendar into my website using the calendar spud. I want to adjust the size of the calendar that is displayed. When I import it is stretches to be the width of the entire page. What can I adjust in order to do this?

Share this post


Link to post
Share on other sites
I recently imported my calendar into my website using the calendar spud. I want to adjust the size of the calendar that is displayed. When I import it is stretches to be the width of the entire page. What can I adjust in order to do this?
Megs,

 

You need to wrap the Spud in a DIV or TABLE to enforce size. Here is an HTML page outlining both of these methods. The first is a fixed sized DIV of 600px wide and 400px tall. It smashes the calendar into a very small space. The second is a variable sized table whose width is 80% of the page. It flows very nicely. I hope these help.

 

-Troy

 

<html><body>

<p>Calendar Spud inside a fixed width DIV.</p>
<div style="width:600px;overflow:auto;height:400px;">
<script type="text/javascript" src="http://www.trumba.com/k.aspx?calendar=kexp&template=month"></script>
</div>

<p>Calendar Spud inside a variable width TABLE.</p>
<table style="width:80%;"> 
<tr><td>
<script type="text/javascript" src="http://www.trumba.com/k.aspx?calendar=kexp&template=month"></script>
</td></tr>
</table>

</body></html>

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...

×
×
  • Create New...