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
Post a Comment