css - forcing width of menu items to take up 100% -


I site:

www.yoursdproperty.com

I need Top menu items home, buy property, selling property etc ...

To raise 100% of the width of the top bar, If I add more items, then I moved them accordingly.

Here is the CSS associated with this menu bar. Can I change something here to do this?

  / * Mu Menu * / #cssmenu_moo_menu {padding: 0; Margin: 0; } # Cssmenu_moo_menu a {float: left; Text-decoration: none; Display area; Cursor: indicator; Height: 35px; Font-size: 14px; font-weight: bold; Line-height: 35px; Padding: 0 15px; Hidden flurry; Border-right: 1px solid # 0d85c9; } # Cssmenu_moo_menu li li {font-weight: bold; Font-size: 12px; Border-right: none; Padding: 0; } #cssmenu_moo_menu ul {height: 35px; Swim left; List-style: none; Margin: 0; } # Cssmenu_moo_menu {background: # 006198 url (../images/moomenu.png) Repeat-X 50% Top; Height: 35px; Swim left; List-style: none; Margin: 0; Padding: 0; } # Cssmenu_moo_menu li li {padding: 0; Background: None; } # Cssmenu_moo_menu ul ul al a color: # 000; Display area; Text-decoration: none; Width: 275px; Change the text: none; } # Cssmenu_moo_menu li {float: left; Padding-left: 0; Height: 35px; Background: Transparent; } # Cssmenu_moo_menu ul li {status: relative; } # Cssmenu_moo_menu li ul {z-index: 99; Top: 35px; Status: Completed; Left: -999em; Height: auto; Font-weight: normal; Margin: 0; Border: 0 solid #ddd; Padding: 0; } # Cssmenu_moo_menu ul {padding: 0; Margin top: 0; } # Cssmenu_moo_menu li li {float: left; Padding: 0; Margin: 0; Height: 35px; Width: 275px; } # Cssmenu_moo_menu li ul ul {margin: -25px 0 275px; } # Cssmenu_moo_menu li: Hover ul ul, # cssmenu_moo_menu li: Hover ul ul ul, # cssmenu_moo_menu li: Hover ul ul ul ul, # cssmenu_moo_menu li.sfhover ul ul, # cssmenu_moo_menu li.sfhover ul ul ul, # cssmenu_moo_menu li.sfhover Ul ul ul ul (position: absolute; Left: -999em; } # Cssmenu_moo_menu li: hover ul, # cssmenu_moo_menu li li: halo ul, # cssmenu_moo_menu li li li: hover ul, # cssmenu_moo_menu li li lii li: hover ul, # cssmenu_moo_menu li.sfhover ul, # cssmenu_moo_menu li li.sfhover ul, # Cssmenu_moo_menu li li li.sfhover ul, # cssmenu_moo_menu li li li.fhover ul {status: absolute; Left: 0; } #cssmenu_moo_menu ul ul {width: 275px; Background: # 006,198; } # Cssmenu_moo_menu ul ul ul {width: 275px; Padding-bottom: 0; } # Cssmenu_moo_menu ul ul li li (border-right: 0 solid # 000;} # Cssmenu_moo_menu a {color: #eee; border-left: 1 px solid # 444;} # Cssmenu_moo_menu a: hover {color: # 303030;} # Cssmenu_moo_menu li.active a {color: # 303030;} # Cssmenu_moo_menu li li a {color: #fff;} # Cssmenu_moo_menu li li a: hover {color: # 303030;} # Cssmenu_moo_menu li li a: active {color: # eee;} # Cssmenu_moo_menu ul ul li {padding: 0 10px;} # Cssmenu_moo_menu ul ul li.active {;} #cssmenu_moo_menu li.active {background: url (../ images / moomenu1.png) repeat-x top # 303030 ;} # Cssmenu_moo_menu li a: hover, # cssmenu_moo_menu li a: active {color: # 303030;} # Cssmenu_moo_menup {height: 20px; border: solid 1px # 333; background: # 555;} #cssmenu_moo_menup ul {margin: 0; Padding: 0; list- Ali: none;} # Cssmenu_moo_menup li {float: left; margin: 0; margin-top: 0; padding-left: 0; list-style: none;} #cssmenu_moo_menup li {display: block; text-decoration: none No; Color: #eee; Padding: 0 10px 0 10px; font-size: 11px; Line-height: 20px; } # Cssmenu_moo_menup li a: hover {color: # 303030; } # Cssmenu_moo_menup li.active a {color: # 303030; } # Cssmenu_moo_menup ul ul, # cssmenu_moo_menup ul ul {display: none; }  

I will use the table for this, it is one of the circumstances which It seems that a table is most appropriate, it means that you do not have to worry about it, you should add more links later in the future.


Comments

Popular posts from this blog

sql - dynamically varied number of conditions in the 'where' statement using LINQ -

asp.net mvc - Dynamically Generated Ajax.BeginForm -

Debug on symbian -