Guida all'inserimento di scrollbar nelle tabelle

.

Advanced Member

Group: Silver Skinner

Posts: 9408

Reputation: +2

Status: Offline

Questa guida è rivolta a chi ha problemi a inserire la barra di scorrimento verticale nella tabella generata in:
Amministrazione > gestione codice HTML > Generatore di tabelle con grafica uguale a quella del forum.
Pertanto, chi non volesse scrollbar, è pregato di andare lì.

Segnalo un'altra guida per la creazione di tabelle:
http://skinlab.forumfree.net/?t=6672871

Per la corretta comprensione di queste istruzioni, è necessario conoscere le basi dell'html descritte in questa guida:
http://supporto.forumfree.net/?t=182083

e in minima parte le basi descritte in questo topic:
http://skinlab.forumfree.net/?t=3642555

Se non sapete un cazzo, copiate e incollate semplicemente i codici che vi interessano.

Inserite il codice della tabella che vi interessa in Amministrazione > gestione codice HTML >in fondo al forum, nella homepage del forum, in cima al forum, insomma dove preferite.

Ottenere Tabella 1 riga 1 colonna con scrollbar

Anteprima

CODICE

<table class="skin_tbl" align="center" cellpadding="0" cellspacing="0"><tr><td class="mleft_top"><td><table class="mback" width="100%" cellpadding="0" cellspacing="0"><tr><td class="mback_left"><td class="mback_center">
<div class="mtitle">TITOLO</div>
<td class="mback_right"></table><td class="mright_top"><tr><td class="mleft"><td><table class="mainbg" style="text-align:center;width:100%" cellpadding="4" cellspacing="1">
<tr title="RIGA1">
<td class="ww"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div>
</table><td class="mright"><tr><td class="mleft_bottom"><td><table class="msub" width="100%" cellpadding="0" cellspacing="0"><tr><td class="msub_left"><td class="msub_center"> <td class="msub_right"></table><td class="mright_bottom"></table><p>

Ottenere Tabella 1 riga 2 colonne con scrollbar

Anteprima

CODICE

<table class="skin_tbl" align="center" cellpadding="0" cellspacing="0"><tr><td class="mleft_top"><td><table class="mback" width="100%" cellpadding="0" cellspacing="0"><tr><td class="mback_left"><td class="mback_center">
<div class="mtitle">TITOLO</div>
<td class="mback_right"></table><td class="mright_top"><tr><td class="mleft"><td><table class="mainbg" style="text-align:center;width:100%" cellpadding="4" cellspacing="1">
<tr title="RIGA1">
<td class="ww"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div>
<td class="aa"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div>
</table><td class="mright"><tr><td class="mleft_bottom"><td><table class="msub" width="100%" cellpadding="0" cellspacing="0"><tr><td class="msub_left"><td class="msub_center"> <td class="msub_right"></table><td class="mright_bottom"></table><p>

Ottenere Tabella 1 riga 3 colonne con scrollbar

CODICE

<table class="skin_tbl" align="center" cellpadding="0" cellspacing="0"><tr><td class="mleft_top"><td><table class="mback" width="100%" cellpadding="0" cellspacing="0"><tr><td class="mback_left"><td class="mback_center">
<div class="mtitle">TITOLO</div>
<td class="mback_right"></table><td class="mright_top"><tr><td class="mleft"><td><table class="mainbg" style="text-align:center;width:100%" cellpadding="4" cellspacing="1">
<tr title="RIGA1">
<td class="aa"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div>
<td class="ww"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div>
<td class="aa"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div>
</table><td class="mright"><tr><td class="mleft_bottom"><td><table class="msub" width="100%" cellpadding="0" cellspacing="0"><tr><td class="msub_left"><td class="msub_center"> <td class="msub_right"></table><td class="mright_bottom"></table><p>

Ottenere Tabella 1 riga 4 colonne con scrollbar

CODICE

