15187
Aug 26, 2008, updated at 09:45:58 (UTC)
4809
4
0
CSS Pulldown-Menü beinhaltet einen Fehler
Ich kann leider nicht mehr nachvollziehen, was ich geändert habe. Ich finde den Fehler nicht...
Es gibt für meine Entwicklungsseite einen Server, die Seite selbst findet Ihr hier:
http://kupraestivo.dyndns.org/entwicklung
Kann ja mal jemand kucken? Das Problem ist einfach, dass da ein Pulldownmenü weit rechts erscheint, wo es nicht hingehört. Während des "hoverns" steht es dann an der richtigen Stelle.
Vielen Dank im Voraus an alle, die mir weiterhelfen.
Gruß,
TC
Das CSS Skript für das Menü sieht so aus:
http://kupraestivo.dyndns.org/entwicklung
Kann ja mal jemand kucken? Das Problem ist einfach, dass da ein Pulldownmenü weit rechts erscheint, wo es nicht hingehört. Während des "hoverns" steht es dann an der richtigen Stelle.
Vielen Dank im Voraus an alle, die mir weiterhelfen.
Gruß,
TC
Das CSS Skript für das Menü sieht so aus:
#nav, #nav ul {
list-style: none;
float: center;
padding: 10px 0 0 0;
font-style: normal;
}
#nav li {
float: left;
text-align: center;
background: #002040 url(../images/tab.gif) no-repeat left bottom;
font-style: normal;
}
#nav a {
display: block;
width: 8em;
padding: 2px 0px 0px 0px;
margin: 0;
color: #ddd;
background: #ad0100 url(../images/tab.gif) no-repeat left bottom;
font-style: normal;
}
#nav li a:hover {
background: #999 url(../images/tabhover.gif) no-repeat left bottom;
color: #000;
font-style: normal;
}
#nav li ul {
position: absolute;
left: 200em;
height: auto;
width: 8em;
font-weight: normal;
margin: 0;
padding: 0 0 0 0;
background: #002040;
font-style: normal;
}
#nav li li {
width: 8em;
line-height: 1.8em;
text-align: left;
font-size: 1em;
}
#nav li ul a {
width: 11em;
text-indent: 5px;
padding: 0px;
}
#nav li ul a:hover {
width: 11em;
}
#nav li ul ul {
padding: 0;
margin: -1.8em 0 0 11em;
}
#nav li:hover ul ul,
#nav li:hover ul ul ul,
#nav li.sfhover ul ul,
#nav li.sfhover ul ul ul {
left: 200em;
}
#nav li:hover ul,
#nav li li:hover ul,
#nav li li li:hover ul,
#nav li.sfhover ul,
#nav li li.sfhover ul,
#nav li li li.sfhover ul {
left: auto;
}
#nav li:hover,
#nav li.sfhover {
background: transparent;
color: #FEFFB8;
}
Please also mark the comments that contributed to the solution of the article
Content-Key: 95301
Url: https://administrator.de/contentid/95301
Printed on: April 24, 2024 at 00:04 o'clock
4 Comments
Latest comment
Teste mal sowas:
Erste Regel blendet das Menü aus, zweite Regel beim "hovern" wieder ein.
damit das auch für Browser < IE7 geht, kannst du die csshover.htc von hier einbinden...
div#nav ul ul, div#nav ul li:hover ul ul, div#nav ul ul li:hover ul ul {
display:none;
}
div#nav ul li:hover ul,
div#nav ul ul li:hover ul,
div#nav ul ul ul li:hover ul
{display: block;
}
damit das auch für Browser < IE7 geht, kannst du die csshover.htc von hier einbinden...