Problema ho ver menu...

[Sonikag]

Ho questo menu:

<ul id="pro">
<li id="uno"><span class="tit">TIT 1</span><span class="sott">Sottotitolo 1</span>
<li id="due"><span class="tit">TIT2</span><span class="sott">Sottotitolo 2</span>
<li id="tre"><span class="tit">TIT3</span><span class="sott">Sottotitolo 3</span>[/list]

Vorrei che al passaggio del mouse sopra al "li" mi cambiasse lo sfondo...
ho provato così ma non va

#pro ul li#sho a:hover {background-color:#0F0}

[*pragma]

1 - scrivi : ul#pro li#sho a:hover {background-color:#0F0}
2 - cos'è l'id sho del li ? (a quale li fa riferimento?)
3 - hai messo in ordine: link visited hover active ?

leggi questo
http://css.html.it/articoli/leggi/574/grafica-per-blog-con-i-css/

[Sonikag]

Grazie! Sho era tre :P
Ma non mi funzia

ul#pro li#uno a:hover, ul#pro li#due a:hover, ul#pro li#tre a:hover {background-color:#000}

[mucu]

basterà questo

#pro a:hover {background-color:#0F0}

a meno che non ci sia del codice in contraddizione

[Sonikag]

No...
il mio codice è questo:

#pro {margin:0px; padding:0px; list-style-type: none;}

#pro li a, #pro li a:visited, #pro li a:link, #pro li a:active {text-decoration:none;}

#uno, #due, #tre {
	min-height: 140px;
	height: auto !important;
	height: 140px;
	float:left;
	width:165px;
	border-right:2px solid #fff;
	margin:0px;
	padding:0px 10px 0px 142px;
	
}
#uno {
	background-image: url(img/ft.jpg);
	background-repeat: no-repeat;
	background-position: left center;
}

#tre {	background-image: url(img/az.jpg);
	background-repeat: no-repeat;
	background-position: left center;}
	
#due {border:none;	background-image: url(img/sh.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	background-color:#0f0}

[*pragma]

Originariamente inviato da Sonikag
No...
il mio codice è questo:

..........
#pro li a, #pro li a:visited, #pro li a:link, #pro li a:active {text-decoration:none;}

.......

non so se dipende dall'ordine delle pseudo-classi, ma comincia a mettere nel seguente ordine
link visited hover active

...poi il resto conviene organizzarlo meglio es.#uno e #tre hanno le stesse caratteristiche per lo sfondo ed allora semplifichi il codice.
ciao

[Sonikag]

Pulito così ma non va

#pro {margin:0px; padding:0px; list-style-type: none;}

#pro li a, #pro li a:link, #pro li a:visited, #pro li a:active {text-decoration:none;}

#uno, #due, #tre{
	min-height: 140px;
	height: auto !important;
	height: 140px;
	float:left;
	width:165px;
	border-right:2px solid #fff;
	margin:0px;
	padding:0px 10px 0px 142px;
		background-repeat: no-repeat;
	background-position: left center;
}

#uno {background-image: url(img/uno.jpg);}
#due{background-image: url(img/due.jpg);}
#tre {background-image: url(img/tre.jpg);
	background-color:#0f0}
	
ul#pro li#uno a:hover, ul#pro li#due a:hover, ul#pro li#tre a:hover {background-color:#000}
#pro a:hover {background-color:#000}

[Sonikag]

up!