webForumDet fria alternativet

border på <tr>?

HTML & CSS

5 svar · 236 visningar · startad av greymane

Medlem sedan juli 2001711 inlägg
Frågan#1

varför funkar inte följande:

<table border=0 >
   <tr style="border: solid 1px black">
     <td>kjk</td>
   </tr>
</table>

går det inte att sätta border på <tr>? måste det sättas i <td>?

Medlem sedan aug. 2000359 inlägg
#2

Nej, det går inte enligt standarden att sätta borderlines på tr. Men du kan skapa en class t ex
tr.borderline > td {border-bottom: 1px green dotted}

Medlem sedan juli 2001711 inlägg
#3

higa skrev:

Nej, det går inte enligt standarden att sätta borderlines på tr. Men du kan skapa en class t ex
tr.borderline > td {border-bottom: 1px green dotted}

e det någorlunda cross browser att göra så?

och hur funkar det? jag skrev <tr class="borderline"> men det hjälpte inte så mycket. hur ska jag göra?

Medlem sedan aug. 2000359 inlägg
#4

Oops, glömde visst att IE inte klarar selectors :-/
Skriv
tr.borderline td {border-bottom: 1px green dotted}
i css:et istället, dvs utan child-prylen(>).

Medlem sedan juli 2001711 inlägg
#5

nice!

tomma celler får ingen border.. kan man ordna så de får det?

du råkar inte veta hur man får bort det lilla "hacket" mellan kolumnerna också? jag skulle vilja ha en hel linje bara :)

Medlem sedan aug. 2000359 inlägg
#6

För att få borderline på tomma celler så skriv
tr.borderline td
{
border-bottom: 1px green dotted;
empty-cells: show;
}
När det gäller "hacket" så sätt helt enkelt cellspacing till 0, och kompensera genom att öka paddingen på cellerna, antingen via css eller mha cellpadding attributet.

256 ms totalt · 4 externa anrop · v20260731065814-full.1dc6f849
121 ms — deklarationer (db)
0 ms — hämta statistik (cache)
129 ms — hämta tråd, inlägg och bilagor (db)
124 ms — ändringar (db)