[XHTML / CSS] img align left, en border

[Mexxus]

Sinds kort ben ik bezig een website te maken die volledig XHTML 1.1 validate is volgens W3C. Op zich lukt het aardig, maar er is een probleem waar ik maar niet uit kom.

code:

[img]'img/personal_01.jpg'[/img]

Op deze manier voeg ik een plaatje in, in een texthok, zodat de tekst netjes om het plaatje heen loopt. De validator van W3C heeft echter moeite met die align='left' en de border='1'...

code:

   1.  Line 118, column 74:  there is no attribute "align"  (explain...).

  ...jpg' width='100' height='100' alt='' align='left' border='1'/>
                                                ^

   2. Line 118, column 88: there is no attribute "border" (explain...).

  ...ght='100' alt='' align='left' border='1'/>
                                          ^

Ik bedacht dus om die gegevens via CSS mee te geven, en dan via een class op te roepen. Op deze manier:

code:

img.left {
    align: left;
    border: 1;
    border-color: #000000;
}

code:

[img]'img/personal_01.jpg'[/img]

De validator keurt het goed, maar in de browser (Zowel Mozilla als IE) heeft het geen effect. Geen border, en geen align left.

De explain links in de validator brengt me niet veel verders, en volgens de teksten op de W3C website schijnt border toch echt een toegestane atribute te zijn binnen de img tag. Misschien dat 't iets te maken heeft met XHTML?

Anyway, iemand hier meer verstand?

[crisp]

lees ook eens een css tutorial door:

Cascading Stylesheet:

img.left {
  float: left;
  border: 1px solid #000;
}

[Verwijderd]

hier klikken:
http://www.w3schools.com/css/default.asp

en dan klikken op Start learning CSS!

[Mexxus]

Ah, zeer bedankt!

Ik heb al een aantal css tutorials doorgelopen, maar daarbij werd float niet gebruikt voor img's. En wat betreft die border, da's stommiteit van mezelf, want ik ben het inderdaad al eerder tegen gekomen, de manier zoals jij voordoet.