mediengestalter.info
Datenschutzerklärung
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter
Aktuelles Datum und Uhrzeit: Sa 27.04.2024 13:48 Benutzername: Passwort: Auto-Login

Thema: CSS / Aufklapp Navi -> Hover belegung? vom 02.11.2010


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> CSS / Aufklapp Navi -> Hover belegung?
Seite: 1, 2  Weiter
Autor Nachricht
nickdesign
Threadersteller

Dabei seit: 28.02.2007
Ort: South London
Alter: 43
Geschlecht: Männlich
Verfasst Di 02.11.2010 15:24
Titel

CSS / Aufklapp Navi -> Hover belegung?

 Antworten mit Zitat Zum Seitenanfang
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
  View user's profile Private Nachricht senden
heiko_rs

Dabei seit: 06.02.2008
Ort: Berlin
Alter: -
Geschlecht: Männlich
Verfasst Di 02.11.2010 15:34
Titel

Antworten mit Zitat Zum Seitenanfang
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
  View user's profile Private Nachricht senden
Anzeige
Anzeige
nickdesign
Threadersteller

Dabei seit: 28.02.2007
Ort: South London
Alter: 43
Geschlecht: Männlich
Verfasst Di 02.11.2010 15:41
Titel

Antworten mit Zitat Zum Seitenanfang
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!
  View user's profile Private Nachricht senden
heiko_rs

Dabei seit: 06.02.2008
Ort: Berlin
Alter: -
Geschlecht: Männlich
Verfasst Di 02.11.2010 15:47
Titel

Antworten mit Zitat Zum Seitenanfang
Du brauchst dafür aber gar keine Klassen *zwinker*

Zuletzt bearbeitet von heiko_rs am Di 02.11.2010 15:47, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
nickdesign
Threadersteller

Dabei seit: 28.02.2007
Ort: South London
Alter: 43
Geschlecht: Männlich
Verfasst Di 02.11.2010 16:05
Titel

Antworten mit Zitat Zum Seitenanfang
heiko_rs hat geschrieben:
Du brauchst dafür aber gar keine Klassen *zwinker*


Na nicht nur sagen, sprech dich aus will mehr wissen Lächel kann ich es einfacher lösen?
  View user's profile Private Nachricht senden
nel

Dabei seit: 18.09.2004
Ort: Köln
Alter: -
Geschlecht: Männlich
Verfasst Di 02.11.2010 16:08
Titel

Antworten mit Zitat Zum Seitenanfang
nickdesign hat geschrieben:
heiko_rs hat geschrieben:
Du brauchst dafür aber gar keine Klassen *zwinker*


Na nicht nur sagen, sprech dich aus will mehr wissen Lächel 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) *bäh*

Zuletzt bearbeitet von nel am Di 02.11.2010 16:09, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
snuwie

Dabei seit: 06.07.2010
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Di 02.11.2010 16:09
Titel

Antworten mit Zitat Zum Seitenanfang
du kannst die element auch direkt ansprechen ...

zb: #navi li ul li a {}

würde das a tag der 2ten navigation ansprechen ...
  View user's profile Private Nachricht senden
heiko_rs

Dabei seit: 06.02.2008
Ort: Berlin
Alter: -
Geschlecht: Männlich
Verfasst Di 02.11.2010 16:32
Titel

Antworten mit Zitat Zum Seitenanfang
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.
  View user's profile Private Nachricht senden
 
Ähnliche Themen hover-Button/hover-Bild wird darunter eingefügt
Schwierigschwierig: Aufklapp Script (?)
Suche Aufklapp-JavaScript
Aufklapp menü im Dreamweaver
[Responsive Website] Unterschiedliche Link-Belegung
"Aufklapp"-Funktion für News gesucht
Neues Thema eröffnen   Neue Antwort erstellen Seite: 1, 2  Weiter
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.

Mediengestalter.info ist ein Projekt von Webformatik :: Forensoftware: phpBB