03. november 2007 - 15:05
Der er
11 kommentarer og 2 løsninger
table borders forskellig fra celle til celle
Hvis jeg har en table men en masse celler, så vil jeg kun have border på den en celle i højre side, en anden celle i top/bund, en tredie celle kun border i top. Hvordan?
Annonceindlæg fra Cornerstones
03. november 2007 - 15:14
#1
<table style="border-width:0;border-collapse:collapse"> <tr> <td></td> <td style="border:1px solid #ff0000"></td> </tr> <tr> <td style="border:1px solid #000000"></td> <td></td> </tr> </table> Sådan kan du give forskellige celler bestemte border-indstillinger.
03. november 2007 - 15:14
#2
Css-klasser !-) td{border:0 black dotted;} .topleft{border-width:2px 0 0 2px;} .top{border-width:2px 0 0 0;} .topright{border-width:2px 2px 0 0;} /*...*/ .bottomright{border-width: 0 2px 2px 0;}
03. november 2007 - 15:17
#3
-- rækkefølgen for kant-properties er: top right bottom left (alle 4 angivet hver for sig -- med uret !-) eller top right/left bottom (tre parametre) eller top/bottom right/left (to parametre)
03. november 2007 - 15:37
#4
roenving: hvor skal det ind - direkte ind i hver <TD> eller?
03. november 2007 - 15:39
#5
jeg er ikke helt med <table> <tr> <td>Her skal bunden have ramme</td> <td>Her skal venstre side have ramme</td> </tr> </table> Hvor skal jeg skrive hvad for at opnå det jeg vil
03. november 2007 - 15:58
#6
<style type="text/css"> td{border:0 black dotted;} .topleft{border-width:2px 0 0 2px;} .top{border-width:2px 0 0 0;} .topright{border-width:2px 2px 0 0;} .left{border-width:0 0 0 2px;} .right{border-width:0 2px 0 0 ;} .bottomleft{border-width:0 0 2px 2px;} .bottom{border-width:0 0 2px 0;} .bottomright{border-width: 0 2px 2px 0;} </style> ... <table> <tr> <td class="bottom">Her skal bunden have ramme</td> <td class="left">Her skal venstre side have ramme</td> </tr> </table>
03. november 2007 - 16:20
#7
Super. Hvis det nu ikke skal være black dotted men fuldt optrukket i farve "#FF9900"
03. november 2007 - 16:20
#8
smid svar i øvrigt, roenving
03. november 2007 - 16:37
#9
(Ret td{border:0 black dotted;} til td{border:0 #ff9900 solid;} )
03. november 2007 - 16:41
#10
"solid" - naturligvis :o)
04. november 2007 - 04:29
#11
Velbekomme '-) -- og jeg plejer også at spare de sidste 3 bytes: td{border:0 #f90 solid;}
05. november 2007 - 00:46
#12
Tak for point ;~}
05. november 2007 - 08:11
#13
Ja, man skal spare hvor man kan ;o)
Vi tilbyder markedets bedste kurser inden for webudvikling