• CMS
• Nieuwe pagina / nieuwsbericht aanmaken
• Tekstopmaak
  • Algemene functies

  • Opsommingstekens

  • Tekstuitlijning
• Afbeeldingen
  • Uploaden naar CMS

  • Invoegen

  • Alternatieve tekst instellen

  • Posities instellen
• Links
  • Normale link

  • Link naar e-mail

  • Link binnen dezelfde pagina

  • Link naar bestand

  • Link aan afbeelding toevoegen

  • Link verwijderen

  • Doel van link instellen

  • Button van een link maken
• Tabellen
  • Invoegen

  • Celeigenschappen

  • Achtergrondkleur instellen

  • Rij/kolom toevoegen/verwijderen
• Redactie
  • Rechten en instellingen

  • Werking

Posities instellen

U kunt een afbeelding niet zomaar oppakken en verslepen naar een bepaalde plaats op een webpagina. Dit is een eigenschap die eigen is aan HTML, de internettaal. Om te zorgen dat alles compatibel blijft met verschillende computers en browsers, kunt u het beste gebruik maken van tabellen om een afbeelding te positioneren.

Wilt u bijvoorbeeld een afbeelding plaatsen op 200 pixels van de linkerkant en op 100 pixels van de bovenkant, dan gaat u als volgt te werk:

1. We plaatsen om te beginnen een tabel op de webpagina. Klik hiervoor op het icoontje om een tabel in te voegen

2. Er verschijnt een venster waarin u de eigenschappen van een tabel kunt ingeven. U kiest voor 2 rijen en 2 kolommen

Figuur 1

3. Resultaat: er wordt een tabel geplaatst op de webpagina met 2 rijen en 2 kolommen, die de volledige breedte van de webpagina gebruikt.

Figuur 2

4. De eerste rij gebruikt u om de afstand van de bovenkant tot de afbeelding in te stellen. U dient deze rij 100 pixels hoog maken. Hiervoor klikt u met de rechtermuisknop in de eerste rij. U kiest ‘cel’ en selecteert vervolgens ‘eigenschappen cel’.

5. Er verschijnt een venster ‘eigenschappen cel’ waarin u de hoogte kunt ingeven. De overige parameters worden verder in de handleiding uitvoerig besproken bij de uitleg van de tabellen. In dit voorbeeld moeten we enkel ‘hoogte’ instellen.

Figuur 3

6. Klik vervolgens op ‘OK’ en u ziet dat de eerste rij van de tabel 100 pixels hoog is geworden. We herhalen de handeling voor de breedte van de eerste kolom. Die stelt u in op 200 pixels. Klik met de rechtermuisknop in de eerste kolom en kies ‘cel en vervolgens ‘eigenschappen cel’.

7. Er verschijnt een venster ‘eigenschappen cel’ waarin u de breedte kunt ingeven. De overige parameters worden verder in de handleiding uitvoerig besproken bij de uitleg van de tabellen. In dit voorbeeld moet u enkel ‘breedte’ instellen.

8. Klik vervolgens op ‘OK’ en de tabel ziet er nu uit zoals hieronder. De eerste kolom is 200 pixels breed en de eerste rij is 100 pixels hoog. Plaats deze afbeelding in de rechterkolom onderaan, deze staat dus op 200 pixels van de linkerkant staan en op 100 pixels van de bovenkant. Plaats de cursor in de cel.

Figuur 4

9. Voeg hier nu uw afbeelding in met het icoontje om afbeeldingen in te voegen. Het resultaat is dat uw afbeelding op de gewenste plaats in de webpagina geplaatst wordt.

Figuur 5

10. Als u dit nu op de website bekijkt, dan ziet u de tabelranden. Alleen de opdracht was enkel de afbeelding te positioneren en niet de tabel zichtbaar te maken. Dus u dient de tabel onzichtbaar te maken. Klik hiervoor ergens in de tabel op de rechtermuisknop (niet op de afbeelding) en kies ‘eigenschappen tabel’.

11. In de ‘eigenschappen tabel’ stelt u de ‘Breedte rand’ in op ‘0’ en bevestigt u met ‘OK’.

12. Resultaat: de randen worden op de website niet meer weergegeven. In de administratie zult u nog steeds een lijntje zien waardoor u weet hoe uw tabel is opgebouwd.