aiuto bordo doppio

[mene16]

Ciao, voglio fare un bordo doppio (di due colori) a un'immagine e ho fatto così:

img{
padding:10px;
}
img.bordodoppio{
border:10px solid #000000;
}

il padding che si crea attorno all'immagine xò sarà del colore dello sfondo, e io voglio che indipendentemente dallo sfondo sia bianco. Ho provato a mettere il bordo al posto del padding ma mi viene coperto dal bordo di .bordodoppio.
come posso risovlere?


Spero di essere stato chiaro

[serialkiller]

Originariamente inviato da mene16

Spero di essere stato chiaro

no

ma ci provo

img.bordodoppio{
border:10px solid #000000;
background-color:#fff;
}

[mene16]

fortuna che n avevi capito.. che scemo è vero.. era na cavolata... grazie!

img{
padding:10px;
}
img.bordodoppio{
border:10px solid #000000;
background-color:#FFFFFF;
}
così adesso ho un primo bordo bianco e poi un bordo nero!


ma xkè se io faccio:

img{
border:10px solid #FFFFFF;
}
img.bordodoppio{
border:10px solid #000000;
}

vedo solo il bordo nero attaccato all'immagine? cioè penso venga sovrapposto! why??

Ancora grazie!

[Akito]

Ciao,
devi sapere che le caratteristiche scritte nei css vengono ereditate.
Se scrivi cosi:

img{
border:10px solid #FFFFFF;
}
img.bordodoppio{
border:10px solid #000000;
}

il bordo di "bordodoppio" è solo nero perchè il bianco (colore ereditato) viene sovrascritto.

Ciao
Akito

[mene16]

ok grazie!!!!!!!