list item inline e immagine

[robjrobj]

Sto cercando di creare un list item orizzontale mettendo una mia immagine in ogni tag[*]

in pratica riesco a sostituire con list-style-image:url(../images/mappa.gif);

ma nel momento in cui imposto display inline non compare più l'immagine...


avete suggerimenti?

[fcaldera]

ai vari[*] dai float: left e poi assegna delle dimensioni width e height

[robjrobj]

perfetto grassie

[robjrobj]

Accidenti funge solo su firefox e safari... IE7 non ne vuole sapere!

[fcaldera]

posta il css e l'html altrimenti non è possibile capire quale sia il problema.

[robjrobj]

ecco il codice:

/* css per la lista dove sei*/
#altopagina {
	padding-left: 30px;
	font-size: 0.7em;
}
#altopagina ul {
	margin: 0;
	padding-left: 30px;
}
#altopagina li{
	list-style-image:url(../images/mappa.gif);
	float: left;
	height:48px;
	margin-right: 40px;
	padding-top: 12px;
}
#altopagina li a {
	text-decoration: none;
}
#altopagina li a:hover {
	color: #FF0000;
}
/**/

html

<div id="altopagina">
      <ul>[*]home[*]sezione1
[*]sezione2[/list]
    </div>

[fcaldera]

non ho explorer 7, che cosa succede di sbagliato che non succede con firefox e safari? è un problema che riguarda l'immagine di lista?

[robjrobj]

semplicemente non viene visualizzata l'immagine... per il resto tutto ok

[fcaldera]

invece di usare list-style-image imposta quell'immagine come background degli elementi[*] con posizione center left e nessuna ripetizione

#altopagina ul {
list-style-type: none;
/* setta esplicitamente padding e margini */
....
}

#altopagina li {
background : url(../images/mappa.gif) center left no-repeat;
padding-left: ... /* quanto basta per visualizzare l'immagine */
....
}

[robjrobj]

ecco ora si che si ragiona
grazie dell'intervento