use css to adjust width of menu based on size of browser window
have a menu and background images width is in pixels.
Wondering how to set all widths to a % so that the menu displays (fits on a page) with different size monitors.
have a menu and background images width is in pixels.
Wondering how to set all widths to a % so that the menu displays (fits on a page) with different size monitors.
It really depends on the page. Can I see a sample url? What size monitors are you trying to accommodate?
URL in process
http://ecestatesales.com/blank_page.php
On menu.css line 20 find the class "ul#cssmw0 li " and add: width: 20%;
Then on line 53 find the class "ul#cssmw0 > li > span > a, ul#cssmw0 > li > span > a:link" and change its width to: width: auto;
also in that same class remove the left and right padding so it will be: padding: 10px 0 6px;
Then on line 1 of menu.css in the class "ul#cssmw0" update the min-width to: min-width:800px;
Thanks Ray,
That works just like I wanted except for the min-width for "ul#cssmw0"
I took that out and added a left and right margin of 1% to center and it looks right in all of the browser windows I have. (4 different sizes)
I appreciate your support.
Your friends over here at WebAssist! These Dreamweaver extensions will assist you in building unlimited, custom websites.
These out-of-the-box solutions provide you proven, tested applications that can be up and running now. Build a store, a gallery, or a web-based email solution.