css e img

[bertulin]

ciao ragazzi... la domanda è questa: vorrei inserire diverse immagini in una pagina html...e fin qui la cosa è semplice. Per ogni img inserita vorrei dare bordo 1 e spazio orizz. 10(semplice anche qui). Vorrei quindi inserire le img da dreamweaver senza dare manualmente per ognuna i valori di bordo e sp.orizz., perchè vorrei formattare la cosa con i fogli di stile. Attendo aiuti. Ciao a tutti e grazie. Alberto

[piero06]

Ma non servono i css !

[img]inter.gif[/img]

[Sgnafurz]

lui intendeva per ogni immagine

IMG{
border: 1px solid #000000;
padding-bottom: 10px;
}

però cosi ti mette il bordo a tutte le immagini del layout
ti conviene specificare un selettore e applicarlo al CLASS delle immagini interessate cosi

.imgBordo{
border: 1px solid #000000;
padding-bottom: 10px;
}

e nel HTML

[img]cagliari.gif[/img]

[piero06]

ah ....

cmq è quasi più veloce la soluzione senza css

[Sgnafurz]

Originariamente inviato da piero06
ah ....

cmq è quasi più veloce la soluzione senza css

se hai un solo attributo come il border, decisamente si
i css diventano utili quando arrivi ad avere un grosso numero di atributi allora scrivi il class, e ciccia!

[bertulin]

Ok ma l'uso delle classi non mi diminuisce di molto il lavoro in termini di tempo perchè dovrei specificare per ogni img inserita la class con border e padding... cmq è già qualcosa in più.

In definitiva vorrei che dovendo inserire 12 foto per pagina, queste prendano automaticamente, quindi con i css, non solo bordo e sp. orizz., ma anche un link per vedere la foto ingrandita e che ogni tre foto inserite ci sia un
per fare quattro file da tre img ciascuna.

p.s. vi chiedo quindi se i css possano essere la strada giusta

[Francis87]

Originariamente inviato da bertulin
Ok ma l'uso delle classi non mi diminuisce di molto il lavoro in termini di tempo perchè dovrei specificare per ogni img inserita la class con border e padding... cmq è già qualcosa in più.

In definitiva vorrei che dovendo inserire 12 foto per pagina, queste prendano automaticamente, quindi con i css, non solo bordo e sp. orizz., ma anche un link per vedere la foto ingrandita e che ogni tre foto inserite ci sia un
per fare quattro file da tre img ciascuna.

p.s. vi chiedo quindi se i css possano essere la strada giusta

css definisce SOLO lo stile.
x i collegamenti devi farteli da te.. o automaticamente con asp o php

[bertulin]

ok grazie mi siete stati molto d'aiuto...per mandare automaticamente a capo ogni tre foto inserite? c'è un modo con i css?

grazie ancora a TUTTI!

[Francis87]

Originariamente inviato da bertulin
ok grazie mi siete stati molto d'aiuto...per mandare automaticamente a capo ogni tre foto inserite? c'è un modo con i css?

grazie ancora a TUTTI!

niente css neanke x questo!

[bagu]

Originariamente inviato da bertulin
Ok ma l'uso delle classi non mi diminuisce di molto il lavoro in termini di tempo perchè dovrei specificare per ogni img inserita la class con border e padding... cmq è già qualcosa in più.

In definitiva vorrei che dovendo inserire 12 foto per pagina, queste prendano automaticamente, quindi con i css, non solo bordo e sp. orizz., ma anche un link per vedere la foto ingrandita e che ogni tre foto inserite ci sia un
per fare quattro file da tre img ciascuna.

p.s. vi chiedo quindi se i css possano essere la strada giusta

potresti provare provare a lavorare con le liste , il tag <ul>
una cosa del genere :
<ul>[*][img]xxxxxx.gif[/img] [img]ggggg.jpg[/img] [img]qqqqqq.jpg[/img])[*][img]xxxxxx.gif[/img] [img]ggggg.jpg[/img] [img]qqqqqq.jpg[/img])[/list]

E' solo una idea , ma dovrebbe funzionare....

margin, padding etc li dai con una classe.
certo che le immagini "miniature dovrebbero essere delle stesse dimensioni per ottenere un risultato decenete

ciao e fammi sapere
paolo