Bordi tabelle topic

« Older Newer »

Black_Crow

Posted on 14/4/2024, 14:03

Advanced Member

Group: Fan

Posts: 3,239

Status: Anonymous

Buonasera, devo inserire questa tabella in un topic:

COLSPAN SU UNA PARTE

COLONNA2		COLONNA3
COLONNA1	COLONNA2	COLONNA3

Vorrei però che tra le varie colonne e righe vi fosse un bordo di circa 3-4PX come devo fare?

CODICE

<table class="skin_tbl" align="center" cellpadding="0" cellspacing="0"><tr><td class="mleft_top"></td><td><table class="mback" width="100%" cellpadding="0" cellspacing="0"><tr><td class="mback_left"></td><td class="mback_center">

<div class="mtitle">COLSPAN SU UNA PARTE</div>

</td><td class="mback_right"></td></tr></table></td><td class="mright_top"></td></tr><tr><td class="mleft"></td><td><table class="mainbg" style="text-align:left;width:100%" cellpadding="4" cellspacing="1">

<tr title="RIGA1">
<td class="aa" colspan="2">COLONNA2</td>
<td class="ww">COLONNA3</td>
</tr>

<tr title="RIGA2">
<td class="ww">COLONNA1</td>
<td class="aa">COLONNA2</td>
<td class="ww">COLONNA3</td>
</tr>

</table></td><td class="mright"></td></tr><tr><td class="mleft_bottom"></td><td><table class="msub" width="100%" cellpadding="0" cellspacing="0"><tr><td class="msub_left"></td><td class="msub_center"> </td><td class="msub_right"></td></tr></table></td><td class="mright_bottom"></td></tr></table>

Alfiere2

Posted on 14/4/2024, 14:31

Member

Group: Helper

Posts: 249

Status: Anonymous

Ciao
ad esempio potresti aggiungere una classe alla seconda tabella

in questo modo:

HTML

<table class="skin_tbl" align="center" cellpadding="0" cellspacing="0">

<tr>
<td class="mleft_top"></td>
<td><table class="mback" width="100%" cellpadding="0" cellspacing="0">

<tr>
<td class="mback_left"></td>
<td class="mback_center"><div class="mtitle">COLSPAN SU UNA PARTE</div></td>
<td class="mback_right"></td>
</tr>

</table></td>
<td class="mright_top"></td>
</tr>

<tr>
<td class="mleft"></td>
<td><table class="mainbg conbordi" style="text-align:left;width:100%" cellpadding="4" cellspacing="1">

<tr title="RIGA1">
<td class="aa" colspan="2">COLONNA2</td>
<td class="ww">COLONNA3</td>
</tr>

<tr title="RIGA2">
<td class="ww">COLONNA1</td>
<td class="aa">COLONNA2</td>
<td class="ww">COLONNA3</td>
</tr>

</table></td>
<td class="mright"></td>
</tr>

<tr>
<td class="mleft_bottom"></td>
<td><table class="msub" width="100%" cellpadding="0" cellspacing="0">

<tr>
<td class="msub_left"></td>
<td class="msub_center"> </td>
<td class="msub_right"></td>
</tr>

</table></td>
<td class="mright_bottom"></td>
</tr>

</table>

e nel tuo foglio di style aggiungere:

HTML

.conbordi {border-collapse: collapse}
.conbordi td {border: 3px solid red}

Black_Crow

Posted on 14/4/2024, 14:34

Advanced Member

Group: Fan

Posts: 3,239

Status: Anonymous

Non sarebbe possibile inserirlo direttamente nel code così che a seconda del topic si possa cambiare colore?

Alfiere2

Posted on 14/4/2024, 14:50

Member

Group: Helper

Posts: 249

Status: Anonymous

si ma dovresti inserire il codice in ogni td e di conseguenza cambiare ogni volta il colore in ogni td

CODICE

<td class="ww" style="border: 3px solid red">COLONNA1</td>
<td class="aa" style="border: 3px solid red">COLONNA2</td>
<td class="ww" style="border: 3px solid red">COLONNA3</td>

sarebbe più semplice crearsi una classe per ogni colore...

CODICE

CODICE

css

CODICE

.bordorosso,bordogiallo {border-collapse: collapse}

.bordorosso td {border: 3px solid red}
.bordogiallo td {border: 3px solid yellow}

Black_Crow

Posted on 14/4/2024, 18:01

Advanced Member

Group: Fan

Posts: 3,239

Status: Anonymous

Non importa, preferisco cambiare manualmente ogni riga. Ti ringrazio!

4 replies since 14/4/2024, 14:03 439 views