Nach Link ungewollter Zeilenumbruch

pupazzo · #1 (**permalink**) 10.05.2010, 15:38

Hallo,

ich habs schon vieles Probiert, nun muss ich aber doch das Forum befragen! Ich habe eine Liste mit 2 Menüpunkten, welche horizontal dargestellt werden soll. leider gibts nach den links immer einen zeilenumbruch, woran liegt das?

was hab ich schon versucht:
<nobr>
alles in divs und diese links floaten
display: inline

ein menüpunkt als link aktiv, der andere nicht, dazwischen ein "|". nach dem | machts einen zeilenumbruch, was ich nicht verstehe!
html code:

HTML-Code:

<div class="submenu">
    <ul class="submenu-liste">
        <li>Focus</li>
        <li>|</li>
        <li><a href="http://mevendi.de/index.php/spektrum">Spektrum</a></li>
    </ul>
</div>

CSS-Quellcode

HTML-Code:

.submenu-liste li{
display:inline;
}

Vielen Dank schonmal, ich sitz echt schon ewig an diesem problem rum!

pupazzo · #2 (**permalink**) 10.05.2010, 16:03

umpf, habs eine halbe minute später gelöst bekommen!

hier die lsg, falls jemand das selbe problem hat:

display:inline-block;
statt nur inline.

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
clearen im 21 Jhr.	Muamicus	CSS	23	14.12.2010 19:50
ul richtig zentrieren	Muamicus	CSS	23	14.12.2010 18:28
Definitionsliste in einer Floatumgebung	*pi	CSS	11	07.01.2009 18:34
Ständig wechselnde Bilder, Werbung	Vybsi	(X)HTML	17	24.01.2008 23:00
CSS Navigationsproblem	thesecretboy	CSS	0	12.04.2007 08:12