Keskustelu: Nettisivujen teko: Listan käytön ongelmat

Table-taitosta siirtyessäni yritän tehdä ihan vaan horisontaalista listaa linkkipalkiksi mutta törmäsin muutamaan ongelmaan jotka haluaisin saada selvitettyä.

HTML:

<div>
	<ul id="linkit">
		<li><a href="#">a</a></li>
		<li><a href="#">b</a></li>
		<li><a href="#">c</a></li>
		<li><a href="#">d</a></li>
		<li><a href="#">e</a></li>
	</ul>
</div>

CSS:

#linkit {
	list-style: none;
	margin: 0 auto;
}

#linkit li {
	display: inline;
	margin: 0;
	padding: 0;
}

Firefox näyttäisi siirtävän listan ensimmäistä (<li>-)objektia oikealle. Kyllä, IE6:lla sama objekti on aivan <ul>:n vasemmassa reunassa, mutta Firefox siirtää sitä (en tiedä kumpi on oikein, mutta IE6:n näyttämä tapa on haluttu tapa).

Haluaisin myös listan objektien väleihin eri etäisyydet ja jokaiselle objektille määrätyn leveyden.

Mitä pitää tehdä? Apua! :<

Poista padding ullista.

Floattaa li-elementit.

Määritä display: block; linkeille.

Loput määrittyy sitten tarpeiden mukaan.

Miten saisin ton ul:n vielä vertikaalisesti keskitettyä isäntädivin sisälle?

Pystysuuntaisesta keskittämisestä oli äskettäin keskustelua.