Slechts 1 table met cellen met randen maken

[Thomasje]

Op een html-pagina heb ik meerdere tables staan. Slechts 1 van die tables wil ik van een border voorzien, zowel de buitenrand van de table als de cellen, in grijze kleur. Hoe doe ik dit het beste?

 

[ACollijn]

Je kunt in de htmlcode van de tabel meegeven dat deze een rand moet hebben, en daar ook de kleur meegeven.
<TABLE BORDER="waarde">
hier je tabel
</TABLE>

Dus in je code van je tabel kun je de opdracht BORDER="waarde" toevoegen, eventueel nog een kleur meegeven met BORDERCOLOR="waarde".

Online zijn de kleurcodes wel te vinden, die weet ik niet, en is ook afhankelijk van welke kleur grijs je precies wilt hebben.

Als het gaat om 1 rij of 1 kolom uit je tabel, dan weet ik niet hoe je dit kan oplossen. Dit gaat nu over een hele tabel.

Een handige website voor vragen over HTML is trouwens de volgende: http://www.handleidinghtml.nl/start.html Die gebruik ik zelf als ik even snel iets wil opzoeken.

 

[Thomasje]

Hartelijk dank!

 

[csshunter]

Ehm, met <table border="waarde"> krijg je een dubbele rand om alles heen, en een bordercolor="#C0C0C0" (grijs) is ongeldige html-code.

• Test: table-border-1.htm

Dit kan beter met css opgelost worden, door de te be-randen tabel een class="grijsGerand" (of: id="grijsGerand") mee te geven, en in de css de eigenschappen op te geven:

table {
   border-collapse: collapse;
   }
.grijsGerand td {
   border: 1px solid #C0C0C0;
   }

• Test: table-border-2.htm

___________
PS: De handleidinghtml.nl was erg handig, maar wordt niet bijgehouden en is de laatste jaren sterk verouderd. Met name is achterhaald wat er over browsers en browsersversies gezegd wordt.

• Waar je beter van op aan kunt: de omschrijvingen in reference.sitepoint.com/html voor html en reference.sitepoint.com/css voor css.
• Bij de verschillende eigenschappen wordt aangegeven welke browsers/browserversies ze ondersteunen (of niet).

 

[Thomasje]

Welke zou beter zijn, www.w3schools.com of reference.sitepoint.com?

 

[csshunter]

1. Sitepoint is m.i. beter.
2. Bij w3schools zitten vaak "Try It Yourself" pagina's, die zijn soms wel handig; maar dan altijd goed testen in alle browsers en browser-versies; en kijken wat sitepoint over hetzelfde onderwerp te zeggen heeft.
3. Of de specificaties van w3.org er op naslaan (zie handtekening): die zeggen wel wat de correcte codering is, maar niets over de ondersteuning door browsers.