Hi, I want to set the width of my horizontal menu as the width of the website, because now the menu width depends of the number of item. How can I do?
The menu css:
Code:
div.mod_navigation ul {
margin:0px;
padding:0px;
}
div.mod_navigation li {
width:133px;
margin:0px;
padding:0px;
text-align:center;
list-style-type:none;
float:left;
}
div.mod_navigation a, div.mod_navigation p {
font-weight:bold;
font-size:11px;
color:#ffffff;
}
div.mod_navigation a {
height:25px;
display:block;
margin:0px;
padding:10px 0px 0px 0px;
text-align:center;
background-color:#cc0000;
background-repeat:repeat-x;
font-weight:bold;
text-decoration:none;
font-size:11px;
color:#ffffff;
}
div.mod_navigation a:hover {
background-color:#b30000;
background-repeat:repeat-x;
text-decoration:none;
color:#ffffff;
}
div.mod_navigation p {
height:30px;
margin:0px;
padding:5px 0px 0px 0px;
text-align:center;
background-color:#b30000;
background-repeat:repeat-x;
}
a.invisible {
clear:both;
}
li.active{
height:35px;
display:block;
margin:0px;
padding:5px 0px 0px 0px;
text-align:center;
background-color:#cc0000;
background-repeat:repeat-x;
font-weight:bold;
text-decoration:none;
font-size:11px;
color:#ffffff;
width: auto;
}
Thanks!
Bookmarks