immagini e testo

[miki1984]

ciao, ragazzi ho un problema che mi toglie il sonno.

devo creare una pagina web con testo e 3 immagini.
la pagina deve avere la seguente struttura:
*fino a che ci sono immagini, il testo deve essere affiancato loro
*al termine delle immagini il testo deve occupare tutto lo spazio, invadendo anche la parte sottostante le immagini.

ho provato a farlo ma finchè si tratta di una sola immagine il problema è facilmente risolto con il <div>, quando le immagini sono più di una, il<div> non funziona, perchè me le affianca invece di incolonnarle.

volevo sottolineare che testo e img sono dinamiche(è una pagina asp), quindi non conosco nè la lunghezza del testo nè la dim delle img.

come posso fare?

vi allego una bozza che riassume lo schema della mia pagina, per maggiore chiarezza.

grazie.

MIki

[floyd46]

ciao
hai provato a mettere una immagine + il relativo testo (che estrai dal DB) in ogni div diverso?
se non ricordo male, devi usare x l'immagine
float:left oppure
float:right
a vedere dalla tua jpg;



quindi avrai:

<div id="box1">

<div id="immagine">tua immagine</div>


Testo</p>

</div>

posta ancora se hai problemi

[miki1984]

ho provato a creare più <div> diversi, ma il testo viene allineato all'inizio dell'ultimo. accanto ai primi viene lasciato lo spazio bianco.

poi non ho capito dove vanno messi i float. potresti scrivermi il tag da usare?

grazie

[Marcolino's]

CSS

#immagine {
float: left;
}
p {
margin: 1em;
}
.ripristina {
clear: left;
}

Nel file html e nel punto dove devi inserire immagini e testo:

[img]....[/img]


Il testo viene a destra dell'immagine e se più lungo di questa deborda sotto all'immagine.
</p>
<div class='ripristina'></div>

Ciao.


PS se ne hai voglia sotto vedi il link a giochini in flash, è realizzato con questa tecnica.