Css Menu -> zu viele "bottom border"

F0kus · 29. Juli 2008, 20:25

Hallo!

Ich habe ein Menu in CSS erstellt.
Hier:

Quellcode

div.nav {
font-size:12px;
font-family:Verdana,Arial,Sans;
position:absolute;
left:0px;
top:249px;
}
div.nav ul {
margin:0px;
padding:0px;
}
div.nav li {
background-color:#003D5C;
display: block;
margin:0px;
padding:0px;
width:210px;
height:32px;
border-bottom: 1px solid #000000;
}

Alles anzeigen

Und das hier eingebunden:

Quellcode

<div class="nav">
<ul>
<li> a</li>
<li> b<li>
<li> c<li>
<li> d<li>
<li> e <li>
<li> f <li>
</ul>
</div>

Und so sieht es dann aus:
*ausseh*

Meine Fragen:
- Wieso 10 border-bottom wenn es nur 6 li-Elemente gibt?
- Wieso zwischen allen, ausser den oberen Beiden, ein "leeres li"?

Danke im vorraus! Ich krieg ne Krise! :cursing:

Glaub ich sollte bei den applikationen bleiben...die machen wenigstens was ich sage

(meistens

)

Lg
Thimo

Torben Brodt · 29. Juli 2008, 22:11

Erste Anlaufstelle: validator.w3.org/
Du wirst sehen, dass du das <li> an den Stellen an denen der Fehler auftritt nicht geschlossen - sondern neu geöffnet hast.

F0kus · 29. Juli 2008, 22:21

d0nut schrieb:

Erste Anlaufstelle: validator.w3.org/
Du wirst sehen, dass du das <li> an den Stellen an denen der Fehler auftritt nicht geschlossen - sondern neu geöffnet hast.

wie kann man nur so dämlich sein... Danke dir!!

Css Menu -> zu viele "bottom border"

Css Menu -> zu viele "bottom border"

Quellcode

Quellcode

d0nut schrieb:

Teilen

Benutzer online 1

Tags