Impaginazione query

[Sgozzapolli]

Ciao,

ho cercato già nel forum e nel sito....ma senza risultati.....

Diciamo che dovrei impaginare i risultati di una query su tre colonne e ogni colonna presenta un'immagine e a lato una descrizione.
Il tutto viene fatto con uno script asp.net che vi riporto

</itemtemplate>
</asp:Repeater>
</p>
</div>
<div id="extra3"><asp:Repeater ID="areaRipStrutture" runat="server">
<itemtemplate>

<%
//controllo colonne e apertura riga
if (tmpColonne == 0){
Response.Write("<tr>");
}
tmpColonne += 1;
%>

<td><table width="100%" height="100%" border="0" cellpadding="0" cellspacing="4" bgcolor="#FFFFFF">
<tr>
<td width="70" height="70" valign="top"><%# imgTag(DataBinder.Eval(Container.DataItem, "fld_foto_anteprima").ToString(), DataBinder.Eval(Container.DataItem, "fld_prodotto").ToString(), "70", "70", "-1")%></td>
<td height="100%" valign="top">
<div align="left"><span class="style"><font color="#063868"><%# lsfunction.TagliaTesto(DataBinder.Eval(Container.D ataItem, "fld_provincia").ToString(), 12) %>:</font> /<%# lsfunction.rettificaUrl(DataBinder.Eval(Container. DataItem, "fld_prodotto").ToString()) %>.aspx"><font color="#063868"><%# lsfunction.TagliaTesto(DataBinder.Eval(Container.D ataItem, "fld_prodotto").ToString(), 16) %></font>



<%# lsfunction.AnteprimaTesto(lsfunction.RimuoviHtml(D ataBinder.Eval(Container.DataItem, "fld_breve_descrizione").ToString()), 50) %></span> </div></td>
</tr>
</table></td>

<%

//controllo chiusura riga
if (tmpColonne == colonneStrutture){
tmpColonne = 0;
Response.Write("</tr>");
}
%>

</itemtemplate>
</asp:Repeater>


Ho provato a leggere l'articolo sui css ma lì viene usata sempre la stessa immagine...

avete in mente altre soluzioni?

[Mich_]

Il problema fondamentale e` ... spezzare i problemi.
Se vuoi formattare un programma lato server, fai un buco nell'acqua. I programmi non si formattano.

Il tuo programma ASP (o qualsiasi tipo) deve semplicemente fornire un codice HTML che sia semanticamente valido. Punto. Non deve formattare.

Poi una volta che tale sorgente HTML c'e` ed e` valido, il compito del CSS e` formattarlo.

Prova a postare il codice HTML, poi forse qualcuno puo` aiutarti nella formattazione.

PERO`:
- Il codice deve essere (X)HTML (senza residui lato server) e completo di DTD.
- Il codice va inserito in modo che sia leggibile da un umano, quindi rispettando le indentazioni (esistono i pulsanti [ PHP ] e [ # ] sopra l'area di inserimento per agevolare la formattazione nel forum).
- Non devono esserci tabelle di formattazione (altrimenti formattare una cosa gia` parzialmente formattata in modo errato diventa improbo o impossibile).

[Sgozzapolli]

Ti ringrazio per la risposta....

Il fatto è che quello che ti ho postato è il codice che avevo sul vecchio sito che ora sto rifacendo tutto in css per migliorare accessibilità.Il discorso è che non ho proprio idea di come convertire una tabella con css....cioè se devo inserire un div al posto di ogni colonna e poi inserire tutto il div nell'area ripetuta....e poi soprattutto come fare per far in modo che ad esempio mi impagini i risultati su più colonne, ad esempio tre....

Il fatto è che sul web non si trova tutorial nemmeno in inglese su come impaginare i risultati con i css.

Sarebbe utile anche mettere qualche articolo su Html.it

Cmq cercherò ancora in giro....

Speriamo bene

[salasir]

Leggo spesso ultimamente " ... siccome voglio passare ai css, come faccio a trasformare questa tabella con i div ..."

Secondo me, spesso l'approccio è completamente sbagliato. Bisogna ripensare ai contenuti e suddividerli nei div dimenticando del tutto il layout a base di tabelle.
Poi, nessuno ha mai detto che le tabelle non devono essere assolutamente più utilizzate:
non bisogna utilizzarle per i layout ma se il risultato è una tabella con relazione riga/colonna... perchè no.

[Mich_]

Ti sbagli. In rete c'e` tutto. E anche in HTML.it.

Pero` ho l'impressione che non hai ancora capito la differenza tra:
- programma lato server
- marcatura del contenuto di una pagina
- formattazione

Infatti non e` possibile "impaginare lato server" e nemmeno "convertire una tabella".
Devi cambiare modo di affrontare il problema:
1. generare codice semanticamente corretto (usare i tag per il loro significato, non per l'effetto che vuoi ottenere)
2. pensare alla formattazione.

Il programma lato server deve generare una marcatura corretta.
Prova a vedere cosa arriva al browser attualmente (click destro e "mostra sorgente"). Vedrai che e` una cosa molto diversa da quanto postato.
Pertanto il primo lavoro che devi fare, e` fare in modo che l'informazione che arriva al browser sia suddivisa tramite tag in unita` con una loro funzione specifica.

Poi il compito di formattare e` una cosa successiva, impossibile finche` non e` fatto il primo passo.

Comunque in rete trovi vari esempi di layout (che usano solo CSS, senza tag sbagliati): alcuni link sono stati riportati nei "link utili", che ti consiglio di guardare.

[Sgozzapolli]

NOn voglio impaginare i risultati lato server.....

MI chiedevo semplicemente se è possibile ordinare i dati anzichè dentro delle tabelle, dentro dei div. Come vengono recuperati i dati dallo script è indifferente.

Volevo sapere appunto se era possibile eliminare del tutto le tabelle dal mio sito.

Per convertire intendevo che ho un sito fatto di tabelle ma sto passando al tableless, solo che non riesco ad impaginare i risultati delle query senza le tabelle.

[salasir]

Ribadisco il concetto: OK a togliere le tabelle utilizzate per il layout ma tableless non significa assolutamente non utilizzare le tabelle.

I tag devono essere utilizzati per quello che significano:
<div> per le sezioni


per i paragrafi
[list=1], <ul>, <dl> per le liste (compresi i menù)
<table> per le tabelle.