multidimensionale liste "horizontalisieren"

[peter]

hallo :)

ich habe eine liste die so aufgebaut ist:

  
<ul>  
    <li>  
        <a href="#">überschrift</a>  
        <ul>  
            <li>menüpunkt</li>  
            <li>menüpunkt</li>  
        </ul>  
    </li>  
    <li>  
        <a href="#">überschrift</a>  
        <ul>  
            <li>menüpunkt</li>  
            <li>menüpunkt</li>  
        </ul>  
    </li>  
</ul>

der gewünschte effekt wäre, dass alles in einer zeile wäre und die überschriften fett oder so sind.

versucht habe ich jetzt schon alles mögliche (display:inline, float:left mit width:200px, usw - nat sowohl auf li > a, als auch li), aber ich kann den gewünschten effekt einfach nicht erzielen :/

kurz: ich stehe im moment voll an - könnte mir bitte jemand einen kleinen denkanstoß geben..? :) danke schon mal im voraus

[Vinzenz Mai]

Hallo,

ich habe eine liste die so aufgebaut ist:

<ul>
    <li>
        <a href="#">überschrift</a>
        <ul>
            <li>menüpunkt</li>
            <li>menüpunkt</li>
        </ul>
    </li>
    <li>
        <a href="#">überschrift</a>
        <ul>
            <li>menüpunkt</li>
            <li>menüpunkt</li>
        </ul>
    </li>
</ul>

  

> der gewünschte effekt wäre, dass alles in einer zeile wäre und die überschriften fett oder so sind.  
>   
> versucht habe ich jetzt schon alles mögliche (display:inline, float:left mit width:200px, usw - nat sowohl auf li > a, als auch li), aber ich kann den gewünschten effekt einfach nicht erzielen :/  
  
Du hast offensichtlich das ul-Element vergessen. Mit folgendem CSS hast Du Deine verschachtelten Listen hübsch in einer Zeile (falls sie hineinpassen):  
  
~~~css
ul, li {  
    display: inline;  
    padding-left: 0;   /* die diversen Browser lösen das Einrücken */  
    margin-left: 0;    /* mal mit padding, mal mit margin :-)      */  
    list-style: none;  /* sicher ist sicher: keine Bullets         */  
}  
  
a {  
    font-weight: bold; /* für Deine fetten "Überschriften" */  
}

Freundliche Grüße

Vinzenz

[peter]

Du hast offensichtlich das ul-Element vergessen.

natürlich, das wars, danke sehr! funktioniert jetzt einwandfrei :)