table border

[Kristabs]

<table width="200" border="0" cellspacing="0" cellpadding="0" style="border:1px solid #000;">
 <tr>
<td>1</td>
<td>2</td>
 </tr>
 <tr>
<td>3</td>
<td>4</td>
 </tr>
</table>

 

Šajā gadījumā borders ir tikai teibla ārpusei. Bet kā lai uztaisa, ka smuki arī visām šūnām rādās vienāds borders? Tā itkā <table border="1"> būtu, bet to borderu vajag stilizētu.

[Delfins]

.css -> td:border

[Kristabs]

šitais vispār nav risinājums. Vai nu jāčakarējas un jāliek border-left:0, utt. vai arī vidus borderiem starp šūnām būs dubultlīnija.

[v3rb0]

table{border-collapse:collapse; }

table, table tr td{border:1px solid #000;}

[Kristabs]

tieši tā kā vajag, paldies!

 

atradu vēl vienu veidu, kā to izdarīt, bet ar šo rādās uz krustojumiem tādi treknāki punkti pie border-style:dotted;

table {
border-top: solid 1px #000000;
border-right: solid 1px #000000;
}
td {
border-left: solid 1px #000000;
border-bottom: solid 1px #000000;
}

[Delfins]

šitais vispār nav risinājums.

Es tev iedevu hintu, ka jāskatās RTFM šāds propertijs un viņam līdzīgais (border-collapse)... cik atceros uz cross-browser tur bija problēmas ar attēlošanu.. tā kā jāskatās gūglē anyway...