Minimal menu after upgrade
Posted: Tue Oct 12, 2010 7:55 am
The buttons of my menu has two images.
The has 5 pixels on the left of the button and the has the rest on the right side.
If I upgrade my website from 1.6.6 to 1.8.2 the active state of the button is changed.
The hasn't an active state anymore.
This is the 1.6.6 version: http://www.de-klerk.nl
And this is the 1.8.2 version http://www.klerk.maaswebsites.nl
This is the section of my css witch contains the buttons
The has 5 pixels on the left of the button and the has the rest on the right side.
If I upgrade my website from 1.6.6 to 1.8.2 the active state of the button is changed.
The hasn't an active state anymore.
This is the 1.6.6 version: http://www.de-klerk.nl
And this is the 1.8.2 version http://www.klerk.maaswebsites.nl
This is the section of my css witch contains the buttons
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;
}