avviso su validatore e link su bottoni visibili.

[El rumbero]

ho inserito su un sito dei bottoni (immagini "*.jpg") alle quali ho attribuito un link ad altre pagine.

Nel momento in cui ho visualizzato la pagina, ecco comparire il bordo del link ai bottoni, vedi immagine sotto.

sono quindi andato a sistemare il css in modo da evitare la visualizzazione del bordo:

#menub a:link, #menub a:visited {
	color : #191919;
	width: 800px;
	 text-align: center;
	 text-decoration: none;
	}

#menub a:hover {
	color : #191919;
	width: 800px;
	text-align: center;
	text-decoration : none;
	padding: 0px;
	}

#menub a:active {
	color : #191919;
	width: 800px;
	 text-align: center;
	 text-decoration: none;	
	 }

il bordo è quindi scomparso da tutti i browser meno che IE 6-7.

oltrettutto però ho ottenuto avvisi sulla validazione dei css, del tipo:
67 Hai utilizzato lo stesso colore per il valore di color e per il valore di background-color in due contesti: body e #menub a:visited

Mi viene quindi da pensare, che il metodo da me seguito non sia quello valido per ottenere il risultato migliore.
Potete aiutarmi a sistemare il codice per il bordo su ie, o comunque la situazione con il css?

[Room237]

devi eliminare il bordo dalle immagini con
img {border: 0;}

[copsteve]

Prova ad aggiungere sul css:

img#menub {
border: 0px;
}

Accidenti "Room" mi hai anticipato sul tempo!

[El rumbero]

Originariamente inviato da copsteve
Prova ad aggiungere sul css:

img#menub {
border: 0px;
}

Accidenti "Room" mi hai anticipato sul tempo!

img#... va messo come istruzione dopo i #menu... che ho inserito.

Io ho provato ad aggiungere semplicemente border: opx; ma non sortisce effetto.

devo forse scrivere così:

#menub a:link, #menub a:visited {
	color : #191919;
	width: 800px;
	 text-align: center;
	 text-decoration: none;
	}

#menub a:hover {
	color : #191919;
	width: 800px;
	text-align: center;
	text-decoration : none;
	padding: 0px;
	}

#menub a:active {
	color : #191919;
	width: 800px;
	 text-align: center;
	 text-decoration: none;	
	 }

img#menub {
border: 0px;
}

grazie

[copsteve]

Originariamente inviato da El rumbero
devo forse scrivere così:

#menub a:link, #menub a:visited {
	color : #191919;
	width: 800px;
	 text-align: center;
	 text-decoration: none;
	}

#menub a:hover {
	color : #191919;
	width: 800px;
	text-align: center;
	text-decoration : none;
	padding: 0px;
	}

#menub a:active {
	color : #191919;
	width: 800px;
	 text-align: center;
	 text-decoration: none;	
	 }

img#menub {
border: 0px;
}

grazie

Si così dovrebbe funzionare.

[El rumbero]

Originariamente inviato da copsteve
Si così dovrebbe funzionare.

IE mi fa dannare


non so cosa fare, solo IE legge male, ma non posso pubblicare un sito con i bordoni

[copsteve]

Casomai prova a postare tutto il codice, se non è troppo lungo, così diamo un'occhiata.

[Room237]

se non specifichi l'id funziona per tutte le immagini

altrimenti sulle immagini ci metti border="0"

[copsteve]

Originariamente inviato da Room237
...altrimenti sulle immagini ci metti border="0"

Però così facendo mi sembra non passi la validazione.

[El rumbero]

Originariamente inviato da copsteve
Però così facendo mi sembra non passi la validazione.

la passa, ho provato e la w3c valida l'xhtml.

E' il css che ha quegli avvisi elencati sopra che mi lasciano perplesso