• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Problem mit verschachtelter Liste

kid.icarus

Neues Mitglied
Hallo zusammen,

ich habe auf einer Webseite (die ich gerade am Erstellen bin :-) eine Navigation, die durch eine verschachtelte Liste dargestellt wird.
Das sieht so aus:

<ul>
<li><a href=""blubbb.html"">Bla</a>
<ul>
<li><a href="blubbb.html">Bla</a></li>
<li><a href="blubbb.html">Bla</a></li>
<li><a href="blubbb.html">Bla</a></li>
</ul>
</li>
<li><a href="blubbb.html">Bla</a></li>
<li><a href="blubbb.html">Bla</a></li>
<li><a href="blubbb.html">Bla</a></li>
</ul>

In der Css habe ich folgendes:

#menu_links {
width: 200px;
line-height: 20px;
vertical-align: middle;
font-size: 14px;
float: left;
margin-top: 5px;
position: relative;
text-decoration: none;

}

#menu_links li {
display: block;
border-bottom: 1px solid #CCC;
font-size: 14px;
}

#menu_links li a:link {
color: #006;
text-decoration: none;
font-size: 14px;

}

#menu_links li a:visited {
color: #006;

}

#menu_links li a:hover {
color: #0C3;

}

#menu_links ul li ul li a:link {
color: #666;
border-bottom: 0px;
font-size: 13px;
padding-left: 5px;
display: block;
}

#menu_links ul li ul li a:hover, a:visited {
color: #0C3;
font-size: 13px;
padding-left: 5px;
display: block;
}


Nun möchte ich durch border-bottom: 1px solid #CCC in der ersten Ebene immer einen grauen Strich unter dem Link stehen haben. Allerdings soll dieser Strich NICHT bei den Links in der zweiten Navigationsebene sein.

Wie bekomme ich das hin? so wie es jetzt ist, ist der Strich immer da, auch in der 2. Ebene.

Freue mich über jegliche Hilfe!

Danke,
Julia
 
Code:
#menu_links li {
font-size: 14px;
}

#menu_links li a    {
   border-bottom: 1px solid #ccc;
   }

#menu_links ul li  a     {
   border-bottom: none;
   }
 
Danke! das setzt die Linien zwar dort, wo es soll, allerdings werden nur die Links "unterstrichen". Ich möchte, dass der Strich durchgehend ist im gesamten div der Navigation. Dieses hat eine Breite von 200px.

EDIT: habs hinbekommen, indem ich bei:

#menu_links li a {
...
display: block;
...
}

hinzugefügt habe.

Aber danke für den entscheidenden Tipp oben!!!!
 
Zuletzt bearbeitet:
Zurück
Oben