Plaatjes voor je website

stockxpert
Om je website een beetje aantrekkelijk te maken kun je kleuren gebruiken en veel tekst, maar
het belangrijkste onderdeel zijn natuurlijk plaatjes. Met een foto maak je een website veel aantrekkelijker
en wordt de aandacht ook nog eens extra getrokken. Wij hebben een paar handige links op een rij gezet
waar je goedkoop of gratis plaatjes en foto’s kunt vinden voor jouw website.

Lees verder »

Lay-out beeldvullend maken

screen
Vraag op het forum:
Ik krijg het “trucje” in CSS niet door om mijn layout verticaal beeldvullend te krijgen, ongeacht de monitor grote en/of resolutie.

Ik zal het (proberen) uitleggen aan de hand van een simpele layout:
De layout bestaat uit een “header” met daaronder een “tekstvlak” en daaronder een “footer”. Tot nu toe geen enkel probleem.
Maar nu wil ik de “header” helemaal bovenin beeld (in vaste maat) en de “footer” helemaal onder in beeld (in vaste maat),
met daartussen het “tekstvlak” wat de ruimte opvult ongeacht de hoeveel tekst wat daarin staat.
Wordt de tekst te veel voor de ruimte in het “tekstvlak” dan wil ik dat oplossen met de “overflow” functie in CSS.

Lees verder »

Tekst en plaatjes in willekeurige volgorde tonen


Wanneer je een stuk tekst, een plaatje of een ander soort content wilt tonen in willekeurige volgorde, en iedere keer
iets anders wilt laten zien als een bezoeker op je site komt, kun je gebruik maken van een handig stukje javascript.
We maken hierbij gebruik van javascript’s Math.round() en Math.random(), deze selecteren en laten een willekeurig stuk
content zien van een serie.

Lees verder »

Thead element

<thead>…</thead>

Definitie:
Hiermee maak je een apart deel waarin je de tabel kunt opdelen. Samen met tbody en tfoot krijg je een logische indeling van je tabel.

Voorbeeld

<table border=”1″>
<caption>Bijschrift van de tabel</caption>
<thead>
  <tr>
    <th>Kop 1</th>
    <th>Kop 2</th>
  </tr>
</thead>
<tfoot>
  <tr>
    <td colspan=”2″>Voet 1 en 2</td>
  </tr>
</tfoot>
<tbody>
  <tr>
    <td>Cel 1</td>
    <td>Cel 2</td>
  </tr>
</tbody>
</table>

Lees verder »

TBODY element

<tbody>…</tbody>

Definitie:
Hiermee maak je een apart deel waarin je de tabel kunt opdelen. Samen met thead en tfoot krijg je een logische indeling van je tabel.

Voorbeeld

<table border=”1″>
<caption>Bijschrift van de tabel</caption>
<thead>
  <tr>
    <th>Kop 1</th>
    <th>Kop 2</th>
  </tr>
</thead>
<tfoot>
  <tr>
    <td colspan=”2″>Voet 1 en 2</td>
  </tr>
</tfoot>
<tbody>
  <tr>
    <td>Cel 1</td>
    <td>Cel 2</td>
  </tr>
</tbody>
</table>

Lees verder »

Table element

<table>…</table>

Definitie:
Dit is de opslagplaats voor alle onderdelen van een tabel. Hier start en eindigt een tabel mee.

Voorbeeld

<table border=”1″>
<caption>Bijschrift van de tabel</caption>
<thead>
  <tr>
    <th>Kop 1</th>
    <th>Kop 2</th>
  </tr>
</thead>
<tfoot>
  <tr>
    <td>Voet 1</td>
    <td>Voet 2</td>
  </tr>
</tfoot>
<tbody>
  <tr>
    <td>Cel 1</td>
    <td>Cel 2</td>
  </tr>
</tbody>
</table>

Lees verder »