|
Tekst plaatsen in een tabel
Het plaatsen van tekst in een tabel kan op verschillende manieren in
CSS veranderd worden! Bijvoorbeeld afwijkingen vanaf de zijkant, onderkant
en/of bovenkant.
Zie voorbeelden hier:
<style type="text/css">
td {padding-left: 2px}
</style>
Dit geeft aan dat de tekst 2px van de linker border van de tabel weergegeven
wordt.
De centimeters en de kant kan natuurlijk veranderd worden.
- left Links
- right Rechts
- top Boven
- bottom onder
Ik gebruik nu afwijking maar een class als margin zou ook helemaal niet
fout zijn. Zoiets vind ik niet echt makkelijker maar dat is aan iedereen
om te bepalen welke jij zelf beter vind werken.
Je kunt ook onder, boven en zijkant maten invoeren en zo de tekst precies
plaatsen waar jij het wilt! Voorbeeld:
td. {padding: 2px 3px 3px 6px}
In deze volgorde:
- Boven (3px)
- Rechts (3px)
- Onder (6px)
- Links (2px)
Sla geen maat over want dan vallen de gevolgen niet te overzien! Negatieve
waarden kunnen ook ingevoerd worden, dit als je bijvoorbeeld iets wilt
overlappen. Speel er maar eens mee. Als je de volgorde maar in de gaten
houd! Men begint dus links, onthoudt dat ook.
Zo kan het ook. Dit gaat makkelijker maar is minder specifiek in waar
de tekst moet komen te staan.
De inhoud van verschillende teksten in tabellen veranderen doe je zo:
h1 {text-align: center}
h2 {text-align: left}
h3 {text-align: right}
Alleen de h1 geschreven elementen verschuiven nou naar bijvoorbeeld de
rechter border van de tabel of het venster.
|