<table class="skin_tbl" align="center" cellpadding="0" cellspacing="0"><tr><td class="mleft_top"><td><table class="mback" width="100%" cellpadding="0" cellspacing="0"><tr><td class="mback_left"><td class="mback_center">
<div class="mtitle">TITOLO</div>
<td class="mback_right"></table><td class="mright_top"><tr><td class="mleft"><td><table class="mainbg" style="text-align:center;width:100%" cellpadding="4" cellspacing="1">
<tr title="RIGA1">
<td class="aa"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div>
<td class="aa"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div>
<td class="ww"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div>
<td class="aa"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div>
</table><td class="mright"><tr><td class="mleft_bottom"><td><table class="msub" width="100%" cellpadding="0" cellspacing="0"><tr><td class="msub_left"><td class="msub_center"> <td class="msub_right"></table><td class="mright_bottom"></table><p>

Ottenere Tabella 1 riga 5 colonne con scrollbar

CODICE

<table class="skin_tbl" align="center" cellpadding="0" cellspacing="0"><tr><td class="mleft_top"><td><table class="mback" width="100%" cellpadding="0" cellspacing="0"><tr><td class="mback_left"><td class="mback_center">
<div class="mtitle">TITOLO</div>
<td class="mback_right"></table><td class="mright_top"><tr><td class="mleft"><td><table class="mainbg" style="text-align:center;width:100%" cellpadding="4" cellspacing="1">
<tr title="RIGA1">
<td class="aa"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div>
<td class="aa"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div>
<td class="aa"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div>
<td class="ww"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div>
<td class="aa"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div>
</table><td class="mright"><tr><td class="mleft_bottom"><td><table class="msub" width="100%" cellpadding="0" cellspacing="0"><tr><td class="msub_left"><td class="msub_center"> <td class="msub_right"></table><td class="mright_bottom"></table><p>

Ottenere Tabella 2 righe 1 colonna con scrollbar

Anteprima

CODICE

<table class="skin_tbl" align="center" cellpadding="0" cellspacing="0"><tr><td class="mleft_top"><td><table class="mback" width="100%" cellpadding="0" cellspacing="0"><tr><td class="mback_left"><td class="mback_center">
<div class="mtitle">TITOLO</div>
<td class="mback_right"></table><td class="mright_top"><tr><td class="mleft"><td><table class="mainbg" style="text-align:center;width:100%" cellpadding="4" cellspacing="1">
<tr title="RIGA1">
<td class="ww"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div>
<tr title="RIGA2">
<td class="ww"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div>
</table><td class="mright"><tr><td class="mleft_bottom"><td><table class="msub" width="100%" cellpadding="0" cellspacing="0"><tr><td class="msub_left"><td class="msub_center"> <td class="msub_right"></table><td class="mright_bottom"></table><p>

Ottenere Tabella 2 righe 2 colonne con scrollbar

Anteprima

CODICE

<table class="skin_tbl" align="center" cellpadding="0" cellspacing="0"><tr><td class="mleft_top"><td><table class="mback" width="100%" cellpadding="0" cellspacing="0"><tr><td class="mback_left"><td class="mback_center">
<div class="mtitle">TITOLO</div>
<td class="mback_right"></table><td class="mright_top"><tr><td class="mleft"><td><table class="mainbg" style="text-align:center;width:100%" cellpadding="4" cellspacing="1">
<tr title="RIGA1">
<td class="ww"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div>
<td class="aa"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div>
<tr title="RIGA2">
<td class="ww"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div>
<td class="aa"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div>
</table><td class="mright"><tr><td class="mleft_bottom"><td><table class="msub" width="100%" cellpadding="0" cellspacing="0"><tr><td class="msub_left"><td class="msub_center"> <td class="msub_right"></table><td class="mright_bottom"></table><p>

Ottenere Tabella 2 righe 3 colonne con scrollbar

CODICE

<table class="skin_tbl" align="center" cellpadding="0" cellspacing="0"><tr><td class="mleft_top"><td><table class="mback" width="100%" cellpadding="0" cellspacing="0"><tr><td class="mback_left"><td class="mback_center">
<div class="mtitle">TITOLO</div>
<td class="mback_right"></table><td class="mright_top"><tr><td class="mleft"><td><table class="mainbg" style="text-align:center;width:100%" cellpadding="4" cellspacing="1">
<tr title="RIGA1">
<td class="aa"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div>
<td class="aa"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div>
<td class="ww"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div>
<tr title="RIGA2">
<td class="aa"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div>
<td class="aa"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div>
<td class="ww"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div>
</table><td class="mright"><tr><td class="mleft_bottom"><td><table class="msub" width="100%" cellpadding="0" cellspacing="0"><tr><td class="msub_left"><td class="msub_center"> <td class="msub_right"></table><td class="mright_bottom"></table><p>

