bordo interno ad immagine 2 pixel

[chef]

Ela buondi a tutti,
volevo sfruttare i css per mettere all'interno di ogni immagine un bordo di 2 pixel colorado di rosso.
Cosi eviterei di modificare tutte le immagini... è possibile?????????????

[Sgurbat]

img {
   border:2px solid red;
}

Ciao.

[chef]

grazie,
in realtà a me servirebbe (non lo avevo scritto prima) l'effetto di un bordo interno al passaggio del mouse.
Ora io uso:

a.bordoimg {
border: 1px dotted #840000;

}
a.bordoimg:hover {
border: 1px dotted #CCCCCC;

}

Ma l'effetto me lo fa esternamente. Ho provato ad usare quello che dici e vedo (mi sembra) che il bordo è interno, quindi ok... come faccio però a creare un hover con il cambio colore (da rosso a bianco per esempio?)???

Verythanks

[Pennywise83]

prova ad usare

padding: 4px;

border: 1px solid black;

Avrai un effetto simile ai provini in fotografia.

[Mich_]

Se il bordo deve stare sull'immaigne (e non esterno ad essa) devi definirlo sul CSS dell'immagine, non del link:

a.bordoimg img {
  border: 1px dotted #840000;
}
a.bordoimg:hover img {
  border: 1px dotted #CCC;
}

[chef]

grazie,

uso questo codice... ma non mi funge... il bordo continua ad essere fuori:

[img]img/articoli/dry_bag/1.jpg[/img]

se provo a mettere il class dentro il tag <img> non vedo nessuna animazione...

help!

[Mich_]

Non devi mettere la classe all'immagine (non puoi applicare l':hover), ma devi dare il bordo all'immagine (vedi il mio codice CSS)

ma togli la formattazione fatta con attributi HTML, altrimenti non puo` funzionare

[chef]

La formattazione è collegata ai css...

ecco il mio rigo di codice:

<td>
<div align="left">
[img]img/articoli/dry_bag/1.jpg[/img]
</div>
</td>

e il css è pari pari al tuo codice, ma mi mette il bordo fuori ancora...