Verschachtelte Liste richtig fomatieren

[benbalthasar]

Hallo zusammen,

habe folgende Liste für die Navigation:

<div id="navigation">
<ul>
  <li>Aktuelles  /*class="head"*/
    <ul>
      <li><a href="index.html" title="Alles Aktuelles über  diese Seite">Aktuelles</a></li>   /*class="head2"*/
      <li><a href="mich.html" title="Informationen über  mich">Über mich</a></li>            /*class="head2"*/
    </ul>
  </li>
  <li>Galerie   /*class="head"*/
    <ul>
      <li><a href="bilder.html"  title="Bildergalerie">Bilder</a></li>                                   /*class="head2"*/
    </ul>
  </li>
  <li>Meta  /*class="head"*/
    <ul>
      <li><a href="news.html" title="Newsletter bestellen"  >Newsletter</a></li>               /*class="head2"*/
      <li><a href="kontakt.html" title="Kontakt aufnehmen"  >Kontakt</a></li>                 /*class="head2"*/
    </ul>
  </li>
</ul>

Nun probiere ich schon die ganze Zeit rum die ganze Liste zu mit css zu formatieren. Aber es funktioniert nicht so wie ich es will.

Aktuelles, Galerie und Meta soll oben einen Radius Rahmen bekommen und unter der letzten <li> soll wieder bottom ein Radius entstehen.

Vlt. kann mir jemand helfen und sagen wo mein Fehler liegt.

Oder wäre es semantisch besser wenn ich Klassen nutzen würde, so wie ich sie als Kommentar eingefügt habe.

Link zur Seite

PS: Bitte keine Kommentare das das Kind seine Anonymität behalten soll, die Bilder können nur die Verwandten sehen, welche das kennwort haben (wird noch eingebaut).

PPS: Der andere Thread wird der Inhalt nicht mehr angezeigt deswegen habe ich ihn erneut eingestellt.

 

[threadi]

Du darfst den border-radius nicht als li sondern musst es an die <ul>'s hängen.

Oder ergänze bei "#navigation li:last-child" auch

 border-top-left-radius: 0;    border-top-right-radius: 0;

wodurch die Eigenschaften von "#navigation ul li" überschrieben werden würden.

 

[benbalthasar]

Hallo,
mit den ul's habe ich schon probiert, aber brauchte auch kein Erfolg.
Die Ergänzungen zu #navigation li:last-child haben auch nicht den gewünschten Erfolg gebracht wie zu sehen ist.

Edit: Habs hinbekommen. Vlt. kannst ja mal kurz klären wie du das meinst mit den Eigenschaften an die #navigation ul hängen