Ottenere Tabella 2 righe 4 colonne con scrollbar

CODICE

<table class="skin_tbl" align="center" cellpadding="0" cellspacing="0"><tr><td class="mleft_top"><td><table class="mback" width="100%" cellpadding="0" cellspacing="0"><tr><td class="mback_left"><td class="mback_center">
<div class="mtitle">TITOLO</div>
<td class="mback_right"></table><td class="mright_top"><tr><td class="mleft"><td><table class="mainbg" style="text-align:center;width:100%" cellpadding="4" cellspacing="1">
<tr title="RIGA1">
<td class="aa"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div>
<td class="aa"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div>
<td class="ww"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div>
<td class="aa"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div>
<tr title="RIGA2">
<td class="aa"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div>
<td class="aa"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div>
<td class="ww"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div>
<td class="aa"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div>
</table><td class="mright"><tr><td class="mleft_bottom"><td><table class="msub" width="100%" cellpadding="0" cellspacing="0"><tr><td class="msub_left"><td class="msub_center"> <td class="msub_right"></table><td class="mright_bottom"></table><p>

Ottenere Tabella 2 righe 5 colonne con scrollbar

CODICE

<table class="skin_tbl" align="center" cellpadding="0" cellspacing="0"><tr><td class="mleft_top"><td><table class="mback" width="100%" cellpadding="0" cellspacing="0"><tr><td class="mback_left"><td class="mback_center">
<div class="mtitle">TITOLO</div>
<td class="mback_right"></table><td class="mright_top"><tr><td class="mleft"><td><table class="mainbg" style="text-align:center;width:100%" cellpadding="4" cellspacing="1">
<tr title="RIGA1">
<td class="aa"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div>
<td class="aa"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div>
<td class="aa"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div>
<td class="ww"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div>
<td class="aa"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div>
<tr title="RIGA2">
<td class="aa"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div>
<td class="aa"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div>
<td class="aa"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div>
<td class="ww"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div>
<td class="aa"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div>
</table><td class="mright"><tr><td class="mleft_bottom"><td><table class="msub" width="100%" cellpadding="0" cellspacing="0"><tr><td class="msub_left"><td class="msub_center"> <td class="msub_right"></table><td class="mright_bottom"></table><p>

Ottenere Tabella 3 righe 1 colonna con scrollbar

CODICE

<table class="skin_tbl" align="center" cellpadding="0" cellspacing="0"><tr><td class="mleft_top"><td><table class="mback" width="100%" cellpadding="0" cellspacing="0"><tr><td class="mback_left"><td class="mback_center"> <div class="mtitle">TITOLO</div> <td class="mback_right"></table><td class="mright_top"><tr><td class="mleft"><td><table class="mainbg" style="text-align:center;width:100%" cellpadding="4" cellspacing="1"> <tr title="RIGA1"> <td class="ww"><div style="overflow:auto; height:60px">
testo<br><br><br><br><br><br></div> <tr title="RIGA2"> <td class="ww"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div> <tr title="RIGA3"> <td class="ww"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div> </table><td class="mright"><tr><td class="mleft_bottom"><td><table class="msub" width="100%" cellpadding="0" cellspacing="0"><tr><td class="msub_left"><td class="msub_center"> <td class="msub_right"></table><td class="mright_bottom"></table><p>

Ottenere Tabella 3 righe 2 colonne con scrollbar

CODICE

<table class="skin_tbl" align="center" cellpadding="0" cellspacing="0"><tr><td class="mleft_top"><td><table class="mback" width="100%" cellpadding="0" cellspacing="0"><tr><td class="mback_left"><td class="mback_center"> <div class="mtitle">TITOLO</div> <td class="mback_right"></table><td class="mright_top"><tr><td class="mleft"><td><table class="mainbg" style="text-align:center;width:100%" cellpadding="4" cellspacing="1"> <tr title="RIGA1"> <td class="ww"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div> <td class="aa"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div> <tr title="RIGA2"> <td class="ww"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div> <td class="aa"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div> <tr title="RIGA3"> <td class="ww"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div> <td class="aa"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div></table><td class="mright"><tr><td class="mleft_bottom"><td><table class="msub" width="100%" cellpadding="0" cellspacing="0"><tr><td class="msub_left"><td class="msub_center"> <td class="msub_right"></table><td class="mright_bottom"></table><p>

