allineare a sinistra e a destra del testo

[gabar-el]

ciao, ho un elenco di 6 elementi, vorrei suddivirlo in 2 da 3 ognuno e allineare i primi a sx e i secondi a dx, come posso fare?
thank's

[Mich_]

Quale dev'essere l'ordine?

uno         due    oppure   uno    quattro
tre     quattro             due     cinque
cinque      sei             tre        sei

nel primo caso la cosa e` piu` semplice, e si risolve con un'unica lista.
Nel secondo credo occorra spezzare la lista in due parti (cioe` due tag <ul>...[/list])

[gabar-el]

direi che è indifferente, ma considera che al centro ci sarà un'immagine. riesco a metterli in entrambi i modi agli estremi dx e sx? Cmq come ho detto non importa il modo perchè lo scrivo io e non è un elenco preciso quindi posso scriverli dove voglio.
grazie!

[Mich_]

Cosa e` l'immagine?

Se fa parte dell'informazione, deve essere inserita con il tag <img>, e quindi necessita di una sua struttura. In tal caso per proseguire e` necessario avere piu` info riguardo il tuo problema (pena lo studio di una soluzione che e` sbagliata dal punto di vista semantico).

Se invece e` uno sfondo (non necessario per la comprensione delle info della pagina), si puo` inserirlo direttamente dentro il CSS, e non e` necessario complicare la struttura HTML.

[gabar-el]

no no, l'immagine è di sfondo con i css (background-image), solo volevo essere sicuro che si vedesse e che le liste/a non gli vadano sopra. quindi circa il primo caso di cui parlavi come posso fare?
thank's

[Mich_]

<ul>
  <li class="sin">uno
  <li class="des">due
  <li class="sin">tre
  <li class="des">quattro
  <li class="sin">cinque
  <li class="des">sei[/list]


CSS:
ul {
  background: url(...) no-repeat center center;
  width: ...;
}
li {
  width: 49%;
}
.sin {
  float: left;
}
.des {
  float: right;
}

[gabar-el]

grazie della risposta, ma non riesco a farlo venire come vorrei. Io ho lasciato l'immagine di backround nel div di testa, usando il codice che mi hai postato mi viene tutto un pò sballato. Io ho implementato così
html:

<div id="testa">
		<h1>
			<ul>
  				<li class="sin">uno
  				<li class="des">due
 				<li class="sin">tre
  				<li class="des">quattro
  				<li class="sin">cinque
  				<li class="des">sei
			[/list]
		</h1>
	</div>

css:

h1 {
	margin, padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	text-transform: capitalize;
	color: #000;
	font-weight: bold;
	font-style: italic;
}

li {
	width: 49%;
}

.sin {
  float: left;
}

.des {
  float: right;
}

devo forse impostare il width del ul alla stessa larghezza del div?
thank's

[Mich_]

Anzitutto devi seguire le regole HTML, altrimenti il browser interpreta il CSS come vuole.

Il tag <h1> non puo` contenere una lista.

Inoltre devi definire una larghezza per il tag <ul> e il background.

Disclaimer:
Comunque non ho ancora capito cosa vuoi, per cui non so se il codice che avevo postato ieri ha coerenza semantica con il resto della pagina.

[gabar-el]

si, il tag h1 lo avevo già tolto. alcune cose non riesco a capirle, sto facendo alcune prove e non capisco cosa serve il width del li. Cmq ciò che voglio ottenere è una cosa così:

li1 imaggine li2
li3 imaggine li4
li5 imaggine li6

dove l'immagine centrale è unica e io la metto come background-image nel div. Perchè sebbene do il float: right, i tag di dx non vengono allineati a dx. Il problema di cui ti dicevo che mi faceva sballare tutto era dovuto al fatto che ho text-align: center nel body e così ho dovuto mettere left nel div, ma immagino non vada bene perchè entra in conflitto con i float, giusto? quindi come posso fare?
thank's

[Mich_]

Piu` cose aggiungi e piu` confusione fai.

Perche` un div aggiuntivo? Che serve?
Comunque se proprio lo vuoi deve avere una larghezza definita, e l'<ul> contenuto deve avere
width: 100%
Se manca la larghezza all' <ul>, questo diventa "il piu` stretto possibile", dando l'imprssione che il float:right non funzioni.
E dare una larghezza percentuale funziona solo se il blocco contenitore ha una larghezza definita.

Il float ha la proprieta` di affiancare i blocchi. Se non definisci la larghezza ai[*], ti vengono tutti sulla stessa riga.

Il text-align non influisce sui blocchi, ma solo sul testo contenuto.
Puo` essere che devi dare text-align: right/left ai rispettivi blocchi[*]: aggiungilo alle classi des e sin.

Fa' i test con un browser standard: se poi ci sono problemi con IE si risolvono con i commenti condizionali.