Listen nebeneinander platzieren?

[moe]

Servus

Ich wollt fragen ob es eine Möglichkeit gibt Listen nebeneinander zu platzieren.

danke im vorraus

[Fabian St.]

Hi!

Ich wollt fragen ob es eine Möglichkeit gibt Listen nebeneinander zu platzieren.

Das Stichwort für dich lautet float.

Grüße,
Fabian St.

[moe]

Ich habs grad mal ausprobiert... Die überlappen sich dann so blöd

Is des schon richtig so oder?

<ul style="float:left;">

<li>
hallo
</li>

<li>
hallo
</li>

</ul>

<ul>
<li>
hallo2
</li>

<li>
hallo2
</li>

</ul>

mfg
moe

[Gunnar Bittersmann]

Hi moe,

Ich habs grad mal ausprobiert... Die überlappen sich dann so blöd

Was meinst du damit?

Is des schon richtig so oder?
<ul style="float:left;">

Als „richtig“ würd ich die Verwendung des style-Attributs nicht bezeichnen. Richtig[tm] wäre die Trennung von Dokumentstruktur und Layout, also die CSS-Angaben im zentralen oder externen Stylesheet.

Eine Breitenangabe wird nicht mehr verlangt, kann aber vielleicht nicht schaden.

Gruß,
Gunnar

[moe]

Jo, is klar aber ich wollt des halt schnell hier zeigen also hab ich des halt schnell da reingeklatscht...

Also danke...

[Fabian St.]

Hi!

Ich habs grad mal ausprobiert... Die überlappen sich dann so blöd

Is des schon richtig so oder?

[...]

Strukturierter Quelltext ist dir ein Fremdwort, oder? ;-) Gebe der zweiten Liste einen entsprechenden margin, dann überlappen sie sich auch nicht mehr:

  
  
<ol style="float: left; width: 100px">  
    <li>Item1</li>  
    <li>Item2</li>  
</ol>  
  
<!-- 110px = 100px (Breite des links-floatenden Elements + 10px weiterer Abstand -->  
<ul style="margin-left: 110px">  
    <li>Item1</li>  
    <li>Item2</li>  
</ul>  
  

Grüße,
Fabian St.

[Gunnar Bittersmann]

Hi moe,

Ich wollt fragen ob es eine Möglichkeit gibt Listen nebeneinander zu platzieren.

Ja. Willst du noch mehr wissen? ;-)

http://de.selfhtml.org/css/eigenschaften/positionierung.htm#float

Gruß,
Gunnar