css e immagini

[elevation]

ciao a tutti,
ho inserito nel mio foglio di stile la classe imglink per creare un bordo attorno alle immagini che al passaggio del mouse diventi tratteggiato. Purtroppo la classe hover viene ignorata. dove sbaglio?

ecco il foglio di stile:

<style>
<!--
.imglink {
BORDER-RIGHT: #f0f0f0 1px solid; BORDER-TOP: #f0f0f0 1px solid; BORDER-LEFT: #f0f0f0 1px solid; BORDER-BOTTOM: #f0f0f0 1px solid; border-thickness: 1px
}
A:hover .imglink {
BORDER-RIGHT: #000000 1px dashed; BORDER-TOP: #000000 1px dashed; BORDER-LEFT: #000000 1px dashed; BORDER-BOTTOM: #000000 1px dashed; border-thickness: 1px
}
A:active .imglink {
BORDER-RIGHT: #000000 1px dashed; BORDER-TOP: #000000 1px dashed; BORDER-LEFT: #000000 1px dashed; BORDER-BOTTOM: #000000 1px dashed; border-thickness: 1px
}



-->
</style>

nella pagina assegno la classe all'immagine:
[img]amarcord.gif[/img]

ciao!

[Shamal]

prova così:

<style>
<!--
A.imglink {
BORDER-RIGHT: #f0f0f0 1px solid; BORDER-TOP: #f0f0f0 1px solid; BORDER-LEFT: #f0f0f0 1px solid; BORDER-BOTTOM: #f0f0f0 1px solid; border-thickness: 1px
}
A.imglink:hover {
BORDER-RIGHT: #000000 1px dashed; BORDER-TOP: #000000 1px dashed; BORDER-LEFT: #000000 1px dashed; BORDER-BOTTOM: #000000 1px dashed; border-thickness: 1px
}
A.imglink:active {
BORDER-RIGHT: #000000 1px dashed; BORDER-TOP: #000000 1px dashed; BORDER-LEFT: #000000 1px dashed; BORDER-BOTTOM: #000000 1px dashed; border-thickness: 1px
}



-->
</style>



e la classe la assegni così:

[img]amarcord.gif[/img]

[elevation]

purtroppo non funziona

[Shamal]

Che bowser usi?

su IE funziona, controlla di aver specificato la classe nel tag . si vede poco ma c'è un . tra A e imglink nello style

su mozilla concordo...

[FreD_TGL]

Originariamente inviato da elevation
ciao a tutti,
ho inserito nel mio foglio di stile la classe imglink per creare un bordo attorno alle immagini che al passaggio del mouse diventi tratteggiato. Purtroppo la classe hover viene ignorata. dove sbaglio?

ecco il foglio di stile:

<style>
<!--
.imglink {
BORDER-RIGHT: #f0f0f0 1px solid; BORDER-TOP: #f0f0f0 1px solid; BORDER-LEFT: #f0f0f0 1px solid; BORDER-BOTTOM: #f0f0f0 1px solid; border-thickness: 1px
}
A:hover .imglink {
BORDER-RIGHT: #000000 1px dashed; BORDER-TOP: #000000 1px dashed; BORDER-LEFT: #000000 1px dashed; BORDER-BOTTOM: #000000 1px dashed; border-thickness: 1px
}
A:active .imglink {
BORDER-RIGHT: #000000 1px dashed; BORDER-TOP: #000000 1px dashed; BORDER-LEFT: #000000 1px dashed; BORDER-BOTTOM: #000000 1px dashed; border-thickness: 1px
}



-->
</style>

nella pagina assegno la classe all'immagine:
[img]amarcord.gif[/img]

ciao!

avrei fatto come te ankio.. all inizo aveva inveritto tra hover e la classe ma cosi è giusto... prova a mettere la class nella immagine e anke la href

[elevation]

ora "funziona" ma il riquadro tratteggiato compare dopo il clic e non al passaggio del mouse...

[Furcas]

prova a scrivere la classe in questa maniera:

.imglink:hover

cioè senza A all' inizio.

[FreD_TGL]

oppure lascia solo a.imagelink e a.imagelink:hover senza l active

[frateralph]

ma il visited vi fa schifo?

[Furcas]

scusate, forse non ho capito bene la domanda ...
ma elevation ha chiesto o no come fare per far comparire un bordo all' immagine quando sia passa sopra con il mouse, sia o no l'immagine linkata a qualcosa?

e allora, scusate, non c'è bisogno di mettere A prima della classe e della pseudo-classe
perchè se invece ci mettete A, allora l'effetto hover si avrà solo se l'immagine è linkata a qualcosa ...