Bordo-link all'immagine

[Braco]

Non riesco a venirne fuori, devo modificare un CSS in modo che cambi colore il bordo, dovrebbe essere un CSS2 ma non trovo riferimenti corretti per la mia situazione.
Con questo codice il bordo non riconosce i colori e usa quelli di Windows predefiniti.

nel foglio esterno ho questo:

.bcolor:link {
border-color: #808080; 
border-width: 2;
border-style: solid;
margin: 1;
}

.bcolor:hover {
border-color: #80ffff; 
border-width: 2;
border-style: solid;
margin: 1;
}

.bcolor:visited 
{
border-color: #008000; 
border-width: 2;
border-style: solid;
margin: 1;
}

Nella pagina:

[img]$thumbPath[/img]

[lukeonweb]

Mi perdonerai se ti do un link... faccio prima che spiegarti ex novo come fare

http://www.mrwebmaster.it/tutorial/css/tutorial363.htm

[Braco]

Originariamente inviato da lukeonweb
Mi perdonerai se ti do un link... faccio prima che spiegarti ex novo come fare

http://www.mrwebmaster.it/tutorial/css/tutorial363.htm

Ho letto...il punto è proprio quell' a dell'esempio ho provato a sostituirlo al posto di img
<a class="bcolor" src="$thumbPath" width="$thumbWidth" height="$thumbHeight"></a>
e ho poi messo il css così ma non funziona

a .bcolor {
border-color: #808080;
border-width: 2;
border-style: solid;
margin: 1;
}

a .bcolor:hover {
border-color: #80ffff;
border-width: 2;
border-style: solid;
margin: 1;
}

a .bcolor:visited {
border-color: #008000;
border-width: 2;
border-style: solid;
margin: 1;
}

[lukeonweb]

La pseudo classe :hover funziona solo con a.

Altrimenti devi farlo con Javascript.

Sai come fare?

[Braco]

Originariamente inviato da lukeonweb
La pseudo classe :hover funziona solo con a.

Altrimenti devi farlo con Javascript.

Sai come fare?

Io ho pagine con css interni o estermi ma non mi era mai capitato un codice del genere con img al posto di a come questo
[img]$thumbPath[/img]

[lukeonweb]

Quindi? Ti ho fatto una domanda...

[Braco]

Originariamente inviato da lukeonweb
Quindi? Ti ho fatto una domanda...

Con questo img nò.

[lukeonweb]

<style>
.su { border: solid 1px #000000; }
.giu { border: solid 1px #FFFFFF; }
</style>
[img]immagine.gif[/img]

[Braco]

Originariamente inviato da lukeonweb
<style>
.su { border: solid 1px #000000; }
.giu { border: solid 1px #FFFFFF; }
</style>
[img]immagine.gif[/img]

In questo modo non appaiono più le neanche le immagini, ho messo così:
foglio esterno

.hover {
border-color: #80FFFF; 
border-width: 2;
border-style: solid;
margin: 1;
}

.visited {
border-color: #008000; 
border-width: 2;
border-style: solid;
margin: 1;
}

<onmouseover="this.className='hover'" onmouseout="this.className='visited'"img class="bcolor" src="$thumbPath" width="$thumbWidth" height="$thumbHeight">

[Braco]

Originariamente inviato da lukeonweb
<style>
.su { border: solid 1px #000000; }
.giu { border: solid 1px #FFFFFF; }
</style>
[img]immagine.gif[/img]

Quasi ci siamo, ho messo così ed il bordo rimane sempre grigio, ora si tratta di fargli riconoscere "hover" e "visited"

.bcolor {
border-color: #808080; 
border-width: 2;
border-style: solid;
margin: 1;
}

[img]$thumbPath[/img]