Domanda sui CSS (urgente x favore)

[floyd46]

Ciao
grazie e ancora grazie!!
Ho ottenuto la lista e il relativo scambio immagine(a:hover).

Solo c'è 1 piccolissima imperfezione che non ho capito come mai si verifica;

e cioè che tra le prime 2 righe c'è uno spazio maggiore rispetto al secondo e terzo. 1 pò come nell'esempio che ti ho scritto qui in basso per intenderci.
[*]link 1
[*]link 2[*]link 3
********************************************

Io provo a riscrivrti il codice, sperando di non aver sbagliato ancora. Se puoi e vuoi darmi 1 mano, te ne sono grato.

ul.lista li {
list-style-image: url(bottega_dei_monili/btn_off.gif);
list-style-positionutside;
font-family:Verdana,Arial,sans-serif;
font-size:0.7em;
/*color:#822931; */
vertical-align:top;
margin-top:5px;
}

ul.lista li a:link{
text-decoration:none;
color:#822931;

}

ul.lista a:visited {
color:#000066;
text-decoration:none;

}

ul.lista a:hover {
list-style-image: url(bottega_dei_monili/btn_on.gif);
color:#fff3db;
text-decoration:none;
/*font-weight:bold;*/
}

Il problema dell'allineamento tra la gif e il testo, l'ho risolto con: vertical-align:top --> come puoi vedere dal codice qui sopra.

Grazie 1000

-Floyd-

[Francis87]

ul.lista li { 
	list-style-image: url(bottega_dei_monili/btn_off.gif); 
	list-style-position: outside;
	font-family: Verdana,Arial,sans-serif; 
	font-size: 0.7em; 
	/*color: #822931; */
	vertical-align: top;
	margin-top: 5px;
}
 
ul.lista li a:link{
	text-decoration: none;
	color: #822931; 
}
	
ul.lista li a:visited {
	color: #000066;
	text-decoration: none;
}
	
ul.lista li a:hover {
	list-style-image: url(bottega_dei_monili/btn_on.gif); 
	color: #fff3db;
	text-decoration:none;
	/*font-weight:bold;*/
}

così dovrebbe essere un po' più corretto... ma sinceramente non so xkè faccia quello strano effetto!!

[antos]

non mi ringraziare troppo se no mi monto la testa :gren:

potresti postare anche il codice html relativo all'elenco?
mi sembra molto strano che ti faccia sta cosa...
il codice css va bene e dovrebbe funzionare anche se elimini il vertical-align:top

[floyd46]

Ciao
non montarti proprio adesso la testa!! potrei aver bisogno di chiederti ancora qualcosa!!

Scherzi a parte, il codice html per l'elenco credo sia semplice, l'ho fatto in questo modo:

<ul class="lista">
[*]Link 1[*]Link 2
--------------
--------------
--------------[/list]

Non credo sia sbagliato.
Grazie
-Floyd-

[antos]

per vedere dov'è l'inghippo puoi provare a mettere il bordo al tag li
basta ggiungere al css
border:1px solid #000000;

poi prova ad eliminare i vari spazi fra tag, come regola non dovrebbero dare fastidio ma è un piccolo bug dei nuovi browser
in pratica se hai[*]...
[*]...
prova scrivere:[*]...[*]...