probleempje met menu
Posted: Mon Oct 11, 2010 3:18 pm
Ik gebruik voor mijn website het minimal_menu.
Als ik de website bekijk in IE werkt de active knop prima.
Als ik de website bekijk in FF zie ik links dat de van de knop de active niet blijft staan.
Ik bedoel het smalle randje aan de linker kant.
Als ik de website upgrade naar de nieuwste versie CMSMS is dat ook het geval in IE. Wat is er mis met mijn CSS. Want daar zal het vast aan liggen.
http://www.de-klerk.nl
Onderstaand een stuk daarvan.
Als ik de website bekijk in IE werkt de active knop prima.
Als ik de website bekijk in FF zie ik links dat de van de knop de active niet blijft staan.
Ik bedoel het smalle randje aan de linker kant.
Als ik de website upgrade naar de nieuwste versie CMSMS is dat ook het geval in IE. Wat is er mis met mijn CSS. Want daar zal het vast aan liggen.
http://www.de-klerk.nl
Onderstaand een stuk daarvan.
Code: Select all
#buttons ul {
height: 35px;
list-style: none;
overflow: hidden;
display: inline;
float:left;
}
#buttons ul li {
background:url(../images/button_gray_left.gif) top left no-repeat;
float: left;
display: inline;
overflow: hidden;
margin-left: 2px;
}
#buttons ul li a {
width:auto;
float:left;
display: inline;
overflow: hidden;
text-decoration:none;
background-image: url(../images/button_gray_right.gif);
background-repeat: no-repeat;
background-position: right top;
padding-top: 7px;
padding-right: 15px;
padding-bottom: 12px;
padding-left: 8px;
margin-left: 5px;
font-family: Arial, Helvetica, sans-serif;
font-size: 1.3em;
color: #336633;
}
#buttons li:hover {
background:url(../images/button_down_left.gif) top left no-repeat;
float: left;
display: inline;
margin-left: 2px;
}
#buttons ul li a:hover {
width:auto;
float:left;
display: inline;
overflow: hidden;
text-decoration:none;
background:url(../images/button_down_right.gif) top right no-repeat;
padding-top: 7px;
padding-right: 15px;
padding-bottom: 12px;
padding-left: 8px;
margin-left: 5px;
font-family: Arial, Helvetica, sans-serif;
font-size: 1.3em;
color: #336633;
}
#buttons ul li.currentpage {
background:url(../images/button_down_left.gif) top left no-repeat;
float: left;
display: inline;
margin-left: 2px;
}
#buttons ul li a.currentpage {
width:auto;
float:left;
display: inline;
overflow: hidden;
text-decoration:none;
background:url(../images/button_down_right.gif) top right no-repeat;
padding-top: 7px;
padding-right: 15px;
padding-bottom: 12px;
padding-left: 8px;
margin-left: 5px;
font-family: Arial, Helvetica, sans-serif;
font-size: 1.3em;
color: #336633;
}