Ottenere Tabella 3 righe 3 colonne con scrollbar

CODICE

<table class="skin_tbl" align="center" cellpadding="0" cellspacing="0"><tr><td class="mleft_top"><td><table class="mback" width="100%" cellpadding="0" cellspacing="0"><tr><td class="mback_left"><td class="mback_center"> <div class="mtitle">TITOLO</div> <td class="mback_right"></table><td class="mright_top"><tr><td class="mleft"><td><table class="mainbg" style="text-align:center;width:100%" cellpadding="4" cellspacing="1"> <tr title="RIGA1"> <td class="ww"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div> <td class="ww"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div> <td class="aa"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div> <tr title="RIGA2"> <td class="ww"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div> <td class="ww"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div> <td class="aa"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div> <tr title="RIGA3"> <td class="ww"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div> <td class="ww"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div> <td class="aa"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div></table><td class="mright"><tr><td class="mleft_bottom"><td><table class="msub" width="100%" cellpadding="0" cellspacing="0"><tr><td class="msub_left"><td class="msub_center"> <td class="msub_right"></table><td class="mright_bottom"></table><p>

Ottenere Tabella 3 righe 4 colonne con scrollbar

CODICE

<table class="skin_tbl" align="center" cellpadding="0" cellspacing="0"><tr><td class="mleft_top"><td><table class="mback" width="100%" cellpadding="0" cellspacing="0"><tr><td class="mback_left"><td class="mback_center"> <div class="mtitle">TITOLO</div> <td class="mback_right"></table><td class="mright_top"><tr><td class="mleft"><td><table class="mainbg" style="text-align:center;width:100%" cellpadding="4" cellspacing="1"> <tr title="RIGA1"> <td class="ww"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div> <td class="ww"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div> <td class="ww"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div> <td class="aa"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div>
<tr title="RIGA2">
<td class="ww"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div>
<td class="ww"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div>
<td class="ww"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div> <td class="aa"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div>
</tr>
<tr title="RIGA3"> <td class="ww"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div> <td class="ww"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div> <td class="ww"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div> <td class="aa"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div> </table><td class="mright"><tr><td class="mleft_bottom"><td><table class="msub" width="100%" cellpadding="0" cellspacing="0"><tr><td class="msub_left"><td class="msub_center"> <td class="msub_right"></table><td class="mright_bottom"></table><p>

Ottenere Tabella 3 righe 5 colonne con scrollbar

CODICE

<table class="skin_tbl" align="center" cellpadding="0" cellspacing="0"><tr><td class="mleft_top"><td><table class="mback" width="100%" cellpadding="0" cellspacing="0"><tr><td class="mback_left"><td class="mback_center"> <div class="mtitle">TITOLO</div> <td class="mback_right"></table><td class="mright_top"><tr><td class="mleft"><td><table class="mainbg" style="text-align:center;width:100%" cellpadding="4" cellspacing="1"> <tr title="RIGA1"> <td class="ww"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div> <td class="ww"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div> <td class="ww"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div> <td class="ww"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div> <td class="aa"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div>
<tr title="RIGA2">
<td class="ww"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div>
<td class="ww"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div>
<td class="ww"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div>
<td class="ww"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div> <td class="aa"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div>
</tr>
<tr title="RIGA3"> <td class="ww"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div> <td class="ww"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div> <td class="ww"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div> <td class="ww"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div> <td class="aa"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div> </table><td class="mright"><tr><td class="mleft_bottom"><td><table class="msub" width="100%" cellpadding="0" cellspacing="0"><tr><td class="msub_left"><td class="msub_center"> <td class="msub_right"></table><td class="mright_bottom"></table><p>

Ottenere Tabella 4 righe 1 colonna con scrollbar

CODICE

