principiante - tabelle

**sitodue** · 03-09-2011, 21:19

Ciao a tutti, sto muovendo i primi passi con l'html, con una guida e un editor (front page express).
Sto facendo degli esercizi con le tabelle, ma riscontro una specie di malfunzionamento...
Qualcuno mi sa dire perchè fpe non mi accetta parte di questo codice?

codice:

<table border="1">
    <tr><td height="120">titolo</td></tr>
    <tr><td height="30">menu orizzontale</td></tr>
    <tr><td><table width="1000" height="500"border ="0">
            <tr>
                <td width="200"><table height="100%" width="100%" border="1">
                    <tr height="125"><td>login</td></tr>
                    <tr height="75"><td>lingua</td></tr>                    
                    <tr height="250"><td>statistiche</td></tr>
                    </table>
                </td>
                <td width="800">immagine</td>
            </tr>
            </table>
        </td>
    </tr>
</table>

In pratica non mi accetta i parametri "heigth" riducendo così tutte le righe alla stessa dimensione. Se però carico online la pagina viene visualizzata correttamente... cosa sto sbagliando?

**Prill** · 03-09-2011, 22:01

Ciao, l'altezza va assegnata alle celle invece che alle righe

**Vincent.Zeno** · 03-09-2011, 22:22

non necessariamente

la prima cosa da considerare è l'editor:
le anteprime di qualsiasi editor non sono affidabili al 100%

**sitodue** · 03-09-2011, 22:53

Il problema è che proprio me le cancella dal codice.. quindi mi risulta tutto sfalsato.

Che vuol dire che va assegnato alle celle? Puoi farmi un esempio? E come mai online il risultato è corretto?

**Vincent.Zeno** · 03-09-2011, 23:05

Prill intende che l'attibuto height non esiste all'interno del tag tr
http://www.w3schools.com/tags/tag_tr.asp

il fatto che su qualche browser posa funzionare fa poco testo
devi settare l'altezza delle celle, non della righe
http://www.w3schools.com/tags/tag_td.asp

magari tramite css

**sitodue** · 03-09-2011, 23:17

Scusa ma non ci arrivo :-s

Quando dici "cella" intendi il tag td ?
Nell'esempio che ho postato, ho provato a settarla sia nel tag td (in alto) sia nel tag tr, ma in nessun caso funziona...

Puoi farmi vedere come modificare quel codice?
Eternamente grato!!!

**Vincent.Zeno** · 03-09-2011, 23:44

td = cella

credo che quello che tu voglia ottenere sia questo

codice:

<table border="1">
    <tr>
    	<td style="height:120px">titolo</td>
    </tr>
    <tr>
    	<td style="height:30px">menu orizzontale</td>
    </tr>
    <tr>
    	<td>
    	<table style="width:1000px; height:500px;" border="0">
            <tr>
                <td style="width:200px;">
                <table style="height:100%; width:100%;" border="1">
                    <tr>
                    	<td style="height:125px">login</td>
                    </tr>
                    <tr>
                    	<td style="height:75px;">lingua</td>
                    </tr>                    
                    <tr>
                    	<td style="height:250px;">statistiche</td>
                    </tr>
                </table>
                </td>
                <td style="width:800px;">immagine</td>
           </tr>
      </table>
      </td>
    </tr>
</table>

**carlomarangoni** · 03-09-2011, 23:46

saluzione 1

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 border="1">
    <tr><td height="120">titolo</td></tr>
    <tr><td height="30">menu orizzontale</td></tr>
    <tr><td><table width="1000" height="500"border ="0">
            <tr>
                <td width="200"><table height="100%" width="100%" border="1">
                    <tr><td height="125">login</td></tr>
                  <tr><td height="75">lingua</td></tr>                    
                  <tr><td height="250">statistiche</td></tr>
                    </table>
              </td>
                <td width="800">immagine</td>
            </tr>
            </table>
        </td>
    </tr>
</table>
</body>
</html>

soluzione 2

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>
<style type="text/css">
#login {
	height: 125px;
}
#lingua {
	height: 75px;
}
#statistiche {
	height: 250px;
}
</style>
</head>

<body>
<table border="1">
    <tr><td height="120">titolo</td></tr>
    <tr><td height="30">menu orizzontale</td></tr>
    <tr><td><table width="1000" height="500"border ="0">
            <tr>
                <td width="200"><table height="100%" width="100%" border="1">
                    <tr id="login"><td>login</td></tr>
                  <tr id="lingua"><td>lingua</td></tr>                    
                  <tr id="statistiche"><td>statistiche</td></tr>
                    </table>
              </td>
                <td width="800">immagine</td>
            </tr>
            </table>
        </td>
    </tr>
</table>
</body>
</html>

**sitodue** · 04-09-2011, 00:27

Originariamente inviato da Vincent.Zeno
td = cella

credo che quello che tu voglia ottenere sia questo

codice:

<table border="1">
    <tr>
    	<td style="height:120px">titolo</td>
    </tr>
    <tr>
    	<td style="height:30px">menu orizzontale</td>
    </tr>
    <tr>
    	<td>
    	<table style="width:1000px; height:500px;" border="0">
            <tr>
                <td style="width:200px;">
                <table style="height:100%; width:100%;" border="1">
                    <tr>
                    	<td style="height:125px">login</td>
                    </tr>
                    <tr>
                    	<td style="height:75px;">lingua</td>
                    </tr>                    
                    <tr>
                    	<td style="height:250px;">statistiche</td>
                    </tr>
                </table>
                </td>
                <td style="width:800px;">immagine</td>
           </tr>
      </table>
      </td>
    </tr>
</table>

Grazie per tutte le risposte che mi stai dando.
Purtroppo non funziona, anzi peggiora in quanto in questo modo non mi viene letta neanche la larghezza e la tabella risulta alta e larga giusto quanto le scritte al suo interno...

**sitodue** · 04-09-2011, 00:28

Originariamente inviato da carlomarangoni
saluzione 1

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 border="1">
    <tr><td height="120">titolo</td></tr>
    <tr><td height="30">menu orizzontale</td></tr>
    <tr><td><table width="1000" height="500"border ="0">
            <tr>
                <td width="200"><table height="100%" width="100%" border="1">
                    <tr><td height="125">login</td></tr>
                  <tr><td height="75">lingua</td></tr>                    
                  <tr><td height="250">statistiche</td></tr>
                    </table>
              </td>
                <td width="800">immagine</td>
            </tr>
            </table>
        </td>
    </tr>
</table>
</body>
</html>

soluzione 2

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>
<style type="text/css">
#login {
	height: 125px;
}
#lingua {
	height: 75px;
}
#statistiche {
	height: 250px;
}
</style>
</head>

<body>
<table border="1">
    <tr><td height="120">titolo</td></tr>
    <tr><td height="30">menu orizzontale</td></tr>
    <tr><td><table width="1000" height="500"border ="0">
            <tr>
                <td width="200"><table height="100%" width="100%" border="1">
                    <tr id="login"><td>login</td></tr>
                  <tr id="lingua"><td>lingua</td></tr>                    
                  <tr id="statistiche"><td>statistiche</td></tr>
                    </table>
              </td>
                <td width="800">immagine</td>
            </tr>
            </table>
        </td>
    </tr>
</table>
</body>
</html>

Ciao,
il primo esempio funziona come il mio, ossia tiene solo la larghezza della tabella ma non l'altezza; il secondo esempio non so come usarlo...

Discussione: principiante - tabelle

Strumenti discussione

Ricerca discussione

Visualizza

principiante - tabelle

Permessi di invio