? zu Zeilenumbruch bei Link´s

[networker]

Hallo zusammen,

ich stehe vor einem Problem welches ich mir nicht erklären kann.
Ich hoffe es kann mit jemand einen Tipp geben.

Hier mein Code:
CSS

Code: Alles auswählen

.menu {
position:absolute;
top:257px;
left:0px;
width:900px;
height:32px;
background-color:#e9e9e9;
}


a.l_startseite {
display: block;
height: 32px;
background-image:url(img/l_startseite.gif);
background-repeat:no-repeat;
   }   
   
a.l_startseite:hover {
background-image:url(img/l_startseite_a.gif);
background-repeat:no-repeat;
   }

a.l_web{
display: block;
height: 32px;
background-image:url(img/l_web.gif);
background-repeat:no-repeat;
   }   
   
a.l_web:hover {
background-image:url(img/l_web_a.gif);
background-repeat:no-repeat;
   }   

HTML

Code: Alles auswählen

<div class="menu"><a class="l_startseite" href="seite0.html"> </a><a class="l_web" href="seite1.html"> </a></div>

Eigentlich ganz einfach, die beiden Link´s sollen in einer Zeile stehen. Bei dem Ausführen des Codes erfolgt zwischen den beiden A-Tags ein Zeilenumbruch.

Kann mir jemand weiterhelfen?

Gruß networker

[sejuma]

Bei deinen Link-Klassen
a.l_startseite und
a.l_web

hast du "display: block" hinterlegt. Blockelemente ordnen sich generell untereinander an, außer sie sind gefloatet.

Ich empfehle dir eine Listen-Navi, siehe http://www.ohne-css.gehts-gar.net/0072.php. Die kannst du durch zusätzliche Float-Angabe problemlos auch horizontal darstellen.