Avatar billede martin_moth Mester
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?
Avatar billede w13 Novice
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.
Avatar billede roenving Novice
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;}
Avatar billede roenving Novice
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)
Avatar billede martin_moth Mester
03. november 2007 - 15:37 #4
roenving: hvor skal det ind - direkte ind i hver <TD> eller?
Avatar billede martin_moth Mester
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
Avatar billede roenving Novice
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>
Avatar billede martin_moth Mester
03. november 2007 - 16:20 #7
Super. Hvis det nu ikke skal være black dotted men fuldt optrukket i farve "#FF9900"
Avatar billede martin_moth Mester
03. november 2007 - 16:20 #8
smid svar i øvrigt, roenving
Avatar billede w13 Novice
03. november 2007 - 16:37 #9
(Ret
  td{border:0 black dotted;}
til
  td{border:0 #ff9900 solid;}
)
Avatar billede martin_moth Mester
03. november 2007 - 16:41 #10
"solid" - naturligvis :o)
Avatar billede roenving Novice
04. november 2007 - 04:29 #11
Velbekomme '-)

-- og jeg plejer også at spare de sidste 3 bytes:

td{border:0 #f90 solid;}
Avatar billede roenving Novice
05. november 2007 - 00:46 #12
Tak for point ;~}
Avatar billede martin_moth Mester
05. november 2007 - 08:11 #13
Ja, man skal spare hvor man kan ;o)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester