Wie realisiere ich dieses Navimenu?

[mr.1983]

Hallo, ich bin am verzweifeln, wie kann ich so ein Menu erstellen?

Es soll alles Text sein, ich möchte es nicht als grafik haben, nur der hintergrund ist eine Grafik.



Ich habe es versucht mit:
html:

<dl id="navi">
<dt class="home"><a href="index.html">Home</a></dt>
<dd>Zur Startseite</dd>

css:

#navi {
    position:relative;
    top:140px;
    width:960px;
}

#navi dt, dd {
    float:left;
    display:inline;
}

Aber da packt er allese untereinander....
Wäre super wenn mir da jemand helfen könne.

 

[Arcsinh]

float: left;

 

[mr.1983]

Hab ich doch, habs nun aber hinbekommen.

mit <li>

 

[threadi]

<li> zeichnet aber einen Inhalt aus, <li> gestaltet nichts. Wie kann das die Lösung für ein Problem sein?

Abgesehen davon hast Du (vermutlich) natürlich richtig gehandelt, da Menüs eher mit <ul> und <li> aufgebaut werden sollten.