come posizionare le immagini senza tabelle

[chiarapr]

ciao a tutti,
stò provando a costruire un piccolo sito cercando di rispettare gli standard W3C. ho letto che sconsigliato l'uso delle tabelle e quindi vorrei evitare l'uso delle stesse per il layout delle pagine solo che ho qualche problema.
normalmente uso le tabelle per posizionare le immagini all'interno di una pagina, allinearle a sx, dx, al centro e consentire che il testo le circondi.
senza usare le tabelle come posso fare?
grazie

[salasir]

Per esempio:

CSS 
.dx { float: right; margin: 5px 0 5px 5px; }
.sx { float: left; margin: 5px 5px 5px 0; }

(X)HTML 


 testo testo testo testo testo testo testo testo testo testo testo testo testo 
[img]img1.jpg[/img] 
testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo 
[img]img2.jpg[/img] 
</p>

[chiarapr]

Grazie!
ho provato e funziona come desideravo.
una cortesia ancora, se puoi. come fare per inserire l'immagine più o meno in mezzo e con tutto il testo che la circonda? ho provato a fare qualche prova ma mi risulta sempre uno spazio vuoto per tutta l'altezza dell'immagine...
ma soprattutto dove posso leggere queste cose ed imparare?
grazie ancora

[salasir]

Per imparare, leggiti le guide che ci sono su questo sito. Guarda nei link utili dei forum HTML e CSS.

Per la prima domanda la cosa è un po' più difficile. Almeno io non conosco soluzioni CSS. Forse con js ....