Voi come fareste?

[E|ena]

vi chiedo un consiglio per una parte di pagian che sto facendo. E' strutturata cosi:

un immagine e a fianco ad essa un testo
appena sotto la stessa cosa
un immagine e a fianco ad essa un testo

se il primo testo supera l'altezza dell'immagine deve "spingere" piu in basso quello che trova sotto

immagine 1 ------ testo 1
-----------------------------
immagine 2 ------ testo 2

io l'unico metodo che ho trovato per farlo è con una tabella
voi che dite?

[pierofix]

Prima di tutto partirei dal significato delle informazioni e di conseguenza comporrei una struttura che li rispecchi semanticamente. Per fare questo occorre che tu ci dia indicazioni in merito.

[E|ena]

Originariamente inviato da pierofix
Per fare questo occorre che tu ci dia indicazioni in merito.

indicazioni di che tipo?

[maximum]

Io farei (per la prossima volta), un titolo più consono alla problematica da porre sul forum.

[pierofix]

Originariamente inviato da E|ena
indicazioni di che tipo?

Ma che cosa strana che è questa. Noto che c'è sempre grande difficoltà a descrivere i propri contesti, le logiche dei propri documenti. Invece è proprio da qui che un progettista web dovrebbe partire. Vabbè, faccio un piccolo esempio per essere più chiaro.

Devo creare un documento in cui presentare la lista dei CD che il mio gruppo musicale preferito ha composto in questi anni. In questo documento vorrei far comparire la copertina dell'album, corredata da una breve descrizione, al termine della quale far comparire un link per accedere ai dettagli del CD. Come mi suggerite di strutturare le informazioni appena illustrate?

Visivamente parlando, poi, già mi immagino la pagina: la copertina sulla sinistra e, a fianco, il testo. Come comporre un CSS per raggiungere ciò?

[E|ena]

mm spero di avere capito
praticamente è un lista di immagini fatte da utenti e a fianco un descrizione sintetica di come è stata realizzata
però non so mai l'altezza delle immagini ne la lunghezza del testo e ho bisogno quindi di una struttura auto ridimensionabile in altezza

[pierofix]

Vediamo un po'... imposto una base:

XHTML

<h1>Fotografando.it</h1>
<h2>Le foto di novembre</h2>
<div>
   <h3>Il profumo del pane</h3>
   [img]pane.jpg[/img]
   <p class="descrizione">
      Questa foto in bianco e nero è stata realizzata
      utilizzando la classica tecnica del...
   </p>
</div>

CSS

div { clear:both }
.foto { float:left }
.descrizione {
   float:left;
   margin-left:200px; /* Larghezza della foto */
}

E' molto abbozzato e di sicuro da mettere a posto.

[E|ena]

ho gia tentavo con i div ma nel momento in cui uso i float non si autoridimensionano ma si sovrappongono

[pierofix]

Anche usando il clear:both?

[E|ena]

Originariamente inviato da pierofix
Anche usando il clear:both?

mm no non conosco questo comando
mi spiegheresti cosa fa?