Visualizzazione dei risultati da 1 a 7 su 7
  1. #1
    Utente di HTML.it
    Registrato dal
    May 2006
    Messaggi
    555

    Rendere una tabella dinamica in base lunghezza testo

    Salve ragazzi.
    E' il primo post che scrivo in merito all'html, in quanto, fino ad oggi, mi ero occupato più che altro di php e sql. Allora, vi espongo il problema. Ho deciso di trasferire tutto il mio codice php in un template. Ho scelto accuratamente il template in modo che si possa adattare ad un sito che contiene parecchie news.
    La struttura è più che altro tabellare. Il problema che riscontro è questo. quando inserisco degli articoli che superano la lunghezza della tabella, la tabella stessa tende ad allungrasi in orizzontale, anzichè in verticale.
    Chiaro che in tal modo mi viene a saltare la dimensione dell'intera struttura. Ecco, vorrei che succedesse l'opposto, ossia che la tabella sia dinamica in verticale, invece che orizzontale.

    Come posso fare?? Spero di essermi spiegato correttamente. Per maggiore chiarezza vi posto un pezzo del codice relativo alla parte tabellare implicata, quella cioè dove andranno inserite le varie news.

    codice HTML:
    <TABLE style="BORDER-RIGHT-WIDTH: 0px" height=100% cellSpacing=0 
          cellPadding=0 width=100% border=0>
            <TBODY>
            <TR>
              <TD class=smaller width=450 bgColor=#a2bdec height=1>
              <p align="center" style="margin-top: 0; margin-bottom: 0">[b]
              <font face="Verdana" size="1">Main Welcome Heading Here</font>[/b]</TD>
              <TD align=right width=17 bgColor=#a2bdec height=1 valign="top"><FONT face=Verdana 
                size=1>[img]../FrontPage-template-8/corner.gif[/img]</FONT></TD>
              <TD width=18 height=1></TD>
              <TD class=smaller style="BORDER-BOTTOM: medium none" width=259 
              bgColor=#ff0000 height=1>
              <p align="center" style="margin-top: 0; margin-bottom: 0">[b]
              <font face="Verdana" color="#FFFFFF" size="1">Specials Text Box</font>[/b]</TD>
              <TD style="BORDER-BOTTOM: medium none" align=right 
              bgColor=#ff0000 height=1 valign="top">
              <p style="margin-top: 0; margin-bottom: 0">
              [img]../FrontPage-template-8/red_corner.gif[/img]</TD></TR>
            <TR>
              <TD class=smaller width=467 bgColor=#FFFFFF height=100% colspan="2" valign="top">
              <table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse; border-width: 0" bordercolor="#111111" width="100%" id="AutoNumber2">
                <tr>
                  <td width="100%" style="border-style: none; border-width: medium">
                            <P style="margin:5 4; ">[B]<FONT 
                            face="Century Gothic" color=#006ea5 size=5>
                            [img]../FrontPage-template-8/PC2.gif[/img]</FONT>[/B]</P>
                            <p style="margin: 5 4"><font face="Verdana" size="1">
                            ciao ciao </font>
                            
                          <p style="margin: 5 4"><font face="Verdana" size="1"> ciao ciao.</font></td>
                </tr>
              </table>

  2. #2
    Utente di HTML.it
    Registrato dal
    May 2006
    Messaggi
    555
    Perdonate il codice ma non sò quali sono i tag da utlizzare qui nella sezione html.....

  3. #3
    sostanzialemente hai:

    codice:
    <table width=100%>
    <tr>
    <TD width=450></TD>
    <TD width=17></TD>
    <TD width=18></TD>
    <TD width=259></TD>
    <TD><img... width="14"...</TD>
    </TR>
    la somma delle celle da 758

    ma alla tabella imposti width 100%, prova con 758...


    ciaux

  4. #4
    Utente di HTML.it
    Registrato dal
    May 2006
    Messaggi
    555
    Ciao Web,
    innanzitutto un saluto e grazie per la risposta. Purtroppo ho provato a fare quel che mi hai suggerito, ma non risolve il problema. Nel senso che se scrivo un testo lungo, invece che allungarsi, la tabella si allarga.
    Ma non capisco il motivo.

    Bisognerebbe forse postare tutto il codice del templare che stò usando, solo che non sò se mi è consentito. E' un pò lungo.

    Altra soluzione da proporre?

  5. #5
    il primo consiglio sarebbe quello di riscrivere il codice di quel template perché presenta molti problemi strutturali

    per il momento diciamo che potresti provare una struttura del genere:
    codice:
    <table width="2500">
    		<tr>
    				<td>se ad esempio scrivo del testo qui, la cella si allarga ma non si allunga perch&eacute; ho impostato la larghezza della tabella a 2500px</td>
    		</tr>
    </table>
    ho impostato la larghezza a 2500 px, quindi si allarga fino a 2500, poi va a capo.

    ciaux

  6. #6
    Utente di HTML.it
    Registrato dal
    May 2006
    Messaggi
    555
    Il problema è che ho impostato tutti i width delle tabelle dove sono contenuti gli articoli a 100%, quindi non dovrebbe esserci il problema dell'allargamento.
    Invece nulla!!!

  7. #7
    si che c'e' il problema, perche' 100% e' riferito alla finestra del browser ...

    ciaux

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.