tutorials.de Buch-Aktion 05/2012
ERLEDIGT
JA
ANTWORTEN
2
ZUGRIFFE
299
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
AUF DIESES THEMA
ANTWORTEN
  1. 04.10.11 16:34 #1
    aurus aurus ist offline Mitglied Bronze
    Registriert seit
    Jun 2011
    Beiträge
    29
    Hallo zusammen,

    ich habe das Gefühl, dass ich gerade ziemlich auf dem Schlauch stehe. Jedenfalls komme ich gerade einfach nicht weiter

    Und zwar habe ich folgende einfache HTML-Struktur für geschachtelte Menüs:

    HTML-Code:
    <div id="erste_id" class="erste_class">
    <ul>
        <li>
            <ul>
                <li></li>
            </ul>
        </li>
    </ul>
</div>
    Und zwar funktioniert folgendes:
    HTML-Code:
    #erste_id li:hover ul{
    display: block;
}
    Aber folgendes nicht:
    HTML-Code:
    .erste_class li:hover ul{
    display: block;
}
    Warum ist das so?
     
    Zitieren Zitieren
  2. 04.10.11 17:43 #2
    Avatar von technikfreack
    technikfreack technikfreack ist offline Mitglied Bronze
    Registriert seit
    Oct 2011
    Beiträge
    29
    Also bei mir geht es: bist du dir sicher, das du bei beiden Varianten auch den Zustand bevor es gehovert wird definiert hast?

    ID:
    PHP-Code:
    <html>
    <    head>
    <    style type="text/css">

    #erste_id li:hover ul{
            display: block;
    }
    #erste_id li ul{
            display: none;
    }
    </    style>
    </    head>
    <    body>
    <    div id="erste_id" class="erste_class">
        <    ul>
            <    li>Hi
                    <ul>
                    <    li>test1</li>
                </    ul>
            </    li>
        </    ul>
    </    div>
    </    body>
    </    html> 
    CLASS:
    PHP-Code:
    <html>
    <    head>
    <    style type="text/css">
    .    erste_class li:hover ul{
            display: block;
    }
    .    erste_class li ul{
            display: none;
    }

    </    style>
    </    head>
    <    body>
    <    div id="erste_id" class="erste_class">
        <    ul>
            <    li>Hi
                    <ul>
                    <    li>test1</li>
                </    ul>
            </    li>
        </    ul>
    </    div>
    </    body>
    </    html> 
    Meist sind dies solche Fehler die einem das Leben schwer machen...
     
    Viele Grüße, technikfreack

    Ich suche noch Babysitter. Meine Compiler heulen immer rum und meckern mich an. Vielen Dank für Unterstützung.
    Zitieren Zitieren
  3. 04.10.11 19:26 #3
    aurus aurus ist offline Mitglied Bronze
    Registriert seit
    Jun 2011
    Beiträge
    29
    Habe es mir eben nochmal angesehen und den Fehler ziemlich schnell entdeckt. Es lag tatsächlich daran, das im Stylesheet nicht an allen relevanten Stellen die Selektoren ausgetauscht waren. Ziemlich doof sowas...

    Irgendwann sieht man den Wald vor lauter Bäumen nicht mehr oder so
     
    Zitieren Zitieren
« Breite einer Galerie | 3 Spalten Layout mit Dynamischem Inhalt »

Ähnliche Themen

  1. PHP Menü mit CSS Class (li class="...")
    Von fawad im Forum PHP
    Antworten: 1
    Letzter Beitrag: 18.04.10, 21:14
  2. class="hover" frage
    Von tassiloK82 im Forum CSS
    Antworten: 7
    Letzter Beitrag: 03.02.09, 21:05
  3. class="hover" frage
    Von tassiloK82 im Forum PHP
    Antworten: 7
    Letzter Beitrag: 03.02.09, 21:05
  4. Xubuntu "Start-Menü" geht nicht
    Von King Euro im Forum Linux & Unix
    Antworten: 6
    Letzter Beitrag: 12.10.08, 11:30
  5. fly out menü / class="hide"
    Von EdgarZ im Forum CSS
    Antworten: 6
    Letzter Beitrag: 15.09.07, 13:13