Problem mit Vpnavigation horizontal
Verfasst: Mo 22. Aug 2005, 14:06
Hallo Community,
ich habe da so meine CSS-Probleme bei der Vpnavigation
1. ich bekomme die Abstände zwischen den Menüpunkten nicht gleich hin
2. ist oft die dritte Ebene nicht richtig ausgerichtet sondern hängt irgendwo
ich habe schon reichlich rumprobiert nie kam was anständiges bei raus
hier mal das CSS für die Navigation
anzusehen ist der spaß unter www.judo-groebenzell.de/bjv/cms
wäre klasse wenn mir wer helfen könnte ...
mfg Speedy
ich habe da so meine CSS-Probleme bei der Vpnavigation
1. ich bekomme die Abstände zwischen den Menüpunkten nicht gleich hin
2. ist oft die dritte Ebene nicht richtig ausgerichtet sondern hängt irgendwo
ich habe schon reichlich rumprobiert nie kam was anständiges bei raus
hier mal das CSS für die Navigation
Code: Alles auswählen
#vpnavigation {
position: relative;
top: 55px;
margin-top: 0px;
margin-left: 30px;
margin-right: 10px;
width: 760px;
height: 25px;A
background: url(../images/nav_bg.jpg) no-repeat top left;
z-index: 1;
}
#vpnavigation ul {
/* all lists */
/* float: left; */
list-style: none;
line-height: 1;
font-weight: bold;
padding: 0;
margin: 0 0 1em 0;
height: 25px;
max-width: 760px;
z-index: 1;
}
#vpnavigation a {
color: #blue;
text-decoration: none;
display: block;
/* float: left; */
padding-left: 15px;
padding-right: 15px;
height: 25px;
font-weight: bolder;
font-size: 12px;
min-width: 90px;
_width: 90px;
}
#vpnavigation li {
/* all list items */
float: left;
display: inline;
padding: 0;
min-width: 90px;
_width: 90px;
}
#vpnavigation li:hover a, #vpnavigation li.sfhover a {
/* all list items */
background: #FFFFFF;
color: #333333;
}
#vpnavigation li ul {
/* second-level lists */
position: absolute;
background: #FFFFFF;
/* left: -999em; */
/* using left instead of display to hide menus because display: none isn't read by screen readers */
top: 25px;
min-width: 90px;
_width: 90px;
max-width: 150px;
display: none;
}
#vpnavigation li li {
/* second-level lists */
height: 20px;
float: none;
display: block;
}
#vpnavigation li li a {
/* second-level lists */
height: 20px;
float: none;
display: block;
color: #0E399B;
font-size: 12px;
text-align: left;
}
#vpnavigation li li a.daddy {
background: url(../images/layout/rightarrow.gif) center right no-repeat;
}
#vpnavigation li li a:hover {
/* second-level lists */
background: #0E399B;
color: #FFFFFF;
}
#vpnavigation li:hover li ul, #vpnavigation li.sfhover li ul {
/* second-level lists */
background: #FFFFFF;
min-width: 90px;
_width: 90px;
max-width: 150px;
display: none;
position: absolute;
top: 0px;
left: 100px;
}
#vpnavigation li:hover ul, #vpnavigation li.sfhover ul, #vpnavigation li li:hover ul, #vpnavigation li li.sfhover ul {
/* lists nested under hovered list items */
/* left: auto; */
display: block;
}
#vpnavigation li.activepath, #vpnavigation li#active {
font-style: italic!important;
}
wäre klasse wenn mir wer helfen könnte ...
mfg Speedy