hm, nein, ich hab erst die links gefloatet ...
hier mal die css
Code:
/* Style sheet xNavigation */
#nav_main {
width: 700px;
height: 43px;
margin-left: 30px;
padding-top: 170px;
}
#nav_main ul {
margin: 0px;
padding-top: 3px;
text-align: center;
list-style-type: none;
}
#nav_main li {
background-image: url(tl_files/images/layout/menu.gif);
background-repeat: no-repeat;
background-position: 0.4em;
padding-left: 0.6em;
}
#nav_main li.active {
float: left;
display: block;
margin-right: 20px;
background-image: url(tl_files/images/layout/menu_active.gif);
background-repeat: no-repeat;
background-position: 0.4em 35%;
padding-left: 2.2em;
vertical-align: middle;
font-size: 12px;
font-weight: bold;
line-height: 43px;
text-decoration: none;
}
#nav_main li a {
float: left;
display: block;
margin-right: 20px;
background-image: url(tl_files/images/layout/menu_inactive.gif);
background-repeat: no-repeat;
background-position: 0.4em 35%;
padding-left: 2.2em;
vertical-align: middle;
font-size: 12px;
font-weight: bold;
line-height: 43px;
text-decoration: none;
}
#nav_main ul li.active, #nav_main ul li a.trail {
background-image: url(tl_files/images/layout/menu_active.gif);
background-repeat: no-repeat;
background-position: 0.4em 35%;
padding-left: 2.2em;
color: #FFFFFF;
cursor: pointer;
}
#nav_main ul li a {
color: #999999;
}
#nav_main ul li a:hover {
background-image: url(tl_files/images/layout/menu_active.gif);
background-repeat: no-repeat;
background-position: 0.4em 35%;
padding-left: 2.2em;
color: #FFFFFF;
}
Lesezeichen