www.MegaLab.it

da **pagliaccio** » mer apr 12, 2006 1:34 pm

Vi allego come mi piacerebbe che appaia la mia paggina con l'uso delle tabelle
Immagine

e il codice che uso che non funziona

<table border="1">
<tr>
<td width="100%"><h1><center>UN UOMO UN PERCHE' </center></h1></td>
</tr>
<tr>
<td>intro</td>
<td width="65%">Ecco un esempio di struttura di
un sito web usando le tabelle,
anche innestandole l'una
nell'altra.Avrai notato che,a
sinistra, il menù si trova in una
tabella più piccola posta
all'interno di una cella della
tabella più grande e questo
testo che stai leggendo si
trova in un altra tabella
innestata all'interno di un'altra
cella della tabella principale
ossia quella più esterna
<b> vedo già un'emicrania farsi
strada.</b>
cliccando sulle voci del menù
di navigazioneall'interno di
questo mini sito potrai
navigare nello stesso.
</td></tr>
<tr><td>chi sono</td></tr>
<tr><td>cosa faccio </td></tr>
<tr><td> perché lo faccio </td></tr>
<tr><td>come aiutarmi</td></tr>
<tr>
<td width="100%"> realizzata da Gabriele</td></tr>
</table>

da **Boo** » mer apr 12, 2006 2:08 pm

Non ci ho capito molto
Prova così comunque:

Codice: Seleziona tutto: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html dir="ltr"> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="language" content="en-us" /> <meta name="author" content="" /> <meta name="keywords" content="" /> <meta name="description" content="" /> <style type="text/css"> </style> </head> <body> <table border="1"> <tr><th width="100%" colspan="3"><h1>UN UOMO UN PERCHÉ</h1></th></tr> <tr> <td> <table> <tr> <td> <table border="1"> <tr><td>chi sono</td></tr> <tr><td>cosa faccio </td></tr> <tr><td> perché lo faccio </td></tr> <tr><td>come aiutarmi</td></tr> </table> </td> <td width="65%">Ecco un esempio di struttura di un sito web usando le tabelle, anche innestandole l'una nell'altra. Avrai notato che, a sinistra, il menù si trova in una tabella più piccola posta all'interno di una cella della tabella più grande e questo testo che stai leggendo si trova in un altra tabella innestata all'interno di un'altra cella della tabella principale ossia quella più esterna <b> vedo già un'emicrania farsi strada.</b> cliccando sulle voci del menù di navigazioneall'interno di questo mini sito potrai navigare nello stesso.</td> <td>i<br />n<br />t<br />r<br />o</td> </tr> </table> </td> </tr> <tr><td width="100%" colspan="3">realizzata da Gabriele</td></tr> </table> </body> </html>

da **pagliaccio** » mer apr 12, 2006 2:20 pm

Provata sicuramente meglio ma per fare in modo che la parte seguente,

