:hover, width und überlappung
0 0 
Gunnar Bittersmann
0 0 
Detlef G.
:hover, width und überlappung
Hallo,
auf der neuen Homepage unserer Schule ( http://www.michaeli-gymnasium.de/testnewhomepage/ ) versuche ich gerade die Navigation zu gestalten...
bei hover soll das betroffene Element der Navigation breiter werden, das klappt auch mit
li.submenu:hover {
width: 22%;
}
Aber alle anderen Elemente werden verschoben, obwohl sie eigentlich bleiben sollen, wo sie sind, sprich das hervorgehobene Element soll sie überlappen...
etwa so: http://www.michaeli-gymnasium.de/testnewhomepage/navi.gif
wäre nett, wenn mir da jemand auf die sprünge helfen könnte...
danke!
Lorenz Hopfmüller
-
Moin!
Aber alle anderen Elemente werden verschoben, obwohl sie eigentlich bleiben sollen, wo sie sind, sprich das hervorgehobene Element soll sie überlappen...
Überlappung ist aber in deinem Stylesheet nirgendwo definiert. Die Elemente sitzen dicht an dicht nebeneinander - wenn dann eines breiter wird, müssen die daneben eben ausweichen.
- Sven Rautenberg
--
My sssignature, my preciousssss! -
Hello out there!
http://forum.de.selfhtml.org/hilfe/bedienung.htm#verweise-einbinden
bei hover soll das betroffene Element der Navigation breiter werden, das klappt auch mit
li.submenu:hover {
width: 22%;
}
Aber alle anderen Elemente werden verschoben, obwohl sie eigentlich bleiben sollen, wo sie sind, sprich das hervorgehobene Element soll sie überlappen...Dann musst du die Navigationsliste aus dem normalen Fluss nehmen. [[CSS2 §9.3](file:///D:/Eigene%20Dateien/TR/CSS2/kap09.html#heading-9.3%A0)]
See ya up the road,
Gunnar--
“Remember, in the end, nobody wins unless everybody wins.” (Bruce Springsteen)-
Hallo Gunnar.
[[CSS2 §9.3](file:///D:/Eigene%20Dateien/TR/CSS2/kap09.html#heading-9.3%A0)]
Möchtest du keinen lokalen Spiegel dieser Ressource anlegen, damit so etwas nicht passieren kann?
Einen schönen Samstag noch.
Gruß, Ashura
--
sh:( fo:} ch:? rl:( br: n4:~ ie:{ mo:| va:) de:> zu:} fl:( ss:) ls:[ js:|
mathbr:del.icio.us/ mathbr:w00t/-
Hallo Ashura
Möchtest du keinen lokalen Spiegel dieser Ressource anlegen, damit so etwas nicht passieren kann?
Das ist doch der lokale Spiegel, genauso wie bei mir. ;-)
Auf Wiederlesen
Detlef--
- Wissen ist gut
- Können ist besser
- aber das Beste und Interessanteste ist der Weg dahin!-
Hallo Detlef.
Möchtest du keinen lokalen Spiegel dieser Ressource anlegen, damit so etwas nicht passieren kann?
Das ist doch der lokale Spiegel, genauso wie bei mir. ;-)
Meiner wäre unter http://www.w3.org/TR/CSS21/visuren.html#positioning-scheme zu erreichen. (Hm, eigentlich eine gute Idee. Ich werde wohl einmal wget darauf ansetzen.)
Ich frage mich nur, warum Gunnar hier auf CSS Level 2 anstatt Level 2.1 verlinken wollte.
Einen schönen Samstag noch.
Gruß, Ashura
--
sh:( fo:} ch:? rl:( br: n4:~ ie:{ mo:| va:) de:> zu:} fl:( ss:) ls:[ js:|
mathbr:del.icio.us/ mathbr:w00t/-
Hello out there!
Ich frage mich nur, warum Gunnar hier auf CSS Level 2 anstatt Level 2.1 verlinken wollte.
Weil ich gewöhnlich auf die deutsche Übersetzung verweise, wenn sich nicht etwas Entscheidendes geändert hat.
Du kannst dich gern ans Werk machen und 2.1 übersetzen ... ;-)
See ya up the road,
Gunnar--
“Remember, in the end, nobody wins unless everybody wins.” (Bruce Springsteen)-
Hallo Gunnar.
Ich frage mich nur, warum Gunnar hier auf CSS Level 2 anstatt Level 2.1 verlinken wollte.
Weil ich gewöhnlich auf die deutsche Übersetzung verweise, wenn sich nicht etwas Entscheidendes geändert hat.
Trotz Bug?
Du kannst dich gern ans Werk machen und 2.1 übersetzen ... ;-)
Hm, mir ist, als hätten wir dies ebenfalls schon einmal gehabt …
Einen schönen Samstag noch.
Gruß, Ashura
--
sh:( fo:} ch:? rl:( br: n4:~ ie:{ mo:| va:) de:> zu:} fl:( ss:) ls:[ js:|
mathbr:del.icio.us/ mathbr:w00t/
-
-
-
-
-