Il tag <ul> non puo` avere display:inline, dato che un oggetto inline non puo` contenere oggetti block.
Comunque l'errore sta nelle dimensioni: ciascuno dei tuoi[*] e` largo circa come l'<ul>, epr cui piu` che uno non ce ne sta.
Se devi mettere 5 oggetti affiancati in un oggetto che li contiene, questo deve avere spazio per contenerli tutti.
Forse quello che volevi fare e` del tipo:
codice:
HTML:
<div id="contenitore">
<ul>[*][img]...[/img][*][img]...[/img][*][img]...[/img][*][img]...[/img][*][img]...[/img][/list]
</div>
CSS:
#contenitore {
height:500px;
width:700px;
overflow:auto;
}
#contenitore ul {
width: 1010px; /* almeno 5 x la larghezza del singolo[*] */
height: 400px /* lascia spazio per la barra di scorrimento */
margin auto 0; /* spazio automatico sopra e sotto, nullo a sinistra */
}
#contenitore li{
height:388px;
width:200px;
float:left;
margin: 1px;
}
Rispondi quotando
