motore di ricerca

[salvissimo]

ciao a tutti, mi hanno consigliato di postare qui in css il mio problema.
ho costruito un piccolo motore in asp ma non riesco ad inserire i dati dei risultati della ricerca in un div apposito.

esempio di div che vorrei fare è questo:

|-------------|-------------------------|------------- |
|................|...............................| .................|
|................|...........scritta..........|... .scritta.....|
|.....foto.....|_______________|.................. .|
|................| ........scritta ..........| ..................|
|________|_______________|_________|
nell'esempio ho sostituito gli spazi vuoti con i puntini perchè il sistema non mi considerava gli spazi vuoti.

le line interessate alla stampa dei risultati sono le seguenti :

while (!Mostra.EOF)
{
with (Response)
{
Write("

");
Write("[img]" + Mostra("immagine") + "[/img]
");
Write("" + Mostra("titolo") + "
");
Write(Mostra("descrizione") + "
");
Write("<font color='Green'>" + Mostra("url") + "</font>");
Write("</p>");
}
Mostra.MoveNext();

qualcuno potrebbe spiegarmi come farlo???

[Mich_]

Ci sono vari errori nella formulazione della richiesta, per cui e` difficile capire.

E mi sembra di vedere gravi errori semantici nella struttura HTML.

Anzitutto devi rispettare le regole del forum: sono riportate nel regolamento (in cima alla lista delle discussioni, in rilevo). Ti prego di leggere prima di postare nuovamente.
Anche lo schema, se vuoi farlo in ASCII-art, inseriscilo nei tag CODE.

Non ha senso postare il codice ASP: anzitutto non tutti lo capiscono, e secondo e` fuorviante per la discussione: posta invece il codice HTML risultante; come generarlo e` un problema diverso che puoi discutere nel forum ASP.

Tornando la problema, mi pare che tu abbia una lista di oggetti.

Quindi il codice HTML potrebbe essere:

[*]
  [img]...[/img]
  <div class="centro">
    <p class="sopra">scritta sopra</p>
    <p class="sotto">scritta sotto</p>
  </div>
  <p class="destra">

A questo deve corrispondere un CSS del tipo:

li {
  width: ...;  /* se necessario */
}
.sinis {
  float: left;
  width: ...px;
  height: ...px;   /* se opportuno */
}
.centro {
  float: left;
  width: ...;
  ...
}
.sopra {
  width: 100%;
  border-bottom: 1px solid black;
}
.sotto {
  width: 100%;
}
.destra {
  float: left;
  width:...;    /* se serve */
}