FOK!forum / Digital Corner / [html/table] alleen buitenrand een zichtbare grens
iemoedinsdag 21 januari 2003 @ 19:46
hoop dat ik nu wel het subject enigszins goed omschreven heb......

ik heb een table van twee rijtjes en 3 kolommetjes, daarvan wil ik graag alleen de buitenrand als 'border' laten zien, hoe doe ik dat or rather, kan dat?

chello_rules_heftigdinsdag 21 januari 2003 @ 19:48
quote:
Op dinsdag 21 januari 2003 19:46 schreef iemoe het volgende:
hoop dat ik nu wel het subject enigszins goed omschreven heb......

ik heb een table van twee rijtjes en 3 kolommetjes, daarvan wil ik graag alleen de buitenrand als 'border' laten zien, hoe doe ik dat or rather, kan dat?


Een tabel met 1 cel eromheenzetten (met rand) en daarin de oorspronkelijke tabel zonder rand.
chello_rules_heftigdinsdag 21 januari 2003 @ 19:50
even voor de duidelijkheid:

<table border=1><tr><td>
<table border=0> ----- en hier verder jouw tabel </table>
</td></tr></table>

3_Ldinsdag 21 januari 2003 @ 19:50
quote:
Op dinsdag 21 januari 2003 19:46 schreef iemoe het volgende:
hoop dat ik nu wel het subject enigszins goed omschreven heb......

ik heb een table van twee rijtjes en 3 kolommetjes, daarvan wil ik graag alleen de buitenrand als 'border' laten zien, hoe doe ik dat or rather, kan dat?


je maakt een tabel aan met èèn cel en border = 1
en in die ene cel plaats je je tabel zonder border
iemoedinsdag 21 januari 2003 @ 19:50
dus ik gooi de bestaande tabel in een tabel van 1 cell?
Sanderdinsdag 21 januari 2003 @ 19:51
Wat dacht je van iets veel makkelijkers:
code:
<table width=100 style="border: 1px black solid;" border=0>
<tr>
    <td>Bla bla bla</td>
</tr>
</table>

Sim-pel

[Dit bericht is gewijzigd door Slarioux op 21-01-2003 19:51]

3_Ldinsdag 21 januari 2003 @ 19:51
quote:
Op dinsdag 21 januari 2003 19:50 schreef iemoe het volgende:
dus ik gooi de bestaande tabel in een tabel van 1 cell?
yep
let er wel op dat deze tabel 'parent' is, dus de breedte van die tabel beinvloedt de breedte van je 'child' tabel, de binnenste dus...
let dus op cellspacing, cellpadding, margins etc...
ZixSdinsdag 21 januari 2003 @ 19:52
=edit=
lamaar, klopt niet helemaal
dat van Slarioux wel

[Dit bericht is gewijzigd door ZixS op 21-01-2003 19:53]

Sanderdinsdag 21 januari 2003 @ 19:52
quote:
Op dinsdag 21 januari 2003 19:52 schreef ZixS het volgende:
of gewoon:
code:
<table style="border-style: solid; border-width: 1">

Te laat
iemoedinsdag 21 januari 2003 @ 19:52
goh, was het hele leven maar zo simpel...

cool, thanks!

