Guest Posted July 31, 2006 Report Posted July 31, 2006 I recently added the Main calendar spud code into my website. I want to adjust the width 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? Quote
Troy Posted July 31, 2006 Report Posted July 31, 2006 You need to wrap the Trumba spud javascript code 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. <html><body> <p>Calendar Spud inside a fixed width DIV.</p> <div style="width:600px;overflow:auto;height:400px;"> <script type="text/javascript" src="//www.trumba.com/k.aspx?calendar=trumba-u&template=month"></script> </div> <p>Calendar Spud inside a variable width TABLE.</p> <table style="width:80%;"> <tr><td> <script type="text/javascript" src="//www.trumba.com/k.aspx?calendar=trumba-u&template=month"></script> </td></tr> </table> </body></html> Quote
Recommended Posts
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.