elenco puntato con immagine di sfondo

[Janka]

Ciao a tutti!

Ho creato il mio menù utilizzando

<ul>[*]Voce di menù>[/list]

Ora nel formattarla con il css ho due problemi:

A- Se utilizzo delle img come sfondi per[*] e poi un'altra img come sfondo per[*]a:hover con explorer non succede niente, mentre Firefox interpreta correttamente ed esegue una specie di rollover.

B- utilizzo la propietà display: inline per[*] ed effettivamente mette le voci in linea ma usato in combinazione con un img di sfondo, anche dando width ed height, non si vede la mia immgine (un bottone) ma solo un po di colore sotto la parola. E' come se non tenesse conto delle dimensioni che gli ho detto di tenere!

Mi scuso per l'uso del codice su questo 3d ma ho preferito essere stringata per non annoiarvi

[Mich_]

Troppo stringata per proporre una soluzione: posta il codice CSS relativo a tutto il blocco a partire dal contenitore del <ul>.

PS. comunque IE non capisce la pseudoclasse :hover al di fuori di un link (tag <a> o <area> )

[Janka]

codice html

<ul id="commerciale">
		[*]HOME
		[*]PRODOTTI
		[*]COMMUNITY
		[/list]

codice CSS

ul#commerciale li{
	width:127px;
	height:39px;
	background-image:url(img/pallet_nera.png);
	background-repeat: no-repeat;
	background-position: center;
	text-align: center;
 	display: inline;}

ul#commerciale a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 14px;
	text-decoration: none;
	font-weight: bold;}
	
ul#commerciale a:hover{
	text-decoration: none;
	color: #CCCCCC;}

ul#commerciale li#activelink{
	text-decoration: none;
	margin-bottom:10px;
	padding: 0;
	width:127px;
	height:39px;
	background-image:url(img/pallet_nero.png);
	background-repeat: no-repeat;
	background-position: center;}

Come faccio a realizzare le pallet come sfondo al mio menù orizzontale

[Mich_]

Cosa e` il blocco:
ul#commerciale li#activelink{

Non si vede nel tuo codice HTML un <li id="activelink">

E poi perche` definisci
background-position: center;

E che significato ha? Credo che devi definirlo eventualmente:
background-position: center left;

[Janka]

Hai ragione, <li id="activelink"> lo uso per evidenziare il la voce di menù della pagina in cui mi trovo.

Se sono nella pagina "chi siamo" il codice sarà

<li id="activelink">Chi siamo

Cosi che possa assumere altre propietà (ad esmpio un'altra img di sfondo)

Per l'allineamento delle img sicuramente hai ragione tu... io ho improvvisato :rollo: .

[Janka]

c'è l'ho fattaaaaaaaaaaaaaaaaaaa

...mi ha illuminato questo http://pro.html.it/articoli/id_482/idcat_8/pro.html

Grazie a tutti!