Autor |
Nachricht |
fuhgawz
Threadersteller
Dabei seit: 19.01.2010
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Di 19.01.2010 12:17
Titel Problem mit Verschiebung von Menüpunkten bei Hover |
|
|
Hi,
ich hätte mal das PRoblem, das das folgende Menü nicht ordentlich funktioniert.
Viel mehr habe ich das PRoblem, das er mir immer nur den nächstliegenden Punkt verschiebt.
D.h. Gehe ich auf den Punkt Rezepte wird richtigerweise der Punkt Ernährung verschoben, nicht aber der von Community.
Genau hier liegt der Fehler.
Der Code:
Code: |
<html>
<head>
<style>
ul {
padding: 0;
margin: 0;
list-style: none;
width: 14.23em;
}
li {
float: left;
position: relative;
width: 10em;
}
li ul {
display: none;
position: absolute;
top: 6.5em;
left: 0;
}
li:hover ul {
display: block;
clear: left
}
#sub:hover + #sub, .first:hover .last{
top:20.5em;
}
</style>
</head>
<body>
<ul id="nav">
<li><a class="fett" title="Home" href="">Home</a></li>
<li id="sub" class="first"><a class="fett" title="Rezepte" href="">Rezepte</a>
<ul class="SekMenu-Rezepte">
<li><a class="link_sub" title="Rezept der Woche" href="">Rezept der Woche</a></li>
<li><a class="link_sub" title="Rezeptsammlung" href="">Rezeptsammlung</a></li>
<li><a class="link_sub" title="Kochvideos" href="">Kochvideos</a></li>
<li><a class="link_sub" title="Cocktails" href="">Cocktails</a></li>
</ul>
</li>
<li id="sub" ><a class="fett" title="Ernährung" href="">Ernährung</a>
<ul>
<li><a class="link_sub" title="Gerücht der Woche" href="">Gerücht der Woche</a></li>
<li><a class="link_sub" title="Anwendungen" href="">Anwendungen</a></li>
<li><a class="link_sub" title="Lebensmittel" href="">Lebensmittel</a></li>
<li><a class="link_sub" title="Zubereitung" href="">Zubereitung</a></li>
<li><a class="link_sub" title="Studien" href="">Studien</a></li>
</ul>
</li>
<li id="sub" class="last"><a class="fett" title="Community" href="">Community</a>
<ul>
<li><a class="link_sub" title="Restaurantfinder" href="">Restaurantfinder</a></li>
<li><a class="link_sub" title="Events" href="">Events</a></li>
<li><a class="link_sub" title="Kommunikation" href="">Kommunikation</a></li>
<li><a class="link_sub" title="Favoriten" href="">Favoriten</a></li>
<li><a class="link_sub" title="Einstellungen" href="">Einstellungen</a></li>
</ul>
</li>
</ul>
</body>
</html>
|
|
|
|
|
|
DEKONSTRUKTIV
Dabei seit: 22.06.2009
Ort: bln
Alter: -
Geschlecht: -
|
Verfasst Di 19.01.2010 14:40
Titel
|
|
|
gib ma n link zu dem kram. keinen nerv, mir extra n file draus zu löten.
|
|
|
|
|
Anzeige
|
|
|
fuhgawz
Threadersteller
Dabei seit: 19.01.2010
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Di 19.01.2010 15:08
Titel
|
|
|
klar hier ist er:
Klick mich
Zuletzt bearbeitet von fuhgawz am Di 19.01.2010 15:09, insgesamt 1-mal bearbeitet
|
|
|
|
|
heiko_rs
Dabei seit: 06.02.2008
Ort: Berlin
Alter: -
Geschlecht:
|
Verfasst Di 19.01.2010 15:46
Titel
|
|
|
Abgesehen davon, dass Dein HTML heftige Fehler hat, ist das CSS nicht gerade ideal: Die Subnavis sollen bei Erscheinen den Rest verschieben, aber Du pos. sie abs., das haut natürlich nicht hin - wirf also als erstes jegliches pos. raus.
Zuletzt bearbeitet von heiko_rs am Di 19.01.2010 15:47, insgesamt 1-mal bearbeitet
|
|
|
|
|
|
|
|
Ähnliche Themen |
[CSS] Navigation bei a:hover bold > Verschiebung vermeiden
Problem mit li:hover
Problem mit CSS Hover Effekt
HTML a:hover Problem
Problem mit hover effect
Problem mit IE7 und hover-Navigation
|
|