bordo attorno ad immagine

[s0r42]

dovrei inserire un semplice bordo di 1px distanziato di 1px attorno ad alcune immagini

avevo pensato di usare
<span style="border:#ef4396 1px solid; padding:1px;">[img]foto.jpg[/img]</span>

su IE funziona perfettamente ma su firefox no
il div non posso usarlo perchè si allarga per tutto lo spazio disponibile
il float nemmeno perchè l'immagine va centrata
position nemmeno
la dimensione fissa del bordo nemmeno perchè le immagini sono varie ed hanno dimensioni variabili

come se po fa?

[fcaldera]

se dai 1px di padding all'immagine (o magari di bordo il cui colore si mimetizza con lo sfondo)?

[s0r42]

il mio problema non è distanziare il bordo o visualizzarlo come preferisco
il problema è proprio metterlo attorno al bordo dell'immagine

p e div "al naturale" prendono tutta la riga, ed in tutti gli altri casi non si lasciano allineare automaticamente al centro
l'ideale sarebbe uno span, ed infatti su IE funziona alla perfezione, ma su firefox non riesce contornare l'immagine e crea un riquadro largo quanto l'immagine che contiene ma alt solo una riga

[Fulciniti]

Come ti ha suggerito fabrizio... in sostanza gli stili che hai assegnato allo span (mi raccomando a lavoro finito meglio in un CSS esterno!) li metti sull'immagine, ovvero:

img{padding: 1px;border: 1px solid #999}

Per effetti + elaborati, puoi giocare con il colore dei singoli bordi o eventualmente puoi assegnare un background-color anche all'immagine.

Saluti,
Alessandro

[s0r42]

ah non avev capito

non immagiavo proprio che il padding di un oggetto influenzasse anche il bordo VVoVe: