bordi colorati alle immagini

**wokmou** · 19-05-2004, 09:36

Nella mia pagina http://wok.altervista.org/auto.html ho inserito una serie di immagini con stringhe tipo questa:

[img]immagini/auto/tris_Porsche.JPG[/img]

laddove voglio che le immagini non siano bordate, ovviamente, ho scritto border=0. Il mio problema è semplicissimo: e se volessi fare la cornice verde o rossa? Qualunque sia il colore del font, la cornice mi appare sempre nera

Esiste un sistema veloce per fare ciò che mi serve? In pratica voglio poter scegliere per ciascuna foto se bordarla di verde o di rosso. :sexpulp:

GRAZIE !

**Sonikag** · 19-05-2004, 09:38

metti l'immagine in un div a cui associ una class nel foglio stile... in quella classe metti il bordo dei pixel che vuoi, dello stile che vuoi e del colore che vuoi!

**wokmou** · 19-05-2004, 09:52

:quote:
Sei stato molto gentile. Solo che io sono un po'

e quindi necessito di una spiegazione un po' più "terra-terra" (diciamo pure "da talpa").
Cosa devo scrivere all' inizio della pagina html? E cosa sul comando di ogni singola immagine? :master:

Grazie, comunque

"metti l'immagine in un div a cui associ una class nel foglio stile"

cosa c' entra un riquadro "div"?
cos'è una "class"?
che è un "foglio stile" ?
chi sono? da dove vengo? dove vado? ...
troppe domande senza risposta... e i bordi sono ancora tristemente NERI !!!

**Sonikag** · 19-05-2004, 09:59

tra <head> e </head>

<style>
.img1 {
border: 1px solid #EFE1CF;
}
</style>

---

<div class="img1">[img]tuaimg.jpg[/img]</div>

**wokmou** · 19-05-2004, 10:38

GRASSIE !!!

ci siamo quasi...
Ora, effettivamente, posso scegliere il colore del bordo di ogni singola foto (io ho scritto semplicemente "red" e "green" invece che i codici esadecimali che mi ubriacano...

Ultimo problema: prima c' erano 5 foto per riga (120*160) ora mi va a capo dopo ogni foto. Sarà sto comando DIV ? E che gli dico io?

:master:

avanzi un

**span** · 19-05-2004, 10:45

prova o ad eliminare i div e scrivere nell'immagine <img class="img1" ...

o ad aggiungere nel CSS

float: left;

che se non conosci potrebbero incasinarti un po'

**wokmou** · 19-05-2004, 14:49

la prima parte è stata sufficiente!
Ora la stringa finale è del tipo:

[img]immagini/auto/Abarth_2000.JPG[/img]

semplice semplice, con la class diversa a seconda del colore della cornicetta (img1=verde, img2=rossa e così via).

Tu avanzi una

:metallica :metallica

Discussione: bordi colorati alle immagini

Strumenti discussione

Ricerca discussione

Visualizza

bordi colorati alle immagini

Permessi di invio