Lidgelden Tennisclub Maaseik 2019
Er is een aantal standaard te gebruiken tabel 'classes' beschikbaar die ik als snelle optie heb toegevoegd, handig om snel een nette goed leesbare tabel te maken (met wat marge e.d.)
| Algemeen (class="table table-striped") | ||
| Kids | 0 t/m 6 jaar | € 0 |
| Jeugd | Max 16 jaar in het jaar van aansluiting | € 50 |
| Jong Volwassenen | Max 21 jaar in het jaar van aansluiting | € 70 |
| Volwassenen | ≥ 22 jaar in het jaar van aansluiting | € 120 |
| Stichtende Leden (class="table table-hover") | ||
| Jeugd | Max 16 jaar in het jaar van aansluiting | € 9 |
| Jong Volwassenen | Max 21 jaar in het jaar van aansluiting | € 15 |
| Volwassenen | ≥ 22 jaar in het jaar van aansluitng | € 30 |
| Nieuwe leden (die lid worden na 1 aug) (class= "table table-bordered) | ||
| Jeugd | Max 16 jaar in het jaar van aansluiting | € 25 |
| Jong volwassenen | Max 21 jaar in het jaar van aansluiting | € 35 |
| Volwassenen | ≥ 22 jaar in het jaar van aansluiting | € 60 |
Handmatig opgemaakte tabellen:
Onderstaande tabellen zijn 100% breed waardoor ze nooit scheef of naast elkaar komen te staan.
- Ik heb dit gedaan door één kolom aan de rechterkant helemaal leeg te laten.
De tabel heeft 4 kolommen 100% width en padding:10 (zorgt voor marge binnen de cellen) border: 1 border-color: #ffffff (wit -> wel zichtbaar in het ingevulde deel van de tabel, maar niet in de lege rechterkolom) - In de bovenste rij heb ik de eerste 3 cellen samengevoegd en de cel een achtergrondkleur gegeven voor de tabeltitel.
- Vervolgens heb ik alle ingevulde cellen geselecteerd en een achtergrondkleur gegeven.
- daarna heb ik bij de bovenste cel in elke rij een vaste (absolute) breedte ingesteld die er voor zorgt dat de tabel compact en dus goed leesbaar blijft. De lege rechterkolom vult als het ware de overblijvende ruimte op.
Ik heb 4 voorbeelden gemaakt op basis van in de site gebruikte kleuren.
| Algemeen table: 100% breed, padding 10 // cel background: #1380a7 | |||
| Kids (150 breed) | 0 t/m 6 jaar (background-color: #add8e6 width:300) | € 0 | |
| Jeugd | Max 16 jaar in het jaar van aansluiting | € 50 | |
| Jong Volwassenen | Max 21 jaar in het jaar van aansluiting | € 70 | |
| Volwassenen | ≥ 22 jaar in het jaar van aansluiting | € 120 | |
| Algemeen table: 100% breed, padding 10 // cel background: #e31b1e | |||
| Kids (150 breed) | (background-color: #ffc0cb; width:300) | € 0 (100px) | |
| Jeugd | Max 16 jaar in het jaar van aansluiting | € 50 | |
| Jong Volwassenen | Max 21 jaar in het jaar van aansluiting | € 70 | |
| Volwassenen | ≥ 22 jaar in het jaar van aansluiting | € 120 | |
| Algemeen table: 100% breed, padding 10 // cel background: #fdaa00 | |||
| Kids (150 breed) | (background-color: #ffdead; width:300) | € 0 (100px) | |
| Jeugd | Max 16 jaar in het jaar van aansluiting | € 50 | |
| Jong Volwassenen | Max 21 jaar in het jaar van aansluiting | € 70 | |
| Volwassenen | ≥ 22 jaar in het jaar van aansluiting | € 120 | |
| Algemeen table: 100% breed, padding 10 // cel background: #111111 | |||
| Kids (150 breed) | (background-color: #d2d2d2; width:300) | € 0 (100px) | |
| Jeugd | Max 16 jaar in het jaar van aansluiting | € 50 | |
| Jong Volwassenen | Max 21 jaar in het jaar van aansluiting | € 70 | |
| Volwassenen | ≥ 22 jaar in het jaar van aansluiting | € 120 | |