<table class="skin_tbl" align="center" cellpadding="0" cellspacing="0"><tr><td class="mleft_top"><td><table class="mback" width="100%" cellpadding="0" cellspacing="0"><tr><td class="mback_left"><td class="mback_center"> <div class="mtitle">TITOLO</div> <td class="mback_right"></table><td class="mright_top"><tr><td class="mleft"><td><table class="mainbg" style="text-align:center;width:100%" cellpadding="4" cellspacing="1"> <tr title="RIGA1"> <td class="ww"><div style="overflow:auto; height:60px">
testo<br><br><br><br><br><br></div> <tr title="RIGA2"> <td class="ww"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div>
<tr title="RIGA3">
<td class="ww"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div>
</tr>
<tr title="RIGA4"> <td class="ww"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div> </table><td class="mright"><tr><td class="mleft_bottom"><td><table class="msub" width="100%" cellpadding="0" cellspacing="0"><tr><td class="msub_left"><td class="msub_center"> <td class="msub_right"></table><td class="mright_bottom"></table><p>

Ottenere Tabella 4 righe 2 colonne con scrollbar

CODICE

<table class="skin_tbl" align="center" cellpadding="0" cellspacing="0"><tr><td class="mleft_top"><td><table class="mback" width="100%" cellpadding="0" cellspacing="0"><tr><td class="mback_left"><td class="mback_center"> <div class="mtitle">TITOLO</div> <td class="mback_right"></table><td class="mright_top"><tr><td class="mleft"><td><table class="mainbg" style="text-align:center;width:100%" cellpadding="4" cellspacing="1"> <tr title="RIGA1"> <td class="ww"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div> <td class="aa"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div>
<tr title="RIGA2">
<td class="ww"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div> <td class="aa"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div>
</tr>
<tr title="RIGA3"> <td class="ww"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div> <td class="aa"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div> <tr title="RIGA4"> <td class="ww"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div> <td class="aa"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div></table><td class="mright"><tr><td class="mleft_bottom"><td><table class="msub" width="100%" cellpadding="0" cellspacing="0"><tr><td class="msub_left"><td class="msub_center"> <td class="msub_right"></table><td class="mright_bottom"></table><p>

Ottenere Tabella 4 righe 3 colonne con scrollbar

CODICE

<table class="skin_tbl" align="center" cellpadding="0" cellspacing="0"><tr><td class="mleft_top"><td><table class="mback" width="100%" cellpadding="0" cellspacing="0"><tr><td class="mback_left"><td class="mback_center"> <div class="mtitle">TITOLO</div> <td class="mback_right"></table><td class="mright_top"><tr><td class="mleft"><td><table class="mainbg" style="text-align:center;width:100%" cellpadding="4" cellspacing="1"> <tr title="RIGA1"> <td class="ww"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div> <td class="ww"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div> <td class="aa"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div>
<tr title="RIGA2">
<td class="ww"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div> <td class="ww"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div> <td class="aa"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div>
</tr>
<tr title="RIGA3"> <td class="ww"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div> <td class="ww"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div> <td class="aa"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div> <tr title="RIGA4"> <td class="ww"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div> <td class="ww"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div> <td class="aa"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div></table><td class="mright"><tr><td class="mleft_bottom"><td><table class="msub" width="100%" cellpadding="0" cellspacing="0"><tr><td class="msub_left"><td class="msub_center"> <td class="msub_right"></table><td class="mright_bottom"></table><p>

Ottenere Tabella 4 righe 4 colonne con scrollbar

CODICE

<table class="skin_tbl" align="center" cellpadding="0" cellspacing="0"><tr><td class="mleft_top"><td><table class="mback" width="100%" cellpadding="0" cellspacing="0"><tr><td class="mback_left"><td class="mback_center"> <div class="mtitle">TITOLO</div> <td class="mback_right"></table><td class="mright_top"><tr><td class="mleft"><td><table class="mainbg" style="text-align:center;width:100%" cellpadding="4" cellspacing="1"> <tr title="RIGA1"> <td class="ww"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div> <td class="ww"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div> <td class="ww"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div> <td class="aa"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div>
<tr title="RIGA2">
<td class="ww"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div>
<td class="ww"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div> <td class="ww"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div> <td class="aa"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div>
</tr>
<tr title="RIGA3"> <td class="ww"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div> <td class="ww"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div> <td class="ww"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div> <td class="aa"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div> <tr title="RIGA4"> <td class="ww"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div> <td class="ww"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div> <td class="ww"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div> <td class="aa"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div></table><td class="mright"><tr><td class="mleft_bottom"><td><table class="msub" width="100%" cellpadding="0" cellspacing="0"><tr><td class="msub_left"><td class="msub_center"> <td class="msub_right"></table><td class="mright_bottom"></table><p>

