immagini, float e <p>...

[GunraY]

Ciao a tutti.
allora, io ho del testo e delle immagini.
vorrei che il testo andasse attorno alle immagini, come se nel tag img avessi impostato align=left;
con i css si ottiene con float:left, giusto? ebbene,
se metto una immagine tutto ok:


<img src="miaimg.jpg> mio testo blah blah... </p>

ma se il contenuto della pagina è così:



<img src="miaimg.jpg> mio testo blah blah... </p>


<img src="altraimg.jpg>Altro mio testo mio testo blah blah... </p>

l'angolo top left del secondo

si allinea con l'ultima parola del primo

... che succede? se tolgo il float:left torna tutto ok ma il testo parte dal basso dell'immagine...
se lo lascio e uso clear:right o clear:both su firefox fa i disastri...
cosa posso fare? grazie!

[andrea.paiola]

:master: forse ragged float può aiutarti...

[GunraY]

ciao! ora provo. cmq usando alla fine del testo di ogni

un <br clear=all> si risolve, ma non so se vada bene dal punto di vista xhtml...

[GunraY]

ho controllato, non è quello che mi serve.
allora, io divido il testo con i

: ogni

va a capo e si distanzia di un tot dal precedente, e va bene. solo che dentro ogni

io metto una immagine, che deve far scorrere il testo del

a destra. ecco, questo non riesco ad ottenerlo.

[GunraY]

grazie, bastava usare clear:both nei

.

[Mich_]

Ma il float:left a che oggetto lo applichi?
Credo che dovresti applicarlo alla immagine, ad esempio:
p>img { float:left; }
e il problema da te posto non dovrebbe presentarsi (sempre se il box model del browser funzina correttamente - ci sono browser con dei difetti).

[Marcolino's]

http://www.constile.org/tips/recupero_float/
http://www.constile.org/tutorial/com...e_un_articolo/