chello_rules_heftigdinsdag 21 januari 2003 @ 19:57
werkt de oplossing van Slarioux ook op Netsape/Mozilla ?
( ik gebruik nog steeds mie )
3_Ldinsdag 21 januari 2003 @ 20:12
quote:
Op dinsdag 21 januari 2003 19:57 schreef chello_rules_heftig het volgende:
werkt de oplossing van Slarioux ook op Netsape/Mozilla ?
( ik gebruik nog steeds mie )
zo te zien wel, maar style is niet mijn ding, geef mij maar ouderwetse html
Sanderdinsdag 21 januari 2003 @ 20:12
quote:
Op dinsdag 21 januari 2003 19:57 schreef chello_rules_heftig het volgende:
werkt de oplossing van Slarioux ook op Netsape/Mozilla ?
( ik gebruik nog steeds mie )
Bij mijn mozilla wel .
V2dinsdag 21 januari 2003 @ 20:18
De 'nettere' manier is om het te doen met styles enzo. Dat je de table geen border geeft, en bij de afzonderlijke cellen style="border-left: 1px solid; border-top: 1px solid". Geeft ook wat meer controle over de zaak. Voor de exacte details moet je ff op www.w3c.org kijken, bij CSS.
Freddinsdag 21 januari 2003 @ 20:22
code:
<table border=1 bordercolor="#000000">
  <tr>
    <td>
      <table border=0 width=100>
        <tr>
          <td width=33%>blabla</td>
          <td width=33%>blabla</td>
          <td width=33%>blabla</td>
         </tr> 
         <tr>
          <td width=33%>blabla</td>
          <td width=33%>blabla</td>
          <td width=33%>blabla</td>
        </tr> 
      </table>
    </td>
  </tr>
</table>   

iemoedinsdag 21 januari 2003 @ 20:26
quote:
Op dinsdag 21 januari 2003 20:18 schreef V2 het volgende:
De 'nettere' manier is om het te doen met styles enzo. Dat je de table geen border geeft, en bij de afzonderlijke cellen style="border-left: 1px solid; border-top: 1px solid". Geeft ook wat meer controle over de zaak. Voor de exacte details moet je ff op www.w3c.org kijken, bij CSS.
iemoe gaat voor de nette manier

edit: bij de nette manier kun je cell-spacing wel vergeten als je wilt dat de borders van de verschillende cellen netjes op elkaar aansluiten...of doe ik weer eens iets niet goed?

V2dinsdag 21 januari 2003 @ 20:34
cellspacing moet je ff weten: <table border=0 cellspacing=0 cellpadding=0>
iemoedinsdag 21 januari 2003 @ 20:38
quote:
Op dinsdag 21 januari 2003 20:34 schreef V2 het volgende:
cellspacing moet je ff weten: <table border=0 cellspacing=0 cellpadding=0>
okee, zolang alles op 0 staat, is er geen probleem

hij doet echter alleen (niet onlogisch overigens) een border neerzetten om de cel zelf. als je cellspacing gebruikt, creeër je een ruimte tussen de cellen en daar zet ie dus geen bordertje bij...snappie?

Vampierdinsdag 21 januari 2003 @ 20:44
border style collapse?
Sanderdinsdag 21 januari 2003 @ 20:49
quote:
Op dinsdag 21 januari 2003 20:26 schreef iemoe het volgende:

[..]

iemoe gaat voor de nette manier

edit: bij de nette manier kun je cell-spacing wel vergeten als je wilt dat de borders van de verschillende cellen netjes op elkaar aansluiten...of doe ik weer eens iets niet goed?


style="border-spacing:0px"
iemoedinsdag 21 januari 2003 @ 20:50
quote:
Op dinsdag 21 januari 2003 20:44 schreef Vampier het volgende:
border style collapse?
iemoe <- n00b

wa's dat?

Vampierdinsdag 21 januari 2003 @ 20:51
http://www.w3.org/TR/REC-CSS2/box.html
V2dinsdag 21 januari 2003 @ 20:54
quote:
Op dinsdag 21 januari 2003 20:38 schreef iemoe het volgende:

[..]

okee, zolang alles op 0 staat, is er geen probleem

hij doet echter alleen (niet onlogisch overigens) een border neerzetten om de cel zelf. als je cellspacing gebruikt, creeër je een ruimte tussen de cellen en daar zet ie dus geen bordertje bij...snappie?


Zo hoort het ook Wat jij denk ik wil is cellpadding ofzo, of eventueel in de cel de margins aanpassen. Ik neem aan dat je wat ruimte wil tussen de inhoud van de cel en de border. Zet in de cel iets als <td style="margin: 3px"> of een <p> met dezelfde style-tag.
iemoedinsdag 21 januari 2003 @ 21:02
quote:
Op dinsdag 21 januari 2003 20:51 schreef Vampier het volgende:
http://www.w3.org/TR/REC-CSS2/box.html
got it, dank!