Ottenere Tabella 4 righe 5 colonne con scrollbar

CODICE

<table class="skin_tbl" align="center" cellpadding="0" cellspacing="0"><tr><td class="mleft_top"><td><table class="mback" width="100%" cellpadding="0" cellspacing="0"><tr><td class="mback_left"><td class="mback_center"> <div class="mtitle">TITOLO</div> <td class="mback_right"></table><td class="mright_top"><tr><td class="mleft"><td><table class="mainbg" style="text-align:center;width:100%" cellpadding="4" cellspacing="1"> <tr title="RIGA1"> <td class="ww"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div> <td class="ww"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div> <td class="ww"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div> <td class="ww"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div> <td class="aa"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div>
<tr title="RIGA2">
<td class="ww"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div>
<td class="ww"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div>
<td class="ww"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div> <td class="ww"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div> <td class="aa"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div>
</tr>
<tr title="RIGA3"> <td class="ww"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div> <td class="ww"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div> <td class="ww"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div> <td class="ww"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div> <td class="aa"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div> <tr title="RIGA4"> <td class="ww"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div> <td class="ww"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div> <td class="ww"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div> <td class="ww"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div> <td class="aa"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div></table><td class="mright"><tr><td class="mleft_bottom"><td><table class="msub" width="100%" cellpadding="0" cellspacing="0"><tr><td class="msub_left"><td class="msub_center"> <td class="msub_right"></table><td class="mright_bottom"></table><p>

Ottenere Tabella 5 righe 1 colonna con scrollbar

CODICE

<table class="skin_tbl" align="center" cellpadding="0" cellspacing="0"><tr><td class="mleft_top"><td><table class="mback" width="100%" cellpadding="0" cellspacing="0"><tr><td class="mback_left"><td class="mback_center"> <div class="mtitle">TITOLO</div> <td class="mback_right"></table><td class="mright_top"><tr><td class="mleft"><td><table class="mainbg" style="text-align:center;width:100%" cellpadding="4" cellspacing="1"> <tr title="RIGA1"> <td class="ww"><div style="overflow:auto; height:60px">
testo<br><br><br><br><br><br></div> <tr title="RIGA2"> <td class="ww"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div>
<tr title="RIGA3">
<td class="ww"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div>
</tr>
<tr title="RIGA4"> <td class="ww"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div></tr><tr title="RIGA5"> <td class="ww"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div></tr> </table><td class="mright"><tr><td class="mleft_bottom"><td><table class="msub" width="100%" cellpadding="0" cellspacing="0"><tr><td class="msub_left"><td class="msub_center"> <td class="msub_right"></table><td class="mright_bottom"></table><p>

Ottenere Tabella 5 righe 2 colonne con scrollbar

CODICE

<table class="skin_tbl" align="center" cellpadding="0" cellspacing="0"><tr><td class="mleft_top"><td><table class="mback" width="100%" cellpadding="0" cellspacing="0"><tr><td class="mback_left"><td class="mback_center"> <div class="mtitle">TITOLO</div> <td class="mback_right"></table><td class="mright_top"><tr><td class="mleft"><td><table class="mainbg" style="text-align:center;width:100%" cellpadding="4" cellspacing="1"> <tr title="RIGA1"> <td class="ww"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div> <td class="aa"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div>
<tr title="RIGA2">
<td class="ww"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div> <td class="aa"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div>
</tr>
<tr title="RIGA3"> <td class="ww"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div> <td class="aa"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div>
<tr title="RIGA4">
<td class="ww"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div> <td class="aa"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div>
</tr>
<tr title="RIGA5"> <td class="ww"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div> <td class="aa"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div></table><td class="mright"><tr><td class="mleft_bottom"><td><table class="msub" width="100%" cellpadding="0" cellspacing="0"><tr><td class="msub_left"><td class="msub_center"> <td class="msub_right"></table><td class="mright_bottom"></table><p>

