Problema allineamento

[uotla]

Ciao a tutti, vi incomincio a dire che non sono tanto bravo con l'html, ma un po me la cavo...sto creando un sito, ed in una parte ho un problema ad allineare il testo.

Il problema è qui: http://uotla.altervista.org/razze.html, in pratica vorrei mettere quei testi sullo stesso rigo, però come gia fatto, una parte a sinistra una al centro ed una a destra, se avete capito potreste aiutarmi???

Ah, io per fare quello ho usato questo codice:

<p align="left">Order:<br<br>
Elfi<br>
Druidi Silvani</p>

<p align="center">Neutral:<br<br>
Umani<br>
Mezzuomini

<p align="right">Kaos:<br<br>
Drow<br>
Orchi<br>
Vampiri</p>

[acsocmel]

potresti fare una tabella :)

[biccheddu]

<div style="float: left; width: 50% !important; margin-right: 5px;">Sinistra</div>
<div style="overflow: hidden; 	width: auto !important;">Destra</div>

Poi magari alla fine ci metti un <br clear="all" /> (XHTML Transitional) oppure un <br style="clear: both;" /> (XHTML Strict) in modo che se il div di sinistra è più lungo di quello destra, il contenitore non finisca sotto quello sinistro.

[uotla]

Ciao biccheddu, sei stato gentilissimo, ma mi faresti un ultimo favore me ne faresti 3 di questi div, cioè anche uno centrale, perchè io ci provo ma o finisce tutto sotto o altro e combino guai...grazie mille!!!

[popoworld]

... Se non sbaglio, dovresti solo aggiungere un altro DIV tra i due già scritti ricordandoti, però, di restringere la larghezza del primo, così, insomma:

<div style="float: left; width: 33% !important; margin-right: 5px;">Sinistra</div>
<div style="float: left; width: 33% !important; margin-right: 5px;">Centro</div>
<div style="overflow: hidden; width: auto !important;">Destra</div>

In questo modo avrai i primi due DIV che occuperanno il 33% del DIV contenitore e il terzo che ne occuperà il 34% ... Altrimenti, se hai settato la larghezza in Pixel, puoi dividere la larghezza totatle del Div Contenitore per 3 e gli avrai tutti uguali.

[uotla]

Grazie mille, sei stato gentilissimo!

[biccheddu]

Per usare sempre il "mio metodo" ed avere un alyout tableless a 3 colonne, potresti usare questo metodo del tutto automatico diciamo:

<div style="float: left; width: 180px !important; margin-right: 5px;">Sinistra</div>
<div style="float: right; width: 180px !important; margin-left: 5px;">Destra</div>
<div style="overflow: hidden; 	width: auto !important;">Centro</div>