Visualizzazione dei risultati da 1 a 6 su 6
  1. #1
    Utente di HTML.it
    Registrato dal
    Sep 2007
    Messaggi
    102

    Layout pagina con tabelle - Bordo che non dovrebbe esserci

    Ciao a tutti ecco la mia pagina

    Codice PHP:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <
    html xmlns="http://www.w3.org/1999/xhtml">

    <
    head>
    <
    meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    </
    head>

    <
    body>
        <
    center>
            <
    table border="0" width="900px">

            <
    tr>
                <
    td bgcolor="#FF00FF">
                    
    Header
                
    </td>
            </
    tr>
            
            <
    tr>
                <
    td>
                         <
    table width="100%" border="0">
                          <
    tr>
                            <
    td width="250" bgcolor="#CCCCCC" valign="top">
                                
    Sidebar
                            
    </td>               
                    
                            <
    td id="corpo" bgcolor="#FF0000">
                                
    Corpo
                            
    </td>
                          </
    tr>
                    </
    table>
                </
    td>
            </
    tr>
            
            <
    tr>
                <
    td bgcolor="#999900">
                    
    Footer
                
    </td>
            </
    tr>
          </
    table>
        </
    center>
    </
    body>
    </
    html
    1) Qualcuno mi sa spiegare perchè ogni tabella ha qualche mm di bordo tra una cella e l'altra?
    2) Perchè la tabella inserita nella riga centrale (la II riga) risulta qualche pixel in dentro rispetto alla linea esterna?
    3) C'è un modo alternativo per fare questo tipo di layout? (facendolo sempre a tabelle, ho questa restrizione)

    Grazie ciao

  2. #2
    Utente bannato
    Registrato dal
    Sep 2009
    Messaggi
    1,737
    codice:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Documento senza titolo</title>
    </head>
    
    <body>
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td colspan="2" bgcolor="#FF00FF">Header</td>
      </tr>
      <tr>
        <td width="250" bgcolor="#CCCCCC">SiderBar</td>
        <td bgcolor="#FF0000">Corpo</td>
      </tr>
      <tr>
        <td colspan="2" bgcolor="#999900">Footer</td>
      </tr>
    </table>
    
    </body>
    </html>

  3. #3
    Ho provato questo codice, ma mi restituisce una tabella con le celle di dimensioni diverse. Perché?
    Oceans

  4. #4
    Utente bannato
    Registrato dal
    Sep 2009
    Messaggi
    1,737
    Originariamente inviato da MillsCarlucci
    Ho provato questo codice, ma mi restituisce una tabella con le celle di dimensioni diverse. Perché?
    Cosa vuoi dire? Il codice restituisce una tabella come la tua senza gli spazi

  5. #5
    Originariamente inviato da miki003
    Cosa vuoi dire? Il codice restituisce una tabella come la tua senza gli spazi
    Perchè "hai sbagliato"!! Gli hai scritto che labella è larga 100% e lui invece usava 900px
    Fantasupermegafavolipermeramagicultra irresistibili
    4 10 30 100 1001 personaggi insuperabili fantaincredibili ultraimpossibili iperterribili irresistibili!!!

    "... a quell'età ... bastava un dito per fare la pace ..."
    fotine

  6. #6
    Utente bannato
    Registrato dal
    Sep 2009
    Messaggi
    1,737
    Originariamente inviato da ricman
    Perchè "hai sbagliato"!! Gli hai scritto che labella è larga 100% e lui invece usava 900px
    Poco male basta cambiare la misura

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 © 2026 vBulletin Solutions, Inc. All rights reserved.