disposizione elementi <li>

[lucaeffe]

Di default ho gli elementi di lista disposti come nell'immagine A e vorrei
disporli come in B.

Esiste qualche comando particolare per risparmiare codice?
Quello che mi verrebbe in mente a me è di creare due liste...


http://img215.imageshack.us/img215/6...zatitolo1p.png

[Mich_]

Le liste sono di default in verticale.
Per sistemarle in orizzontale occorre dare il float:left all'elemento[*].

Quando ci sono una fila di elementi con float, alla fine dello spazio a disposizione vanno a capo da soli, creando una cosa del tipo:

aaa  bbb  ccc  ddd  
eee  fff ...

Invece usando solo formattazione CSS non c'e` modo di allinearli cosi` (e` necessario un minimo di marcatura supplementare):

aaa  ccc  eee
bbb  ddd  fff

Concludendo: se ti serve la prima struttura, ti basta limitare la larghezza del contenitore (l'oggetto <ul> ?), se invece vuoi la seconda struttura, occorre aggiungere marcatura (== codice HTML).

[lucaeffe]

Come da tuo suggerimento ho fatto in questo modo


CSS

#footer{
	background-image:url(images/footer.jpg);
	background-repeat:no-repeat;
	margin:0 auto;
	padding:0;
	height:250px;
	width:100%;
	z-index:1;
}


#menu_footer{
	height:50px;
	width:200px;
	margin:0;
	padding:0 0 0 -100px;}
#menu_footer li{
	display:inline;}

#menu_footer a{
	display:block;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-style:italic;
	font-size:14px;
	font:bolder;
	text-decoration:none;
	line-height:25px;
	color:#936;}

HTML

<div id="footer">
<div id="menu_footer">
<ul>[*]
Home
Home
Home
Home
Home
Home
Home
Home
[/list]
</div>

Il problema è che si allunga la parte sottostante il footer creando uno spazio bianco sotto a seconda di quanto cresce in altezza il div #menu_footer

[miki003]

A parte che non hai chiuso un div, noto che il codice si comporta esattamente alle misure che hai dato

[Mich_]

@lucaeffe
Il codice da te postato contiene errori semantici ed errori di formattazione
Questo significa da un lato che chi non vede la pagina (ma la interpreta con altri sensi, tipo lettori di schermo, browser testuali, ecc) non capisce la struttura, e dall'altro che browser diversi potrebbero formattare in modo diverso.

Una lista deve essere SEMPRE resa con i tag di lista, mentre tu usi i tag <ul>/[*] per formattare, mentre la lista e` realizzata avvicinando una serie di link.

Inoltre non e` mai una buona idea trasformare inline un elemento che di default e` di tipo blocco: il comportamento non e` piu` prevedibile in browser diversi.

[lucaeffe]

Mamma che errore che ho fatto!!!!
ripasso le basi subito!!!!