Antworten auf deine Fragen:
Neues Thema erstellen

Navi mit CSS und Drop Down Box geht nicht richtig

BlackHawk1983

Noch nicht viel geschrieben

Guten Tag an alle,

ich habe letztens die Frage gestellt warum mein layout sich zerschiesst wenn ich mit <ul><li> listen die Navigation mit untermenüs ausstatte. Mir hat man dazu geraten ich soll die Seite neu machen und mit DIV arbeiten statt mit Tabellen. Diesen Rat habe ich befolgt. Jetzt habe ich aber fast das gleiche Problem und brauche Hilfe :).

Mein Quellcode mit der Liste sieht folgendermaßen aus:

HTML:
<div id="navi" list-style-type:none;>
     
 <ul>
  <li><img src="bilder/navi.png" />

    <ul>
      <li><a href="#">VW Service & Zubehör</a></li>
      <li><a href="#">Audi Service & Zubehör</a></li>
      <li><a href="#">ADAC</a></li>
      <li><a href="#">Total Tankstelle</a></li>
      
  
    </ul>

  </li>

        </ul></div>

und mein CSS Code

Code:
body { behavior:url("csshover.htc"); }

#navi ul {
    list-style-type:none;
    list-style-position:outside
}

#navi li {
    list-style-type:none;
}

#navi ul li{    
    text-indent:0em
    display:inline; 
    float:left; 
    list-style:none;
    position:relative;
    list-style-type:none;
    list-style-position:outside
}

#navi li a{    
    
    text-decoration:none;
    font-family:calibri, Arial, Helvetica, sans-serif;
    font-size:14px;
    padding:0px;
}


#navi li ul{
    list-style-type:none;    
    text-indent:0em
    margin:0px;
    padding:0px;
    display: block;  
    height: 0; 
    width:200px;
    overflow: hidden;
    opacity: 0;
    position:absolute;
    -webkit-transition: all 0.5s ease-in; 
    -moz-transition: all 0.5s ease-in; 
    -o-transition: all 0.5s ease-in;
}

#navi li:hover ul
{    height:auto;
    opacity:1;
    margin:0px 0;
    display:block;
    width:200px;
}

#navi li li
{
    padding:0px 0;
    list-style:none;
    display:list-item;
    margin:0px;
    float:none;
}

#navi li li a{
    margin:0px;
}

.clear{
    margin:0px;
    float:0px;
    clear:both;
}


.cc-menü {
    
    text-align: left;
    overflow: auto;
    position: absolute;
    z-index: auto;
}

folgender Fehler passiert. Die Navi rutscht weg nach rechts und bleibt nicht im Wrapper hängen.

Vielen Dank für eure Unterstützung

Mit freundlichen Grüßen

BlackHawk:)
 
Zuletzt bearbeitet von einem Moderator:

Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Statistik des Forums

Themen
118.636
Beiträge
1.538.484
Mitglieder
67.559
Neuestes Mitglied
hanuta
Oben