corretta sintassi....

[foranangel]

è giusta questa sintassi, per fare in modo che attorno ad un'immagine ci sia un bordo, e se questa immagine è un link, passando sopra con il mouse il bordo cambi colore??

.imga  { display:inline; border: 1px solid #C1C1C1; margin-left: 5px; margin-top:2px; text-align:center;}
a:hover .imga {display: inline; border: 1px solid #25363E;}

[borgio3]

.imga a:hover{display: inline; border: 1px solid #25363E;}

Ciao Ciao

[Mich_]

non sono d'accordo con borgio.
Per essere corretto il CSS di borgio, occorrerebbe un HTML di questo tipo:
[img]...[/img]...</img>
cosa che francamente mi pare strana (forse anche errata)


Pero`, foranangel, per controllare se il CSS e` corretto devi postare anche il relativo HTML.

[foranangel]

Grazie per le risposte
purtroppo non sono a casa per postare il codice, cmq proverò a spiegarmi..

ho un'immagine, a questa immagine è associato un link che apre una pagina web

[img]...[/img]</img>
in questa immagine voglio che compaia un bordo di 1 px di un colore,
se si passa con il puntatore del mouse sopra l'immagine il bordo deve cambiare colore...

qual'e' il codice css per creare questo effetto??
dove devo applicare la classe? al link o all'immagine?

grazie
alessia

[Mich_]

Puoi applicarla al link oppure all'immagine oppure ad ambedue. Nei tre casi il CSS cambia.

Esempio1:
[img]...[/img]
(attenzione che il </img> non esiste: e` un errore)

il CSS:
.link1:link img { border: 1px solid #C1C1C1; }
.link1:hover img { border: 1px solid #25363E; }
(potrebbe avere problemi in qualche browser)


Esempio2:
[img]...[/img]

il CSS:
.immagine { border: 1px solid #C1C1C1; }
.immagine:hover { border: 1px solid #25363E; }
(non funziona in IE)

[borgio3]

Non conoscevo il codice.

Ciao Ciao

[foranangel]

Originariamente inviato da Mich_
Puoi applicarla al link oppure all'immagine oppure ad ambedue. Nei tre casi il CSS cambia.

Esempio1:
[img]...[/img]
(attenzione che il </img> non esiste: e` un errore)

il CSS:
.link1:link img { border: 1px solid #C1C1C1; }
.link1:hover img { border: 1px solid #25363E; }
(potrebbe avere problemi in qualche browser)


Esempio2:
[img]...[/img]

il CSS:
.immagine { border: 1px solid #C1C1C1; }
.immagine:hover { border: 1px solid #25363E; }
(non funziona in IE)

ho provato la prima soluzione...e non funziona