Guest Posted July 31, 2006 Report Share 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 Link to post Share on other sites
Troy 0 Posted July 31, 2006 Report Share 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 Link to post Share on other sites
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.