PDA

View Full Version : make the manu bar fill the width of my page


colaroid
04-27-2010, 10:13 AM
I have a horizontal spry menu and would like to know how to make it fit the width of my web page.

See the dark blue menu here
http://surfaceanalysis.group.shef.ac.uk/index2.html

DWcourse
04-27-2010, 12:57 PM
Set the width property in the ul.MenuBarHorizontal style rule to 100%

Then, since you have 4 main menu items, set their width in ul.MenuBarHorizontal li to 25%. If had 5 menu items you would use 20%. If you had 6 it would be confusing.

Then set the submenu width in ul.MenuBarHorizontal ul and ul.MenuBarHorizontal ul li to 100% (which equals the list item width set in the ul.MenuBarHorizontal li style).

Consider reading The Ten Commandments for Editing Dreamweaver’s Spry Menubars (http://dwcourse.com/dreamweaver/ten-commandments-spry-menubars.php).

colaroid
04-27-2010, 01:23 PM
Thanks, that fixed it, I then had to remove the padding from the header for it to go the whole way across the page.