Visualizzazione risultati 1 fino 13 di 13

Discussione: Aiuto!!!Problemi con le tabelle!

  1. #1
    Guest

    Predefinito Problemi di allineamento in tabella a 3 colonne

    Aiutoooooo...ho bisogno di aiuto pls!!
    Qualcuno sa come posso fare in modo che tutte le cose(scritte, immagini, java, o quant'altro)inserite in una tabella vengano allineate tutte verticalmente a partire dall'alto?non voglio che se il contenuto della 3 colonna e di dimensioni più lunghe, il contenuto della prima mi si sposti verso il centro lasciando così la parte alta della tabella!...come posso fare?!??!?!?!?!?AIUTATEMI PER PIACERE!!
    Ultima modifica di liceoperito : 30-09-2004 alle ore 18.43.57 Motivo: Titolo contro il regolamento=)

  2. #2
    Guest

    Predefinito

    Prima cosa: non scrivere mai più aiuto nel titolo del topic... o te lo chiudono...
    Seconda cosa: come operi? Cioè scrivi il codice o usi un editor per fare le tue pagine...?

  3. #3
    Guest

    Predefinito giust...

    Giust...m'ero scordato che nn si può scrivere aiuto nel topic...chiedo scusa a tutti... per rispondere a pulidori: ora sto usando dreamweaver però coonsco abbastanza dell'html(il primo mio sito l'ho fato con blocco note)...spero che rispondenti ora tu mi possa aiutare!

  4. #4
    Guest

    Predefinito

    Scusa, basta che alla cella tu gli dia allineamento al centro... alias
    <table>
    <tr>
    <td align="center">
    <p>Oggetto</p>
    <p>Oggetto</p>
    <p>Oggetto</p>
    <p>Oggetto</p>
    </td></tr>
    </table>
    è questo che volevi o non ho capito una mazza?

  5. #5
    Guest

    Predefinito

    <table align="center" width="100%" border="0">
    <tr>
    <td align="left" width="250">
    <table width="100%" border="0">
    <tr>
    <td><font color="#000000" face="Comic Sans MS" size="2"><b>..:NiuSLetteR..</b></font></td>
    </tr>
    <tr>
    <td bgcolor="#018BFF">
    <script language="javascript">
    function apri(form,car,nome) {
    if (!nome)
    nome = 'aa' + (new Date().getTime());
    form.target = nome;
    open ('', nome, car);
    }
    </script>
    <form action="http://www.mailextra.com/iscri2.asp" onSubmit="apri(this,'width=500,height=400,resizabl e=0,scrollbars=0,toolbar=0,status=0,menubar=0,loca tion=0'); return true;">
    <p align="center">Inserisci la tua e-mail<br> per la NiuSLetteR!<br>
    <input type="hidden" name="mailing" value="8200">
    <input type="text" name="email" size="20"> <br>
    <input type="submit" value="Invia" name="B1">
    </p>
    </form></td>
    </tr>
    <tr><td><font color="#000000" face="Comic Sans MS" size="2"><b>..:SitiUtili..</b></font></td></tr>
    <tr><td bgcolor="#018BFF"><ul><li title="Comunità di studenti!"><a href="http://www.studenti.it">www.studenti.it</a></li><br><li title="Ministero dell'istruzione"><a href="http://www.studenti.it">www.istruzione.it</a></li><li title="Tanto sul latino e greco"><a href="http://www.latinovivo.com">www.latinovivo.com</a></li><li title="Un portale con molto!"><a href="http://www.splash.it">www.splash.it</a></li></ul></td></tr>
    <tr><td><font color="#000000" face="Comic Sans MS" size="2"><b>..:Utilità..</b></font></td></tr>
    <tr><td bgcolor="#018BFF">
    </font><a class="chlnk" style="cursor:hand" HREFonClick="this.style.behavior='url(#default#hom epage)';this.setHomePage('http://www.liceoperito.altervista');"><p align="center"><img src="immagini/casa.gif" width="32" height="32" alt="Clicca qui e sarò la tua pagina iniziale!"></p></a>
    <p align="center"><a href="javascript:window.external.AddFavorite('http ://www.liceoperito.altervista.org','Il sitoweb del liceo Classico di Eboli!')"><img src="immagini/favoriti.gif" width="20" height="20" border=0 alt="Aggiungi ai preferiti!!"></a> <a class = "red" href="javascript:window.external.AddFavorite('http ://www.liceoperito.altervsta.org','Il sitoweb del Liceo Classico di Eboli!')"></a></td></tr>
    </table>
    </td>
    <td align="center" width="1000">
    <table width="100%" border="0">
    <tr>
    <td><font color="" face="Comic Sans MS" size="2"><b>..:Titolo..</b></font></td>
    </tr>
    <tr>
    <td bgcolor="#018BFF"><div align="justify"><font size="4" color="#000000" face="Comic Sans MS">Il sito è nato perchè....blablablablablabla</font></div></td>
    </tr>
    </table></td>
    <td align="right" width="200">
    <table width="100%" border="0" title="Novità">
    <tr>
    <td>
    <div align="left"><font color="#000000" size="2" face="Comic Sans MS"><b>..:Novità..</b></font><br></div></td>
    </tr>
    <tr>
    <td bgcolor="#018BFF">QUI POI ENTRA UNA PICOOLA APPLET</tr></td>
    <tr><td><font color="#000000" face="Comic Sans MS" size="2"><b>..:Sondaggio..</b></font></td></tr>
    <tr><td>
    <!-- Inizio Voto Online codice da Bpath -->
    <SCRIPT LANGUAGE="JavaScript1.1" SRC="http://italia.bpath.com/quiz.dbm?S=it&M=105613"></SCRIPT>
    <!-- Fine Voto Online codice da Bpath -->
    </td></tr>
    </td></td>
    </tr>
    </table>


    </tr>
    </table>


    Alor scusami se ho fatto un po' di casino....questa è la tabella in questione....accade questo....la 3 colonna ha all'interno elementi che la rendono più lunga delle altre due....nelle altre due gli elementi non stanno all'inizio, in alto quindi, della colonna bensì al centro.
    Io vorrei che gli elementi della colonna di sinistra e della colonna centrale partissero dall'alto e vadino verso il basso, quindi dall'inizio proprio della colonna mentre in questo caso stanno al centro di quest'ultima. Spero di essere stato più chiaro!

  6. #6
    Guest

    Predefinito

    Scusa, niente di personale, ma il codice di questa pagina fa schifo!!! Ci sono tag non chiusi ed hai invertito l'ordine di chiusura... Ci do un'occhiata, ma se usi Dreamweaver ti conviene usare una tabella come questa per contenitore:
    Codice:
    <html>
    <link rel="stylesheet" src="style.css" >
    <body>
    <table width="100%" border="0" cellpadding="0" cellspacing="0">
      <tr>
        <td width="100%" height="27"valign="top"><table width="100%" border="1" cellpadding="1" cellspacing="1">
          <tr>
            <td width="100%" align="center" valign="top">Banner di testa</td>
          </tr>
        </table></td>
      </tr>
      <tr>
        <td valign="top"><table width="100%" border="1" cellpadding="1" cellspacing="1">
          <tr>
            <td width="100%" align="center" valign="top">Barra di navigazione</td>
          </tr>
        </table></td>
      </tr>
      <tr>
        <td valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
          <tr>
            <td width="200" valign="top"><table width="200" border="1" cellpadding="1" cellspacing="1">
              <tr>
                <td width="200" align="center" valign="top">Colonna di sinistra<br>
                  .<br>
                  .<br>
                  .<br>
                  .<br>
                  .<br>
                  .<br>
                  .<br>
                  .<br>
                  .</td>
              </tr>
            </table></td>
            <td width="100%" valign="top"><table width="100%" border="1" cellpadding="1" cellspacing="1">
              <tr>
                <td width="100%" align="center">Colonna di centro<br>
                  .<br>
                  .<br>
                  .<br>
                  .<br> 
                  .<br>
                  .<br>
                  .<br>
                  .<br>
                  .</td>
              </tr>
            </table></td>
            <td width="200" valign="top"><table width="200" border="1" cellpadding="1" cellspacing="1">
                <tr>
                  <td width="192" align="center">Colonna di destra<br>
                    .<br>
                    .<br>
                    .<br>
                    .<br>
                    .<br>
                    .<br> 
                    .                <br>                
                    .<br>
                    .</td>
                </tr>
            </table></td>
          </tr>
        </table></td>
      </tr>
      <tr>
        <td valign="top"><table width="100%" border="1" cellpadding="1" cellspacing="1">
          <tr>
            <td width="100%" align="center" valign="top">Pi&egrave; di Pagina</td>
          </tr>
        </table></td>
      </tr>
    </table>
    </body>
    </html>
    Copia il codice in una nuova pagina di DW! Per correggere la tua pagina ci vuole un'architetto...

  7. #7
    Guest

    Predefinito

    a parte la tua delicatezza...cmq il codice da schifo l'ho fatto con dreamweaver...grazie lo stesso....ma alla fine col css si risolve il problema?però ovviamente lo devo prima creare...scusa se ti e vi assillo ma nn sono pratico di css

  8. #8
    Guest

    Predefinito

    Appunto perchè l'hai fatto con DW! Molto spesso c'è roba superflua nel codice generato dagli editor! Comunque, per un layout a 3 colonne o lo fai con i div, e allora ti consiglio di dare un occhiata su www.html.it (oppute ti posto una pagina tipo con CSS), oppure lo fai con le tabelle come ti ho postato...

    Scusa per la mia delicatezza, ma aprendo la tua pagina con DW mi dava un sacco di errori e tag superflui oltre che altri casotti; addirittura il layout non si vedeva nemmeno...

  9. #9
    Guest

    Talking

    <table width="100%" border="0">
    <tr>
    <td width="200" align="left"><table width="100%" border="0">
    <tr>
    <td><font color="#000000" face="Comic Sans MS" size="2"><b>..:NiuSLetteR..</b></font></td>
    </tr>
    <tr>
    <td bgcolor="#00CCFF"><script language="javascript">
    function apri(form,car,nome) {
    if (!nome)
    nome = 'aa' + (new Date().getTime());
    form.target = nome;
    open ('', nome, car);
    }
    </script>
    <form action="http://www.mailextra.com/iscri2.asp" onSubmit="apri(this,'width=500,height=400,resizabl e=0,scrollbars=0,toolbar=0,status=0,menubar=0,loca tion=0'); return true;">
    <p align="center">Inserisci la tua e-mail<br> per la NiuSLetteR!<br>
    <input type="hidden" name="mailing" value="8200">
    <input type="text" name="email" size="20"> <br>
    <input type="submit" value="Invia" name="B1">
    </p>
    </form></td>
    </tr>
    </table>
    <table width="100%" border="0">
    <tr>
    <td><font color="#000000" face="Comic Sans MS" size="2"><b>..:SitiUtili..</b></font></td>
    </tr>
    <tr>
    <td bgcolor="#00CCFF"><ul>
    <li title="Comunità di studenti!"><a href="http://www.studenti.it">www.studenti.it</a></li>
    <li title="Ministero dell'istruzione"><a href="http://www.studenti.it">www.istruzione.it</a></li>
    <li title="Tanto sul latino e greco"><a href="http://www.latinovivo.com">www.latinovivo.com</a></li>
    <li title="Un portale con molto!"><a href="http://www.splash.it">www.splash.it</a></li>
    </ul>
    </td>
    </tr>
    </table>
    <table width="100%" border="0">
    <tr>
    <td><font color="#000000" face="Comic Sans MS" size="2"><b>..:Utilità..</b></font></td>
    </tr>
    <tr>
    <td bgcolor="#00CCFF"><a class="chlnk" style="cursor:hand" HREFonClick="this.style.behavior='url(#default#hom epage)';this.setHomePage('http://www.liceoperito.altervista');"><p align="center"><img src="immagini/casa.gif" width="32" height="32" alt="Clicca qui e sarò la tua pagina iniziale!"></p></a>
    <p align="center"><a href="javascript:window.external.AddFavorite('http ://www.liceoperito.altervista.org','Il sitoweb del liceo Classico di Eboli!')"><img src="immagini/favoriti.gif" width="20" height="20" border=0 alt="Aggiungi ai preferiti!!"></a> <a class = "red" href="javascript:window.external.AddFavorite('http ://www.liceoperito.altervsta.org','Il sitoweb del Liceo Classico di Eboli!')"></a>
    </td>
    </tr>
    </table>
    </td>
    <td width="1000" align="center"><table width="100%" border="0">
    <tr>
    <td><font color="" face="Comic Sans MS" size="2"><b>..:Titolo..</b></font></td>
    </tr>
    <tr>
    <td bgcolor="#00CCFF"><font size="4" color="#000000" face="Comic Sans MS">Il sito è nato perchè....blablablablablabla</font></td>
    </tr>
    </table>
    </td>
    <td width="200" align="right"><table width="100%" border="0">
    <tr>
    <td><font color="#000000" size="2" face="Comic Sans MS"><b>..:Novità..</b></font></td>
    </tr>
    <tr>
    <td bgcolor="#00CCFF">
    QUA VA L'APPLET
    </td>
    </tr>
    </table>
    <table width="100%" border="0">
    <tr>
    <td><font color="#000000" face="Comic Sans MS" size="2"><b>..:Sondaggio..</b></font></td>
    </tr>
    <tr>
    <td bgcolor="#00CCFF"><!-- Inizio Voto Online codice da Bpath -->
    <SCRIPT LANGUAGE="JavaScript1.1" SRC="http://italia.bpath.com/quiz.dbm?S=it&M=105613"></SCRIPT>
    <!-- Fine Voto Online codice da Bpath --></td>
    </tr>
    </table>



    </td>
    </tr>
    </table>


    Ecco ora dovrebbe essere in ordine...dato che ti vedo più addentro tu come mi consigli di fare?...mi fido di te! :grin:

  10. #10
    Guest

    Predefinito

    metti un valign="middle" al td della colonna in questione

  11. #11
    Guest

    Predefinito

    dxblade grazie mille!!!!ce l'ho fatta....m'era sfuggito proprio il comando valign!!!....anche se dovevo mettere top!...grazie mille!!!!!!!!!

  12. #12
    Guest

    Predefinito

    ovviamente grazie anke a te pulidori.....senza la tua delicatezzzzzza non avrei mai messo a psto il codice

  13. #13
    Guest

    Predefinito

    Citazione Originalmente inviato da liceoperito
    ovviamente grazie anke a te pulidori.....senza la tua delicatezzzzzza non avrei mai messo a psto il codice
    Ma scherzi? Di nulla... se ti serve qualche altro sfottò per incoraggiarti io sono un asso...

Regole di scrittura

  • Non puoi creare nuove discussioni
  • Non puoi rispondere ai messaggi
  • Non puoi inserire allegati.
  • Non puoi modificare i tuoi messaggi
  •