Ottenere Tabella 5 righe 3 colonne con scrollbar

CODICE

<table class="skin_tbl" align="center" cellpadding="0" cellspacing="0"><tr><td class="mleft_top"><td><table class="mback" width="100%" cellpadding="0" cellspacing="0"><tr><td class="mback_left"><td class="mback_center"> <div class="mtitle">TITOLO</div> <td class="mback_right"></table><td class="mright_top"><tr><td class="mleft"><td><table class="mainbg" style="text-align:center;width:100%" cellpadding="4" cellspacing="1"> <tr title="RIGA1"> <td class="ww"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div> <td class="ww"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div> <td class="aa"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div>
<tr title="RIGA2">
<td class="ww"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div> <td class="ww"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div> <td class="aa"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div>
</tr>
<tr title="RIGA3"> <td class="ww"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div> <td class="ww"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div> <td class="aa"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div>
<tr title="RIGA4">
<td class="ww"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div> <td class="ww"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div> <td class="aa"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div>
</tr>
<tr title="RIGA5"> <td class="ww"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div> <td class="ww"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div> <td class="aa"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div></table><td class="mright"><tr><td class="mleft_bottom"><td><table class="msub" width="100%" cellpadding="0" cellspacing="0"><tr><td class="msub_left"><td class="msub_center"> <td class="msub_right"></table><td class="mright_bottom"></table><p>

Ottenere Tabella 5 righe 4 colonne con scrollbar

CODICE

<table class="skin_tbl" align="center" cellpadding="0" cellspacing="0"><tr><td class="mleft_top"><td><table class="mback" width="100%" cellpadding="0" cellspacing="0"><tr><td class="mback_left"><td class="mback_center"> <div class="mtitle">TITOLO</div> <td class="mback_right"></table><td class="mright_top"><tr><td class="mleft"><td><table class="mainbg" style="text-align:center;width:100%" cellpadding="4" cellspacing="1"> <tr title="RIGA1"> <td class="ww"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div> <td class="ww"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div> <td class="ww"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div> <td class="aa"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div>
<tr title="RIGA2">
<td class="ww"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div>
<td class="ww"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div> <td class="ww"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div> <td class="aa"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div>
</tr>
<tr title="RIGA3"> <td class="ww"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div> <td class="ww"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div> <td class="ww"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div> <td class="aa"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div>
<tr title="RIGA4">
<td class="ww"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div> <td class="ww"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div> <td class="ww"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div> <td class="aa"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div>
</tr>
<tr title="RIGA5"> <td class="ww"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div> <td class="ww"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div> <td class="ww"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div> <td class="aa"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div></table><td class="mright"><tr><td class="mleft_bottom"><td><table class="msub" width="100%" cellpadding="0" cellspacing="0"><tr><td class="msub_left"><td class="msub_center"> <td class="msub_right"></table><td class="mright_bottom"></table><p>

Ottenere Tabella 5 righe 5 colonne con scrollbar

CODICE

<table class="skin_tbl" align="center" cellpadding="0" cellspacing="0"><tr><td class="mleft_top"><td><table class="mback" width="100%" cellpadding="0" cellspacing="0"><tr><td class="mback_left"><td class="mback_center"> <div class="mtitle">TITOLO</div> <td class="mback_right"></table><td class="mright_top"><tr><td class="mleft"><td><table class="mainbg" style="text-align:center;width:100%" cellpadding="4" cellspacing="1"> <tr title="RIGA1"> <td class="ww"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div> <td class="ww"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div> <td class="ww"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div> <td class="ww"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div> <td class="aa"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div>
<tr title="RIGA2">
<td class="ww"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div>
<td class="ww"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div>
<td class="ww"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div> <td class="ww"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div> <td class="aa"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div>
</tr>
<tr title="RIGA3"> <td class="ww"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div> <td class="ww"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div> <td class="ww"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div> <td class="ww"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div> <td class="aa"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div>
<tr title="RIGA4">
<td class="ww"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div> <td class="ww"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div> <td class="ww"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div> <td class="ww"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div> <td class="aa"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div>
</tr>
<tr title="RIGA5"> <td class="ww"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div> <td class="ww"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div> <td class="ww"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div> <td class="ww"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div> <td class="aa"><div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div></table><td class="mright"><tr><td class="mleft_bottom"><td><table class="msub" width="100%" cellpadding="0" cellspacing="0"><tr><td class="msub_left"><td class="msub_center"> <td class="msub_right"></table><td class="mright_bottom"></table><p>

