PDA

View Full Version : [ASP] doppio bordo intorno ad un'immagine, come?


YordanRhapsody
26-09-2007, 10:55
salve a tutti, avrei la necessità di fare un doppio bordo intorno ad un'immagine...

l'idea sarebbe di ottenere una cosa simile

http://img261.imageshack.us/img261/3276/pippopicwv3.jpg

ovviamente non badate troppo a questa immagine, l'ho fatta righellando con photoshop...

insomma, ho una pagina a sfondo nero e su questo sfondo tante immaginine, e vorrei creare una specie di cornicetta intorno a queste... per ora so mettere solo un bordino attaccato alla foto, ma quel che vorrei fare è inserire un bordo distanziato dall'immagine (come in figura appunto)!

come posso fare? pensavo a mettere un bordo nero adiacente all'immagine e poi un bordo bianco ancora più fuori, fattibile? o ci sono altre vie?

0rph3n
26-09-2007, 12:19
basta che nello stile dell'immagine imposti le proprietà css (do per scontato che tu sappia cosa siano altrimenti comincia da qui (http://www.w3schools.com/css/)) inerenti al bordo (http://www.w3schools.com/css/css_border.asp) e al padding (http://www.w3schools.com/css/css_padding.asp) (la distanza del contenuto dal suo bordo).

/* definizione */
border:spessore_bordo stile_bordo colore_bordo;
padding:distanza;
/* esempio */
border:2px solid #FFFFFF;
padding:5px;


ps:la prossima volta uppa un'immagine più piccola così non spagini il forum

'iao

YordanRhapsody
26-09-2007, 13:12
grazie mille, è perfetto... nn sono ancora espertissimo, anzi son proprio alle prime armi, ma funziona, grazzzzzzzzie mille!

ps immagine ridimensionata, anche se oramai è inutile