Link su immagini

[Raw Materials]

Ciao a tutti!!!
Volevo chiedervi come faccio a dare un colore al bordo di una immagine linkata e cambiarlo al passaggio del mouse (utilizzando i css)... nel foglio di stile ho scritto:

A:link, A:visited {
	text-decoration: none;
	color: white;
}

A:hover {
	text-decoration: none;
	color: yellow;
}

Funziona molto bene sui link testuali ma non fa nulla sulle immagini che mantengono un bordo blu di default (davvero orribile !).
Grazie e ciao! RM.

[boolbo]

Devi dare border zero sull'immagine, così:

[img]tuaimmagine.jpg[/img]

e il brutto bordino blu sparirà!

[Raw Materials]

Ma io non voglio toglierlo!!! Voglio farlo diventare di colore bianco e, possibilmente, cambiargli colore al passaggio del mouse.

[Sonikag]

prova a definire anche:
a
a:active

[Raw Materials]

E come lo dovrei inserire, così?

A:link, A:visited {
	text-decoration: none;
	color: white;
}

A:active { color: white;} 

A:hover {
	text-decoration: none;
	color: yellow;
}

[boolbo]

Ah non vuoi toglierlo. Ok!
Ho la soluzione per te:

Questo è il codice per lo style:

<style type="text/css">
<!--
A:link, A:visited, A:active {
	text-decoration: none;
	color: white;
	border: 1px solid #FF0000;
}
A:hover {
	text-decoration: none;
	color: yellow;
	border: 1px solid #FFFF00;
}
-->
</style>

mentre togli da HTML il bordo all'immagine mettendolo a zero come ti avevo detto così:

[img]tuaimmagine.jpg[/img]

E funzionerà come vuoi tu, il tempo di uploadarlo e se vuoi ti posto l'indirizzo per vederel 'esempio funzionante!

[boolbo]

Qui trovi l'esempio funzionante:
http://boolbo.com/test/prova.htm

non saranno i colori che volevi tu, ma lo sai ti basta cambiare il codice esadecimale dei colri nella definizione "border" del CSS.

[Raw Materials]

Funziona in parte... funziona solo con i bordi sinistro, destro e inferiore. Quello superiore non si vede. Ma sopprattutto in questo modo mi appare anche il bordo sui link testuali che sono nella pagina e quelli funzionavano bene prima ( ). Non ci sarebbe qualcosa appositamente per le immagini?
Questo è l'indirizzo della pagina in questione così puoi vedere tu stesso quello che ti ho descritto sopra --> http://show.supereva.it/rawmaterials...trumenti_1.htm

[Raw Materials]

...altrimenti saprei come far rimanere il bordo bianco, ma vuoi mettere se mi cambia colore? Tutta un'altra musica!!! :metallica

[boolbo]

Se guardi il mio esempio funziona su tutti i lati dell'immagine, forse c'è qualcosa che non va nel tuo codice....ma lo vediamo dopo.

Si effetitvamente anche i link hanno (ovviamente) preso quella caratteristica. No non c'è nulla per le immagini, però puoi usare questo metodo.

Usa questo CSS:

<style type="text/css">
<!--
A:link, A:visited, A:active {
	text-decoration: none;
	color: white;
}
A:hover {
	text-decoration: none;
	color: yellow;
}
A.immagini:link, A.immagini:visited, A.immagini:active {
	text-decoration: none;
	color: white;
	border: 1px solid #FF0000;
}
A.immagini:hover {
	text-decoration: none;
	color: yellow;
	border: 1px solid #FFFF00;
}
-->
</style>

ed in ogni link con immagine metti questo:
class="immagini"

come in questo esempio:

[img]tuaimmagine.jpg[/img]

In questo modo i links testuali saranno preservati, ora qualche secondo ed aggiorno anche il mio esempio.