Dann kannst du dir nav1selected und nav1unselected sparen und brauchst nur 1x das selected markieren. Das spart dir dann einen signifkaten Teil deines CSS ein.
Da versteh ich leider nicht, was du meinst. Nur 1x das selected markieren?
li.nav1selected {
display: inline;
float: left;
padding-left: 20px;
padding-top: 0px;
padding-right: 20px;
padding-bottom: 0px;
margin: 0;
white-space: nowrap;
background-color: #393949;
vertical-align: middle;
font-size: 11px;
font-weight: bold;
}
li.nav1unselected {
display: inline;
float: left;
padding-left: 20px;
padding-top: 0px;
padding-right: 20px;
padding-bottom: 0px;
margin: 0;
white-space: nowrap;
vertical-align: middle;
font-size: 11px;
font-weight: bold;
background-color: #B2B1DF;
}
bei selected und unselected gibts viele doppelungen, das kannst du massiv verkürzen - und das nur durch etwas sinnvoller gestaltetes HTML.
ul.nav li {
display: inline;
float: left;
padding-left: 20px;
padding-top: 0px;
padding-right: 20px;
padding-bottom: 0px;
margin: 0;
white-space: nowrap;
background-color: #393949;
vertical-align: middle;
font-size: 11px;
font-weight: bold;
}
ul.nav li.selected {
background-color: #B2B1DF;
}