<HTML> Tabel met 3 randen - Softwareontwikkeling

vrijdag 10 september 2004 11:27

Acties:

Verwijderd

Topicstarter

Hoe kan ik het volgende realiseren:
Een tabel met een aantal regels onder elkaar, nu wil ik alleen een rand hebben om de gehele tabel dus niet een rand tussen de regels door.
Om het geheel nog wat ingewikkelder te maken wil ik de onderste rand er niet in hebben.
Dus een ik wil in totaal 3 randen hebben: 1 boven 1 links en 1 rechts.

vrijdag 10 september 2004 11:29

Acties:

André

Analytics dude

Cascading Stylesheet:

TABLE {
  border-top: 1px solid #000000;
  border-bottom: 0;
  border-left: 1px solid #000000;
  border-right: 1px solid #000000;
}

TD {
  border: 0;
}

[ Voor 3% gewijzigd door André op 10-09-2004 11:29 ]

vrijdag 10 september 2004 11:31

Acties:

Redshark

Dat kun je doen door twee tabellen te nesten:

HTML:

<table class="threeborder">
  <tr>
    <td>
     <table class="noborder"
       blaat enzo
     </table>
    </td>
  </tr>
</table>

In je css geen je de threeborder de drie randen die je wilt, de noborder geen je geen border.
Border instellen kun je hier vinden:
http://www.w3schools.com/css/css_border.asp

Directe link: http://www.w3schools.com/...lename=trycss_border-left

Moet hiermee lukken denk ik zo.

[ Voor 36% gewijzigd door Redshark op 10-09-2004 11:33 ]

vrijdag 10 september 2004 13:51

Acties:

Verwijderd

Een geneste tabel gebruiken voor zoiets simpels? Ik denk dat je zelf ook nog maar eens moet gaan oefenen en proberen met CSS. Wat André zegt voldoet prima.

vrijdag 10 september 2004 14:45

Acties:

hannos

pardon me

André schreef op 10 september 2004 @ 11:29:

Cascading Stylesheet:

TABLE {
  border-top: 1px solid #000000;
  border-bottom: 0;
  border-left: 1px solid #000000;
  border-right: 1px solid #000000;
}

TD {
  border: 0;
}

Om het wat overzichtelijker te houden zou je hiervoor kunnen kiezen: je zet onderstaande code tussen een <STYLE></STYLE>-tag onder je <HEAD></HEAD>-tag (of je refereerd naar een css bestand waarin dit staat)

Cascading Stylesheet:

TABLE {
   border-style: none solid solid solid;
   border-width: 1px;
   border-color: black;
}

De vier waarden achter border-style gelden voor resp. de boven-, rechter-, onder-, en rechterrand. solid = wel een rand; none = geen rand.

Zoals Cheatah ook al zegt lijkt mij een geneste tabel compleet overbodig!

NB. de CSS eigenschappen voor TD zijn overbodig.

[ Voor 17% gewijzigd door hannos op 10-09-2004 14:50 ]

vrijdag 10 september 2004 14:51

Acties:

crisp

Devver

Pixelated

of in 2 regels:

Cascading Stylesheet:

table {
  border: 1px solid black;
  border-bottom: none;
}

Intentionally left blank