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
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