[css] navigazione fatta da immagini

[ra.denis]

ciao a tutti...

ho una navigazione che deve essere fatta con immagini, il box che le contiene vorrei che fosse in css e non in tabella.

ho quindi provato cosi'

#navigation {
width:750px;
padding:0px;
border:0px;
margin:0px;
}
.nospacearound {
border:0px;
margin:0px;
padding:0px;
display: inline;
}

<div id="navigation">
[img]images/nav_home_f2.gif[/img]
[img]images/nav_resorts.gif[/img]
[img]images/nav_prices.gif[/img]
</div>

ma le immagini vengono cmq staccate tra loro. se invece scrivo i tag img uno di conseguenza all'altro le immagini stanno appiccicate.

e' corretto questo comportamento del browser? posso evitare di scrivere una riga lunghissima con tutte le immagini e usare invece i css?

[ra.denis]

trovato l'errore

.nospacearound {
border:0px;
margin:0px;
padding:0px;
display: inline;
float: left
}

[ra.denis]

sapete, non sono tanto convinto di usare il float: left per mettere dei div in linea dentro ad un altro div.

c'e' qualche altro metodo?

[blakwolf]

float left è sbagliato perchè dai un attributo non logico al menu

il problema che tu constati è un bug dei browser che ho notificato proprio qualche giorno fa

http://forum.html.it/forum/showthrea...hreadid=474973