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

problem mit <li> und width

ckrisch

Neues Mitglied
Hallo Html freunde,
ich bin gerade dabei mit <ul> <li> eine tabelle zu ersetzen und dabei bin ich auf folgendes problem gestoßen:
und zwar habe ich in den styles die width für die jeweiligen <li> definiert, aber die width wird nachher garnicht angezeigt. Woran kann das liegen?
hier der code:

HTML:
.ulall
    {
        list-style-type: none;
        margin: 0 0 0 0px;
        padding: 0;        
        
    }
    
.liallfirst
    {
        width:300px;
        height: 20px;
        font-size: 14px;
        font-family: Arial, Helvetica, sans-serif;
        color: #065B98;
        font-weight: bold;
        display: inline;
        padding-left: 50px;
    }
    .liall2
    {
        height: 20px;
        font-size: 13px;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
        color: #666666;
        display: inline;
        padding-left: 150px;
    }
HTML:
<ul class="ulall" style="background-color: #f2f2f2;">
            <li class="liallfirst">text1</li>
            <li class="liall2">text2</li>
        </ul>
      
        <ul class="ulall" >
            <li class="liallfirst">text3</li>
            <li class="liall2">text4</li>
        </ul>
 
Wegen display inline.
inline Elemente passen sich dem Inhalt.
Musst das also rausnehmen ;)
Wäre übrigens eine CSS Frage :P
 
ich bin gerade dabei mit <ul> <li> eine tabelle zu ersetzen
Hallooo! Was ist denn das!
Man kann eine Tabelle nicht mit einer Liste ersetzen.

Nochmal für alle Mitlesenden zum Mitschreiben:
Listen sind eine Aufzählung von gleichen Inhalten, z.B. ein Menü.
Tabellen sind eine zweidimensionale Aufstellung verschiedener Daten, z.B. eine Fußballtabelle.

Das eine lässt sich natürlich nicht durch das andere ersetzen.
In HTML verwendet man immer das Tag, was den Inhalt am besten beschreibt.
 
Zurück
Oben