Autor |
Nachricht |
nickdesign
Threadersteller
Dabei seit: 28.02.2007
Ort: South London
Alter: 43
Geschlecht:
|
Verfasst Di 02.11.2010 15:24
Titel CSS / Aufklapp Navi -> Hover belegung? |
|
|
Ahhhh irgendwie ist gerade der Wurm drinn...
ich hab ne Navi die soll sich aufklappen und dann im aufklappmenue und das aufgeklappte Menue soll n Hover bekommen (hintergrundfarbe + Textfarbe). Aber irgendwie bekomm ich das heute net auf die reihe -.- ....
Kann mir wer schnell auf die Sprünge helfen?
Zum Basteln gedacht - > http://jsfiddle.net/xnqQX/
HTML
Code: | <ul id="nav">
<li><a href="#">HOME</a></li>
<li><a href="#">PHILOSOPHIE</a>
<ul>
<li><a href="#">Imanigation</a></li>
<li><a href="#">Intension</a></li>
<li><a href="#">Symbolik</a></li>
</ul>
</li>
<li><a href="#">GALERIE</a></li>
<li><a href="#">KONTAKT</a></li>
</ul>
|
CSS
Code: | #nav ul { /* all lists */
padding: 2px 0 0 0;
margin-top:0px;
list-style: none;
}
#nav { /* all lists */
line-height:1;
list-style:none outside none;
margin:8px 0 0 22%;
padding:0;
}
#nav a {
display: block;
width: 10em;
}
#nav a:hover {
display: block;
width: 10em;
color: #000;
}
#nav li { /* all list items */
float: left;
width: 10em;
}
#nav li ul { /* second-level lists */
position: absolute;
width:0em;
margin-left:0px;
line-height:18px;
left: -999em;
}
#nav li:hover ul, #nav li.sfhover ul {
left: auto;
} |
Zuletzt bearbeitet von nickdesign am Di 02.11.2010 15:24, insgesamt 1-mal bearbeitet
|
|
|
|
|
heiko_rs
Dabei seit: 06.02.2008
Ort: Berlin
Alter: -
Geschlecht:
|
Verfasst Di 02.11.2010 15:34
Titel
|
|
|
a der ersten Ebene: #nav a (spricht natürlich auch a der zweiten an)
der zweiten: #nav ul a
Zuletzt bearbeitet von heiko_rs am Di 02.11.2010 15:35, insgesamt 2-mal bearbeitet
|
|
|
|
|
Anzeige
|
|
|
nickdesign
Threadersteller
Dabei seit: 28.02.2007
Ort: South London
Alter: 43
Geschlecht:
|
Verfasst Di 02.11.2010 15:41
Titel
|
|
|
heiko_rs hat geschrieben: | a der ersten Ebene: #nav a (spricht natürlich auch a der zweiten an)
der zweiten: #nav ul a |
Öhhm... zuviele Bäume heute im Wald, alles klar Klasse vergessen zu geben!
Danke dir!
|
|
|
|
|
heiko_rs
Dabei seit: 06.02.2008
Ort: Berlin
Alter: -
Geschlecht:
|
Verfasst Di 02.11.2010 15:47
Titel
|
|
|
Du brauchst dafür aber gar keine Klassen
Zuletzt bearbeitet von heiko_rs am Di 02.11.2010 15:47, insgesamt 1-mal bearbeitet
|
|
|
|
|
nickdesign
Threadersteller
Dabei seit: 28.02.2007
Ort: South London
Alter: 43
Geschlecht:
|
Verfasst Di 02.11.2010 16:05
Titel
|
|
|
heiko_rs hat geschrieben: | Du brauchst dafür aber gar keine Klassen |
Na nicht nur sagen, sprech dich aus will mehr wissen kann ich es einfacher lösen?
|
|
|
|
|
nel
Dabei seit: 18.09.2004
Ort: Köln
Alter: -
Geschlecht:
|
Verfasst Di 02.11.2010 16:08
Titel
|
|
|
nickdesign hat geschrieben: | heiko_rs hat geschrieben: | Du brauchst dafür aber gar keine Klassen |
Na nicht nur sagen, sprech dich aus will mehr wissen kann ich es einfacher lösen? |
das erste ul ist ja dein #nav, das kannst du auch für das ul austauschen
ich würd aber trotzdem das #nav davor lassen, dann gibt es später keine probleme mit anderen listen,
ich glaube er meinte nur dass deine ausrede nicht zählt, das es in dem fall an der klasse lag (bzw ID)
Zuletzt bearbeitet von nel am Di 02.11.2010 16:09, insgesamt 1-mal bearbeitet
|
|
|
|
|
snuwie
Dabei seit: 06.07.2010
Ort: -
Alter: -
Geschlecht:
|
Verfasst Di 02.11.2010 16:09
Titel
|
|
|
du kannst die element auch direkt ansprechen ...
zb: #navi li ul li a {}
würde das a tag der 2ten navigation ansprechen ...
|
|
|
|
|
heiko_rs
Dabei seit: 06.02.2008
Ort: Berlin
Alter: -
Geschlecht:
|
Verfasst Di 02.11.2010 16:32
Titel
|
|
|
Das habe ich schon in meinem ersten Post geschrieben: #nav ul a spricht a der zweiten Ebene an.
Die ID (#nav) muss natürlich bleiben, aber darüberhinaus sind keine weiteren Klassen (oder IDs) nötig - alle Elemente lassen sich per Nachfahrenselektor ansprechen.
|
|
|
|
|
|
|
|
Ähnliche Themen |
hover-Button/hover-Bild wird darunter eingefügt
Aufklapp menü im Dreamweaver
Schwierigschwierig: Aufklapp Script (?)
Suche Aufklapp-JavaScript
[Responsive Website] Unterschiedliche Link-Belegung
"Aufklapp"-Funktion für News gesucht
|
|