Togliere cornice a img

[samiel]

Vorrei eliminare una cornice su due img.
Ora, ho tre alternative. La prima, che funziona
e che è radicale, consiste nel mettere subito
nel CSS

img {
    margin:0 auto;
    border:0;
}

Per restringere il campo, dapprima ho tolto quella voce
e usato questo cidice, direttamente nell'HTML:

<div id="w3c1">[img]valid-xhtml10.png[/img]</div>

Ma dal momento che border è deprecato
nell'XHTML 1.0 strict, ho trasferito tutto nel CSS,
per cui ho approntato questo codice HTML:

<div id="w3c1">[img]valid-xhtml10.png[/img]</div>

mentre nel CSS ho messo:

#w3c1 {
float:left;
margin:60px 0 0 0;
border:0px;
}

In quest'ultimo caso, la cosa non funziona,
nel senso che gli altri parametri passati
vengono rispettati, ma il bordo compare...

Ho sbagliato qualcosa io, o cos'altro mi sfugge?
Grazie
M.

[fcaldera]

togli gli attributi deprecati e scrivi semplicemente

a img { border : 0;}

[samiel]

Scusa, non ho ben capito...
Mettendo img { border: 0;} nel CSS funziona, come ho già detto.
Se metto l'attributo deprecato border nell'HTML funziona,
ma appunto con Strict non risulta più corretto.
Se invece lo inserico nell'id w3c1 non funziona:
mi potresti spiegare perché nell'id non funziona?

Grazie
M.

[fcaldera]

Originariamente inviato da fcaldera
togli gli attributi deprecati e scrivi semplicemente

a img { border : 0;}

nel tuo caso non funziona perchè il bordo non appartiene a quell'elemento ma all'imamgine contenuta al suo interno.

Usando quell'id (ma non necessario) la regola sarà invece


#w3c1 a img {
border: 0;
}

[samiel]

Geniale!!
Mille grazie

M.