FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Zur Registrierung

Thema: CSS: Listenelemente verschieben sich bei Hover wg. Untermenü vom 04.01.2011

	MGi Foren-Übersicht -> Allgemeines - Nonprint -> CSS: Listenelemente verschieben sich bei Hover wg. Untermenü

Autor

Nachricht

weltio
Threadersteller

Dabei seit: 04.01.2011
Ort: -
Alter: -
Geschlecht: -

Verfasst Di 04.01.2011 21:04
Titel

CSS: Listenelemente verschieben sich bei Hover wg. Untermenü

Code:

Code:

@CHARSET "UTF-8";
img{
border: none;
}

div#head ul li {
margin-right: 50px;
font-size: 12px;
display: inline;
}

div#head ul li:hover,
div#head ul li:hover ul li:hover {
font-size: 16px;
font-weight: bold;
}

div#head ul li ul,
div#head ul li ul li ul,
div#head ul li:hover ul li ul
{
display: none;
}

div#head ul li:hover ul {
top: 39px;
left: 180px;
text-align: left;
position: fixed;
display: block;
}

div#head ul li:hover ul li {
display: block;
font-size: 15px;
font-weight: normal;
}

div#head ul li:hover ul li:hover ul {
top: 45px;
left: 295px;
font-weight: bold;
color: #a4da7d;
position: fixed;
display: block;
}

Das Problem bei obigem Sourcecode ist, dass sich das Listenelement li3 (theoretisch auch li4...n) beim Mouseover nach rechts verschiebt, da das Untermenü (welches ja nur beim Mouseover erscheint) breiter ist.
Wie stelle ich das ab?
Kann man das irgendwie überlappen lassen, da das Menü ja ohnehin tiefer ist als die Listenelemente?

sahnemuh

Dabei seit: 19.06.2003
Ort: /dev/null
Alter: 42
Geschlecht: Männlich

Verfasst Di 04.01.2011 22:05
Titel

Code:

@CHARSET "UTF-8";
img{
border: none;
}

div#head ul li {
margin-right: 50px;
font-size: 12px;
display: inline;
position: relative;
}

div#head ul li:hover {
font-size: 16px;
font-weight: bold;
}

div#head ul li ul {
display: none;
}

div#head ul li:hover ul {
top: 39px;
left: 180px;
text-align: left;
position: absolute;
display: block;
}

div#head ul ul li {
display: block;
font-size: 15px;
font-weight: normal;
}

div#head ul ul ul {
top: 45px;
left: 295px;
font-weight: bold;
color: #a4da7d;
}

sollt gehen.

weltio
Threadersteller

Dabei seit: 04.01.2011
Ort: -
Alter: -
Geschlecht: -

Verfasst Mi 05.01.2011 13:40 Titel

Nein, leider besteht das Problem noch immer. Außerdem wäre es nett, wenn du die (zwei?!) geänderten Zeilen irgendwie hervorheben könntest


	MGi Foren-Übersicht -> Allgemeines - Nonprint

Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.