(Ecco un esempio di struttura di un sito web usando le tabelle, anche innestandole l'una nell'altra. Avrai notato che, a sinistra, il menù si trova in una tabella più piccola posta all'interno di una cella della tabella più grande e questo testo che stai leggendo si trova in un altra tabella innestata all'interno di un'altra cella della tabella principale ossia quella più esterna vedo già un'emicrania farsi strada. cliccando sulle voci del menù di navigazioneall'interno di questo mini sito potrai navigare nello stesso.)

sia come nell'immagine allegata, cioè più stretta e e più lunga come spazio occupato come devo comportarmi?

da **Boo** » mer apr 12, 2006 2:23 pm

riduci width="65%"

da **pagliaccio** » mer apr 12, 2006 2:49 pm

Guarda il codice ma non riesco renderla come nella foto allegata alla mia prima domanda infatti la seconda cella della seconda riga non è uguale a quella in foto e non capisco come posso fare in modo che lo diventi..Molte grazie
Immagine

<table border="1">
<tr>
<td colspan="3"><h1><center>UN UOMO UN PERCHE' </center></h1></td>
</tr>
<tr>
<td>intro</td>
<td rowspan="5"width="65%"><b>intro</b><br>Ecco un esempio di struttura di
un sito web usando le tabelle,
anche innestandole l'una nell'altra.
Avrai notato che, a sinistra, il menù si trova in una
tabella più piccola posta
all'interno di una cella della tabella più grande e questo
testo che stai leggendo si trova in un altra tabella
innestata all'interno di un'altra cella della tabella principale
ossia quella più esterna vedo già un'emicrania farsi
strada. cliccando sulle voci del menù di navigazione all'interno
di questo mini sito potrai navigare nello stesso.
</td>
<td rowspan="5"><b><h1>I<br>N<br>T<br>R<br>O<br></h1></b></td></tr>
<td>chi sono</td></tr>
<tr><td>cosa faccio </td></tr>
<tr><td> perché lo faccio </td></tr>
<tr><td>come aiutarmi</td></tr>
<tr>
<td colspan="3"width="5%"> realizzata da Gabriele</td></tr>
</table>

da **pagliaccio** » ven apr 14, 2006 1:21 pm

Nessuna delucidazione in merito al mio problema.

da **Boo** » ven apr 14, 2006 1:43 pm

Non ci capisco niente in quella foto, la puoi fare più chiara?

da **pagliaccio** » ven apr 14, 2006 3:03 pm

Meglio di così non riesco.
Il problema è l'impostazione come vedi la parte dove c'è intro ecco un esempio di struttura ecc ecc quella nel mezzo mettendo il codice che mi hai dato tu o il mio la pagina appare diversa dalla pagina della foto.
Mentre nella foto originale come si può vedere la parte intro si estende di più,con il notro codice la cella intro invece sia allinea alle 5 celle sulla sinistra cosa che non accade nell'immagine della foto.
Vorrei capire come posso far diventare la mia pagina come la pagina che allego in foto.
Spero di essermi spiegato megilo.

da **Boo** » ven apr 14, 2006 3:27 pm

Codice: Seleziona tutto: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html dir="ltr"> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="language" content="en-us" /> <meta name="author" content="" /> <meta name="keywords" content="" /> <meta name="description" content="" /> <style type="text/css"> td, th {border: 1px solid #000;} .intro {font-size: 24px;} </style>  </head> <body> <table width="55%"> <tr><th>Un uomo un perché</th></tr> <tr><td> <table> <tr> <td valign="top"> <table style="width: 250px"> <tr><td>chi sono</td></tr> <tr><td>cosa faccio </td></tr> <tr><td> perché lo faccio ?</td></tr> <tr><td>come aiutarmi</td></tr> </table> </td> <td>Ecco un esempio di struttura di un sito web usando le tabelle, anche innestandole l'una nell'altra. Avrai notato che, a sinistra, il menù si trova in una tabella più piccola posta all'interno di una cella della tabella più grande e questo testo che stai leggendo si trova in un altra tabella innestata all'interno di un'altra cella della tabella principale ossia quella più esterna <strong> vedo già un'emicrania farsi strada.</strong> cliccando sulle voci del menù di navigazioneall'interno di questo mini sito potrai navigare nello stesso.</td> <th style="width: 50px"><span class="intro">I<br />N<br />T<br />R<br />O</span></th> </tr> </table> </td></tr> <tr><th>realizzata da Gabriele</th></tr> </table> </body> </html>

da **pagliaccio** » ven apr 14, 2006 3:59 pm

Ho visto funziona ma non ho capito dove andato a modificare per cambiare la visualizzazione della pagina.
<th> Non lo conosco.
qui per esempio <table width="55%">
<tr><th>Un uomo un perché</th></tr>
<tr><td>
<table border="1">
<tr>
hai aperto la tabella e non l'hai chiusa.

da **Boo** » ven apr 14, 2006 5:04 pm

pagliaccio ha scritto:Ho visto funziona ma non ho capito dove andato a modificare per cambiare la visualizzazione della pagina.

L'ho riscritto da zero

pagliaccio ha scritto:<th> Non lo conosco.

th significa table header, simile a td, ma allinea il testo al centro e lo marca in grassetto

pagliaccio ha scritto:hai aperto la tabella e non l'hai chiusa.

potrei offendermi [:-D]

rileggi il codice, ci ho messo dei commenti per farti capire come sono annidati i tag.

Codice: Seleziona tutto: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html dir="ltr"> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="language" content="en-us" /> <meta name="author" content="" /> <meta name="keywords" content="" /> <meta name="description" content="" /> <style type="text/css"> td, th {border: 1px solid #000;} .intro {font-size: 24px;} </style> </head> <body> <table width="55%">  <tr><th>Un uomo un perché</th></tr> <tr><td> <table>  <tr> <td valign="top"> <table style="width: 250px">  <tr><td>chi sono</td></tr> <tr><td>cosa faccio </td></tr> <tr><td> perché lo faccio ?</td></tr> <tr><td>come aiutarmi</td></tr> </table>  </td> <td>Ecco un esempio di struttura di un sito web usando le tabelle, anche innestandole l'una nell'altra. Avrai notato che, a sinistra, il menù si trova in una tabella più piccola posta all'interno di una cella della tabella più grande e questo testo che stai leggendo si trova in un altra tabella innestata all'interno di un'altra cella della tabella principale ossia quella più esterna <strong> vedo già un'emicrania farsi strada.</strong> cliccando sulle voci del menù di navigazioneall'interno di questo mini sito potrai navigare nello stesso.</td> <th style="width: 50px"><span class="intro">I<br />N<br />T<br />R<br />O</span></th> </tr> </table>  </td></tr> <tr><th>realizzata da Gabriele</th></tr> </table>  </body> </html>

da **pagliaccio** » mer apr 19, 2006 2:41 pm

Ho commentato le voci che non capisco sono molto confuso è sicuramente solo colpa mia.

<table width="55%">

(perché <table width="55%">)
<tr><th>Un uomo un perché</th></tr>
<tr><td>
<table>

<tr>
<td valign="top">(questo tag messo qui non mi è chiaro a cosa serve)
<table style="width: 250px">

(perché apri la terza tabella)
<tr><td>chi sono</td></tr>
<tr><td>cosa faccio </td></tr>
<tr><td> perché lo faccio ?</td></tr>
<tr><td>come aiutarmi</td></tr>
</table>

</td>
<td>Ecco un esempio di struttura di un sito web usando le tabelle, anche innestandole l'una nell'altra. Avrai notato che, a sinistra, il menù si trova in una tabella più piccola posta all'interno di una cella della tabella più grande e questo testo che stai leggendo si trova in un altra tabella innestata all'interno di un'altra cella della tabella principale ossia quella più esterna <strong> vedo già un'emicrania farsi strada.</strong> cliccando sulle voci del menù di navigazioneall'interno di questo mini sito potrai navigare nello stesso.</td>
<th style="width: 50px"><span class="intro">I<br />N<br />T<br />R<br />O</span></th>( il comando span class cosa fa? )
</tr>
</table>

</td></tr>
<tr><th>realizzata da Gabriele</th></tr>
</table>

da **Boo** » mer apr 19, 2006 3:32 pm

<table width="55%"> serve per restringere la tabella in modo che non occupi tutta la pagina, in questo modo ne occupa solo il 55%. Puoi anche impostare valori in pixel.

<td valign="top"> valign è l'allineamento verticale, può essere top, middle, bottom e baseline.

<table style="width: 250px"> terza tabella. L'ho aperta per comodità, per allineare quelle frasi più facilmente

<span> serve per raggruppare elementi in una stessa riga. l'attributo class è un attributo di stile

Leggi qui

Codice: Seleziona tutto: <style type="text/css"> td, th {border: 1px solid #000;} .intro {font-size: 24px;} </style>

così significa che tutti i tag <td> e <th> avranno bordo nero di un pixel, mentre tutti i tag con attributo "intro" avranno un font di dimensioni 24px.

da **pagliaccio** » gio apr 20, 2006 3:10 pm

scusa l'insistenza ma non mi torna copiando buona parte dal tuo codice ho realizzato questa pagina che viene visualizzata come volevo ma che ha lati nebulosi ecco il codice nella comprensione del codice.

<table width="40%"border="1"><tr>
<th><h1>UN UOMO UN PERCHE'</tr></th> (fino qua ok)
<tr><td> (cosa mi serve questa apertura del tr e del td?)
<table border="1"> (apro la 2 tabella)
<tr>/apro la riga)
<td valign="top"width="15%"> (apro la cella perché non metto nulla? e perché questa cella si riferisce alla tabella che viene aperta con il tag appena dopo?)
<table border="1"> (apro la terza tabella quando ancora non ho messo nessun valore nella cella appena sopra perché?)
<tr><th>intro</tr></th>(ok)
<tr><td>chi sono</tr></td>(ok)
<tr><td>cosa faccio</tr></td>(ok)
<tr><td>perché lo faccio</tr></td>(ok)
<tr><td>come aiutarmi</tr></td>(ok)
</table>(0k)
<td width="35%">Ecco un esempio di struttura di
un sito web usando le tabelle,
anche innestandole l'una nell'altra.
Avrai notato che, a sinistra, il menù si trova in una
tabella più piccola posta
all'interno di una cella della tabella più grande e questo
testo che stai leggendo si trova in un altra tabella
innestata all'interno di un'altra cella della tabella principale
ossia quella più esterna vedo già un'emicrania farsi
strada. cliccando sulle voci del menù di navigazione all'interno
di questo mini sito potrai navigare nello stesso.</td>
<th width="10%">I<br />N<br />T<br />R<br>O<br> </th></tr>
</table>
</td></tr>

Mi è poco chiara annidiamento e l'ordine della tabelle 2 e 3 con le relative celle.

da **Boo** » gio apr 20, 2006 5:31 pm

il primo <tr> e <td> servono ad aprire la prima riga e la prima (ed in quel caso unica colonna).

<td valign="top"width="15%"> (apro la cella perché non metto nulla? e perché questa cella si riferisce alla tabella che viene aperta con il tag appena dopo?)

non è vero che non metti nulla se leggi con attenzione il codice subito dopo hai una tabella, significa che quella casella conterrà un'intera tabella a sua volta.

<table border="1"> (apro la terza tabella quando ancora non ho messo nessun valore nella cella appena sopra perché?)

L'intera tabella è il contenuto della cella.

www.MegaLab.it

la Tabelle che macello

la Tabelle che macello

Chi c’è in linea