Ricordate sempre di dover modificare questa parte se volete modificare le scritte:

CODICE

<div style="overflow:auto; height:60px">testo<br><br><br><br><br><br></div>

Togliere invece tutto lo style per rimuovere lo scrollbar nelle celle in cui non ne avete bisogno:

CODICE

style="overflow:auto; height:60px"

Per modificare l'altezza di ogni cella, mantenendo lo scrollbar, modificare il parametro height che sta per "altezza".

Per inserire un testo a capo è sufficiente inserirlo dopo il :

CODICE

<br>

successivo al testo.

Per modificare lo sfondo, è opportuno dire che i codici sopra riportati sono collegati agli stili del forum presenti in amministrazione > modifica stili e colori.
Le righe interessate (in particolar modo i valori dei background-color di .ww e .aa) sono queste:

CODICE

.ww, .xx, .yy, .zz, .board .aa {background-color: #D8E3C4}
.aa, .bb, .cc, .board .zz {background-color: #D1E0BA}

Se volete evitare questa dipendenza tra stili della tabella e del forum, è sufficiente aggiungere nuove classi con lo stesso contenuto delle precedenti parentesi graffe, e aggiornare il codice che avete scelto.

Infine potete personalizzare i colori dello scrollbar seguendo le istruzioni della seguente guida:
http://skinlab.forumfree.net/?t=429073

Il metodo è compatibile con internet explorer, gli altri browser non lo supportano.

Max

Edited by Max - 2/1/2007, 16:58

.

teschio cacciadraghi

Posted on 8/2/2006, 23:32 0

.

Advanced Member

Group: Member

Posts: 2439

Reputation: 0

Status: Offline

wow!

.

xfox

Posted on 19/2/2006, 09:02 0

.

Member

Group: Member

Posts: 635

Reputation: 0

Status: Offline

come metto una tabbella di segnalazione dove si mette lindirizzo e spedisce un e-mail all indirizzo messo???

.

Robixima

Posted on 19/2/2006, 20:26 0

.

User deleted

ma nn c'è anche per tre colonne?

.

Fly23

Posted on 26/2/2006, 22:03 0

.

User deleted

Ragazzi ho generato una tabella, e l'ho messa in cima al forum...
Ma riesco a visualizzare solo il nome della Tabella!
Non vedo le righe di dentro, che avevo scritto!
Come mai?
Potete aiutarmi?
Grazie!

.

Posted on 28/2/2006, 20:59 0

.

Senior Member

Group: Member

Posts: 22668

Reputation: 0

Status: Anonymous

forse non le hai inserito correttamente

.

MetalEnzo 87

Posted on 2/3/2006, 18:41 0

.

User deleted

io volevo kiedere ma si puo kambiare il colore ????

.

Posted on 2/3/2006, 20:58 0

.

Senior Member

Group: Member

Posts: 22668

Reputation: 0

Status: Anonymous

x quello devi cambiare la skin

.

MetalEnzo 87

Posted on 4/3/2006, 17:51 0

.

User deleted

si l'avevo kapito

.

Posted on 4/3/2006, 19:53 0

.

Senior Member

Group: Member

Posts: 22668

Reputation: 0

Status: Anonymous

e allora cosa intendi?

.

dork

Posted on 9/3/2006, 18:34 0

.

User deleted

.:¤king¤:.

.

Posted on 9/3/2006, 21:19 0

.

Senior Member

Group: Member

Posts: 22668

Reputation: 0

Status: Anonymous

eh?

.

jackass braveheart

Posted on 10/3/2006, 10:38 0

.

User deleted

per quanto riguarda il funzionamento della tag board, una volta inserito il codice non dovrebbe essere attiva sul forum e si dovrebbe scrivere tranquillamente???

.

MetalEnzo 87

Posted on 15/3/2006, 00:18 0

.

User deleted

ekko volevo kiedere kome si fanno ha mettere le affiliazioni

.

Posted on 15/3/2006, 17:35 0