• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

[ERLEDIGT] Liste mit inline feste Breite für jeden Listenpunkt

ArturoBenedetti

Neues Mitglied
Hallo alle zusammen,

ich ein problem bei dem ich nicht weiter komm:
Man kann ja mit dem CSS Attribut display:inline bei ungeordneten Listen, die Liste von links nach rechts sich anzeigen lassen. So schön so gut, aber wenn man jetzt auch noch das Attribut width verwendet für eine festgelegte Breite (unabhängig vom Inhalt), dann passiert nichts, die Breite richtet sich immer nach dem Inhalt.

Also mal minimalistisch gezeigt:
HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
       "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Liste mit Inline Anzeige</title>

<style >
ul#in li {
    display:inline;
    
    }
li {
border: 2px solid black;
    width:15em;}
</style>

</head>
    <body>

<ul id="in">

    <li>Eintarg1</li>
    <li>Eintarg2, länger</li>
    <li>Eint3</li>
    <li>Eintrag4, ganz lang, so lang</li>
</ul>
<br>
<h1> Dagegen:</h1><br>
<ul>

    <li>Eintarg1</li>
    <li>Eintarg2, länger</li>
    <li>Eint3</li>
    <li>Eintrag4, ganz lang, so lang</li>
</ul>


</body>
</html>

Ich weiß nur, dass man den anchor a eine Breite zuweisen könnte, und diese dann links floaten, was aber nicht mehr über eine Liste läuft.
Weiß jemand eine andere Lösung, v.a. auch über der Liste?


Lg Arturo
 
Zuletzt bearbeitet von einem Moderator:
Werbung:
Ich denke du suchst nach 'display:block;float:left;' statt 'display:inline'.

Soweit ich weiß, kann man für inline-elemente keine 'width' setzen.

Und wieso verwendest du schon wieder eine ID? Ich habe dir doch erst gestern gesagt dass es meistens unnötig ist und höchstens zu späteren Problemen führt ;)

Code:
ul.in li {}

Ach und die '<br />' zwischen <h1> und <ul> sind eigentlich unnötig bzw. falsch.
 
Zuletzt bearbeitet:
Werbung:
Danke an euch beide! Das mit dem floaten wusste ich.
Cool das mit inline-block funktioniert ja tatsächlich, vielen Dank das ist auf jedenfall hilfreich!

Lg Arturo
 
Zurück
Oben