geplaatst door: StoffelXYZ
Hoi,

Kan iemand me aub vertellen hoe ik meerdere lists naast elkaar plaats ipv onder elkaar?

Hoe moet ik bijvoorbeeld beide onderstaande lists met CSS naast elkaar zetten?


<ul>
<li>Coffee</li>
<li>Milk</li>
</ul>


<ul>
<li>Koffie</li>
<li>Melk</li>
</ul>

Dank bij voorbaat.

Groetjes,

Stoffel

Hoe plaats is met CSS meerdere lists naast elkaar aub?
3 augustus 2008 - 09:09    reactie #1
geplaatst door: ettepet
Je kunt de afzonderlijke lijstjes in een div plaatsen:


<div class="lijst">
<ul>
<li>Coffee</li>
<li>Milk</li>
</ul>
</div>

<div class="lijst">
<ul>
<li>Koffie</li>
<li>Melk</li>
</ul>
</div>

Vervolgens plaats je in de css:


.lijst {
float: left;
}

Dit zorgt er voor dat de twee div-jes naast elkaar geplaatst worden.
(Voor zover er ruimte is rechts naast de voorliggende div.)

Hoe plaats is met CSS meerdere lists naast elkaar aub?
3 augustus 2008 - 10:43    reactie #2
geplaatst door: StoffelXYZ
Bedankt voor de info!