[HTML] Alleen vertikale celranden

[TrailBlazer]

Ja het topic zegt genoeg. Ik heb een tabel gemaakt waarin elke rij een andere kleur heeft. Ik wil nu alleen nog vertikale borders langs elke cell. Horizontaal dus niet.
Iemand idee of dit mogelijk is. Ik kan geen voorbeeld laten zien wat het is voor het Intranet hiero

[Verwijderd]

<td style="border-left:1px solid #000000;">

[Cyphax]

Je kan ook nog een tabel nesten in een andere.
Maak 1 grote tabel waarin je een 2e tabel maakt.
Die grote tabel is 1 cell in 1 row, en die heeft een cellpadding en cellspacing van 0. En een border dus.
Die binnenste tabel heeft geen borders dan. Toch?
Nahja even proberen anders. 'K weet niet of dat is wat je bedoelde.

[RRX]

http://www.speed-forums.nl/test/vborders.html

code:

.collumn1,.collumn2,.collumn3,.collumn4{
    background-color: #FFFF99;
    border-left-width: 1px;
    border-right-width: 1px;
    border-top-width : 0px;
    border-bottom-width : 0px;
    border-style : solid;
    border-color : Black;
    text-align: center;
}
table{
    border-left-width: 0px;
    border-right-width: 1px;
    border-top-width : 1px;
    border-bottom-width : 1px;
    border-style : solid;
    border-color : Black;
}

[TrailBlazer]

Op dinsdag 05 februari 2002 10:28 schreef Blues het volgende:
<td style="border-left:1px solid #000000;">

Deze doet het THX helaas alleen in IE in netscape wil het niet om de een of andere reden.

[SchizoDuckie]

Voor netscape zal je je hele tabel anders moeten gaan opbouwen. Je hebt iig een spacer.gifje nodig. ( http://www.nvlf.nl/images/spacer.gif )

je tabel definitie:

code:

<table border="0" cellspacing="0" cellpadding="0" bgcolor="" background="" class="margin" width="100%">

De header en footer zoals ik hem gebruik, (een tr die alleen een horizontale lijn geeft)

code:

  <tr>
    <td colspan="3" bgcolor="#000000">[img]"images/spacer.gif"[/img]</td>
  </tr>

Dan nu het belangrijkste, je content, met de 2 randjes ernaast. Elk randje is dus eigenlijk gewoon een <td> met een <img> erin om de goede hoogte en breedte te bepalen. De bgcolor bepaalt de achtergrond van de rand.

code:

<tr>
   <td bgcolor="#000000">[img]"images/spacer.gif"[/img]</td>   
   <td class="kleurtje"> HIER JE CONTENT! </td>
   <td bgcolor="#000000">[img]"images/spacer.gif"[/img]</td>
</tr>

Dit gedeelte kan je dus gewoon herhalen (knip/plak / php)

Dan kan je, als je nog een lijntje onderaan je table wil weer de header invoegen, en op het eind de footer:

code:

</table>

HTH!


^{This Tutorial was generously provided by Papa_eend}

[TrailBlazer]

Op dinsdag 05 februari 2002 13:18 schreef MRTableMaster een heleboel nuttige info

Wow THX. ik denk alleen dat het me iets te veel werk isom het aan de praat te krijgen met NS. De meeste gebruikers gebruiken toch IE