problemi vari css

[chucky831]

ciao a tutti sono alle prime armi con i css, Vorrei il vostro aiuto ad una cosa che non riesco a risolvere. Io creo un file html e un file css. Li concateno. Voglio fare un'effetto dove SOLO la fotografia della home sia applicata il bordo. Ho provato a creare un div id in modo tale che mi si applicasse l'effetto solo a quella foto ma il risultato è che il bordo parte da dove inizia la foto fino ad arrivare alla fine della schermata. Mi hanno quindi consigliato di mettere nel file css

img
{
}

in modo tale che venisse applicata all'immagine. Ora funziona ma se inserisco altre immagini vengono applicate a tutte il bordo. Cosa posso fare? non so se mi sono spiegato bene =)

[Prill]

Ciao, puoi creare un id che applicherai a quell'immagine:

#nomeCheVuoi{
 /*inserire proprietà dell'immagine*/
}

html:

<img id="#nomeCheVuoi" eccetera>

[chucky831]

io ho fatto così:

html:
<div class="foto">
[img]foto/fuori.jpg[/img]
</div>

css:

.foto
{
border: 2px solid black;

}

però mi da il problema che me lo fa a tutto il div e non alla foto. In questo caso come posso fare?

[Prill]

O applichi la classe all'immagine (per la quale sarebbe bene specificare le dimensioni)

<div>
[img]foto/fuori.jpg[/img]
</div>

oppure all'immagine che sta dentro al div cui è applicata la classe foto:

html:
<div class="foto">
[img]foto/fuori.jpg[/img]
</div>

css:

.foto img{
border: 2px solid black;
}

in questo caso, se avrai altre immagini dentro al div foto, il bordo interesserà tutte le immagini (per evitarlo una classe o un id è da assegnare all'immagine stessa per differenziarla dalle altre)

[chucky831]

ok grazie risolto =)