Homepagina van Stabiton bvba
Home
       Vestiging
          Route vanuit Antwerpen
          Route vanuit Hasselt
          Route vanuit Luik
          Route vanuit Brussel
          Route vanuit Namen
          Route vanuit Halle
          Route vanuit Gent
          Route vanuit Dendermonde
          Plan zelf uw route
       Privacybeleid
       Gebruiksovereenkomst
       Verkoopsvoorwaarden
Organisation
       Wie zijn wij
       Onze aanpak
Engineering
       Stabiliteit
          Wapeningsectie
          Wapeningsnetten
       Reglementering
          Eurocodes
             Eurocodes artikels
          Referentienormen beton
          Officiële bestekdocumenten
          Bijzonder bestek - strookfundering
          Bijzonder bestek - plaatfundering
          Bijzonder bestek - putfunderingen
          Bijzonder bestek - paalfunderingen
          Bijzonder bestek - staalconstructies
          Benor gebruikers
          Dragend metselwerk
       Portfolio
CMS-Web
       Hosting
       Contentmanagement
       Diensten
Graphic design
Support
       Klanten
          Sta-opmaakprofielen
       Contact
2012-05-19   Zoek »   User Register Login Login
Home Organisation Engineering CMS-Web Graph. Design Support
Hier bent u:  Support » Klanten » Sta-opmaakprofielen  
Stabiton opmaakprofielen Minimize
© Stabiton bvba Support
2007-02-26 Kennisbank
Voorgedefineerde Stabiton opmaakprofielen te gebruiken in de Text/HTML module
Inhoud
Over opmaakprofielen
Opmaakprofielen op alineaniveau
Een opmaakprofiel op alineaniveau (alinea-opmaakprofiel) is een verzameling van teken- en alinea-opmaakkenmerken die u benoemt en in een opmaakprofiel opslaat. Dit opmaakprofiel wordt meestal toegepast op begin- en eindcodes van alinea's (<p>) en kan van invloed zijn op alle tekst tussen deze codes. Bovendien kan een opmaakprofiel op alineaniveau ook op andere codes worden toegepast, zoals bijvoorbeeld een <div> element en een <td> element.
Opmaakprofielen op tekenniveau
Een opmaakprofiel op tekenniveau (tekenopmaakprofiel) is een combinatie van tekenopmaakopties die worden aangegeven door de naam van een opmaakprofiel. Dit opmaakprofiel wordt toegepast op tekst binnen een alinea.
HTML-code voor alinea's en grote onderdelen van alinea's
Alinea's kunnen in HTML-code worden opgemaakt met het p en met het div-element of kunnen worden geplaatst in een cel van een tabel. Grote onderdelen van alinea's worden opgemaakt met het span element.
 
Element    
p Omschrijving:
Voor gewone tekst in een document kan het p-element worden gebruikt. De door het p-element ingesloten tekst wordt in het algemeen voorafgegaan (boven de tekst) en gevolgd (onder de tekst) door een witruimte, vaak ter grootte van ongeveer één blanco regel. Indien het element gevolgd wordt door een tweede p-element, of een ander element op blokniveau (vb. blockquote, pre en hx), dan schuiven de witruimtes in elkaar en blijft er tussen de blokken tekst slechts één blanco regel over. Elk p-element zorgt ervoor dat de ingesloten tekst begint op een volgende regel.
Noot
Normaal kunt u zonder problemen deze code vervangen door het div-element indien u daarbij een geschikt opmaakprofiel kiest.
HTML-code
voorbeeld 1:
<p class="St">Dit is een eerste alinea opgemaakt met het p-element en een St-opmaakprofiel.</p><p class="St">Dit is een tweede alinea opgemaakt met het p-element en een St-opmaakprofiel.</p>
Voorbeeld 1:

Dit is een eerste alinea opgemaakt met het p-element en een St-opmaakprofiel.

Dit is een tweede alinea opgemaakt met het p-element en een St-opmaakprofiel.

HTML-code
voorbeeld 2:
<p class="Al">Dit is een eerste alinea opgemaakt met het p-element en een Al-opmaakprofiel.</p><p class="Al">Dit is tweede alinea opgemaakt met het p-element en een Al-opmaakprofiel.</p>
Voorbeeld 2:

Dit is een eerste alinea opgemaakt met het p-element en een Al-opmaakprofiel.

Dit is een tweede alinea opgemaakt met het p-element en een Al-opmaakprofiel.

div Omschrijving: Het element div wordt gebruikt wanneer een opmaakprofiel voor een deel van een document moet worden vastgelegd en dat deel niet tevens door een ander element wordt ingesloten. Elk div-element zorgt ervoor dat de ingesloten tekst begint op een volgende regel.
Noot
Normaal kan elke alinea van een document omsloten worden door een div-element.
HTML-code
voorbeeld 1:
<div class="St">Dit is een eerste alinea opgemaakt met het div-element en een St-opmaakprofiel.</div><div class="St">Dit is een tweede alinea opgemaakt met het div-element en een St-opmaakprofiel.</div>
Voorbeeld 1:
Dit is een eerste alinea opgemaakt met het div-element en een St-opmaakprofiel.
Dit is een tweede alinea opgemaakt met het div-element en een St-opmaakprofiel.
HTML-code
voorbeeld 2:
<div class="Al">Dit is een eerste alinea opgemaakt met het p-element en een St-opmaakprofiel.</div><div class="Al">Dit is een tweede alinea opgemaakt met het p-element en een St-opmaakprofiel.</div>
Voorbeeld 2:
Dit is een eerste alinea opgemaakt met het div-element en een Al-opmaakprofiel.
Dit is een tweede alinea opgemaakt met het div-element en een Al-opmaakprofiel.
td Omschrijving: Met het td element wordt het begin en het einde van een cel in een tabel gedefinieerd. Het td element kan dus ook worden gebruikt om alinea's van een document af te bakenen.
HTML-code: <table id="Tbl03" border="0" cellspacing="0" cellpadding="0" width="100%">
  <tr>
    <td class="St">Dit is een alinea geplaatst in een cel van een tabel (eerste rij, eerste kolom) opgemaakt met een St-opmaakprofiel.</td>
  </tr>
  <tr>
    <td class="St">&nbsp;</td>
  </tr>
  <tr>
    <td class="Al">Dit is een alinea geplaatst in een cel van een tabel (derde rij, eerste kolom) opgemaakt met een Al-opmaakprofiel.</td>
  </tr>
</table>
Voorbeeld 1:
Dit is een alinea geplaatst in een cel van een tabel (eerste rij, eerste kolom) opgemaakt met een St-opmaakprofiel.
 
Dit is een alinea geplaatst in een cel van een tabel (derde rij, eerste kolom) opgemaakt met een Al-opmaakprofiel.
span Omschrijving: Het element span wordt gebruikt wanneer een stijl voor een deel van een document moet worden vastgelegd en dat deel meestal door een ander element wordt ingesloten.
Het span-element mag alleen inline inhoud en inline elementen bevatten en zal daardoor in het algemeen betrekking hebben op een beperkt deel van een document/paragraaf/alinea.
HTML-code
voorbeeld:
<div class="St">Dit is een <span class="Bold">alinea</span> opgemaakt met het <span class="Bold">div-element</span> en een <span class="Bold">St-opmaakprofiel waarvan sommige onderdelen ingesloten in een <span class="Bold">span-element</span> vet zijn.</span>.</div>
Voorbeeld:
Dit is een alinea opgemaakt met het div-element en een St-opmaakprofiel waarvan sommige onderdelen ingesloten in een span-element vet zijn.
Opmaakprofielen voor tekstopmaak
Classes    
St Omschrijving: 'St' is een basisopmaakprofiel. Het wordt gebruikt voor doorlopende tekst waarbij geen witruimte is voorzien boven en onder de alinea. De tekstkleur is de standaard tekstkleur
HTML-code 1: <div class="St">Dit is een eerste alinea opgemaakt met het St-opmaakprofiel en geplaatst binnen een div-element.</div>
<div class="St">Dit is een tweede alinea opgemaakt met het St-opmaakprofiel en geplaatst binnen een div-element.</div>
<p class="St">Dit is een derde alinea opgemaakt met het St-opmaakprofiel en geplaatst binnen een p-element.</p>
<p class="St">Dit is een vierde alinea opgemaakt met het St-opmaakprofiel en geplaatst binnen een p-element.</p>
Voorbeeld 1:
Dit is een eerste alinea opgemaakt met het St-opmaakprofiel en geplaatst binnen een div-element.
Dit is een tweede alinea opgemaakt met het St-opmaakprofiel en geplaatst binnen een div-element.

Dit is een derde alinea opgemaakt met het St-opmaakprofiel en geplaatst binnen een p-element.

Dit is een vierde alinea opgemaakt met het St-opmaakprofiel en geplaatst binnen een p-element.

Al Omschrijving: 'Al' is een basisopmaakprofiel. Het wordt gebruikt voor doorlopende tekst waarbij geen witruimte is voorzien boven de alinea en een witruimte gelijk aan de helft van de lijnhoogte na de alinea. De tekstkleur is de standaard tekstkleur.
HTML-code 1: <div class="Al">Dit is een eerste alinea opgemaakt met de opmaakprofiel 'Al' en geplaatst binnen een div-element.</div>
<div class="Al">Dit is een tweede alinea opgemaakt met de opmaakprofiel 'Al' en geplaatst binnen een div-element.</div>
<p class="Al">Dit is een derde alinea opgemaakt met de opmaakprofiel 'Al' en geplaatst binnen een p-element.</p>
<p class="Al">Dit is een vierde alinea opgemaakt met de opmaakprofiel 'Al' en geplaatst binnen een p-element.</p>
Voorbeeld 1:
Dit is een eerste alinea opgemaakt met de opmaakprofiel 'Al' en geplaatst binnen een div-element.
Dit is een tweede alinea opgemaakt met de opmaakprofiel 'Al' en geplaatst binnen een div-element.

Dit is een derde alinea opgemaakt met de opmaakprofiel 'Al' en geplaatst binnen een p-element.

Dit is een vierde alinea opgemaakt met de opmaakprofiel 'Al' en geplaatst binnen een p-element.

Bold Omschrijving: 'Bold' is een opmaakprofiel die u kunt gebruiken op blokniveau of op inline niveau. Dit opmaakprofiel dient om de tekst vet te maken.
HTML-code 1: <div class="St">Dit is een <span class="Bold">alinea</span> met een aantal woorden <span class="Bold">vet</span>.</div>
Voorbeeld 1: Dit is een alinea met een aantal woorden vet.
HTML-code 2: <div class="St Bold">Dit is een alinea opgemaakt met het St-opmaakprofiel en alle woorden vet.</div>
Voorbeeld 2:
Dit is een alinea opgemaakt met het St-opmaakprofiel en alle woorden vet.
Crsf Omschrijving 'Crsf' is een opmaakprofiel die u kunt gebruiken op blokniveau of op inline niveau. Dit opmaakprofiel dient om de tekst cursief te maken.
HTML-code 1: <div class="St">Dit is een <span class="Crsf">alinea</span> met een aantal woorden <span class="Crsf">cursief</span>.</div>
Voorbeeld 1:
Dit is een alinea met een aantal woorden cursief.
HTML-code 2: <div class="St Crsf">Dit is een alinea opgemaakt met het St-opmaakprofiel en alle woorden cursief.</div>
Voorbeeld 2:
Dit is een alinea opgemaakt met het St-opmaakprofiel en alle woorden cursief.
Bold Crsf Omschrijving: 'Bold Crsf' is een voorbeeld van een verzameling van twee opmaakprofielen die u kunt gebruiken op blokniveau of op inline niveau. Deze verzameling van opmaakprofielen dient om de tekst vet en cursief te maken.
HTML-code 1: <div class="St">Dit is een <span class="Bold Crsf">alinea</span> met een aantal woorden <span class="Bold Crsf">vet en cursief</span>.</div>
Voorbeeld 1: Dit is een alinea met een aantal woorden vet en cursief.
HTML-code 2: <div class="St Bold Crsf">Dit is een alinea opgemaakt met het St-opmaakprofiel en alle woorden vet en cursief.</div>
Voorbeeld 2:
Dit is een alinea opgemaakt met het St-opmaakprofiel en alle woorden vet en cursief.
Ulne Omschrijving:
'Ulne' is een opmaakprofiel die u kunt gebruiken op blokniveau of op inline niveau. Dit opmaakprofiel dient om de tekst te onderlijnen.
Noot
Grafisch is het niet aangewezen om veel gebruik te maken van de mogelijkheid om tekst te onderlijnen. Hiermee spaarzaam omspringen is de boodschap. Beter kan men het (de) woord(en) vet maken, cursief, of een bepaalde kleur geven.
HTML-code 1: <div class="St">Dit is een <span class="Ulne">alinea</span> met een aantal woorden <span class="Ulne">onderlijnd</span>.</div>
Voorbeeld 1:
Dit is een alinea met een aantal woorden onderlijnd.
HTML-code 2: <div class="St Ulne">Dit is een alinea opgemaakt met het St-opmaakprofiel en alle woorden onderlijnd.</div>
Voorbeeld 2:
Dit is een alinea opgemaakt met het St-opmaakprofiel en alle woorden onderlijnd.
Uldt Omschrijving:
'Uldt' is een opmaakprofiel die u kunt gebruiken op blokniveau of op inline niveau. Dit opmaakprofiel dient om de tekst te onderlijnen met puntjes (dots).
Noot
Grafisch is het niet aangewezen om veel gebruik te maken van de mogelijkheid om tekst te onderlijnen. Hiermee spaarzaam omspringen is de boodschap. Beter kan men het (de) woord(en) vet maken, cursief, of een bepaalde kleur geven.
Indien u dit opmaakprofiel gebruikt in een div-element dan wordt de alinea onderlijnd tot de rechter kant. Het is dus beter dit opmaakprofiel op te nemen binnen een span-element
HTML-code 1: <div class="St">Dit is een <span class="UlDt">alinea</span> met een aantal woorden <span class="Uldt">met puntjes onderlijnd</span>.</div>
Voorbeeld 1:
Dit is een alinea met een aantal woorden met puntjes onderlijnd.
HTML-code 2: <div class="St Uldt">Dit is een alinea opgemaakt met het St-en het Uldt-opmaakprofiel. Hiermee wordt de ganse alinea onderlijnd.</div>
Voorbeeld 2:
Dit is een alinea opgemaakt met het St- en het Uldt-opmaakprofiel. Hiermee wordt de ganse alinea onderlijnd.
Op1-16Ci Omschrijving: 'Op1-16Ci' is een opmaakprofiel met een cirkel als opsommingsteken. De tekst van de alinea springt 16 px in langs de linker kant.
HTML-code 1: <div class="St Op1-16Ci">Dit is een alinea met een opsommingsteken geplaatst in een div-element. De volledige alinea springt 16px in vanaf de linker kant en is opgemaakt met twee opmaakprofielen St en Op1-16Ci.</div>
Voorbeeld 1:
Dit is een alinea met een opsommingsteken geplaatst in een div-element. De volledige alinea springt 16px in vanaf de linker kant en is opgemaakt met twee opmaakprofielen St en Op1-16Ci.
HTML-code 2: <div class="Al Op1-16Ci">Dit is een alinea met een opsommingsteken geplaatst in een div-element. De volledige alinea springt 16px in vanaf de linker kant en is opgemaakt met twee opmaakprofielen Al en Op1-16Ci.</div>
Voorbeeld 2:
Dit is een alinea met een opsommingsteken geplaatst in een div-element. De volledige alinea springt 16px in vanaf de linker kant en is opgemaakt met twee opmaakprofielen Al en Op1-16Ci.
Op1-16CiIn Omschrijving: 'Op1-16CiIn' is een opmaakprofiel met een cirkel als opsommingsteken. De eerste regel van de alinea springt 16 px in langs de linker kant (indent), de andere regels niet.
HTML-code 1: <div class="St Op1-16CiIn">Dit is een alinea met een opsommingsteken geplaatst in een div-element. De eerste regel van de alinea springt 16px in vanaf de linker kant (indent), de andere regels niet. Deze alinea is opgemaakt met twee opmaakprofielen St en Op1-16Ci.</div>
Voorbeeld 1:
Dit is een alinea met een opsommingsteken geplaatst in een div-element. De eerste regel van de alinea springt 16px in vanaf de linker kant, de andere regels niet (indent). Deze alinea is opgemaakt met twee opmaakprofielen St en Op1-16Ci.
HTML-code 2: <div class="Al Op1-16CiIn">Dit is een alinea met een opsommingsteken geplaatst in een div-element. De eerste regel van de alinea springt 16px in vanaf de linker kant (indent), de andere regels niet. Deze alinea is opgemaakt met twee opmaakprofielen St en Op1-16Ci.</div>
Voorbeeld 2:
Dit is een alinea met een opsommingsteken geplaatst in een div-element. De eerste regel van de alinea springt 16px in vanaf de linker kant (indent), de andere regels niet. Deze alinea is opgemaakt met twee opmaakprofielen St en Op1-16Ci.
In1-16 Omschrijving: 'In1-16' is een opmaakprofiel dat er voor zorgt dat de volledige alinea 16px inspringt.
HTML-code 1: <div class="St In1-16">Dit is een alinea geplaatst in een div-element. De volledige alinea springt 16px in vanaf de linker kant en is opgemaakt met twee opmaakprofielen St en In1-16.</div>
Voorbeeld 1:
Dit is een alinea geplaatst in een div-element. De volledige alinea springt 16px in vanaf de linker kant en is opgemaakt met twee opmaakprofielen St en In1-16.
HTML-code 2: <div class="Al In1-16">Dit is een alinea geplaatst in een div-element. De volledige alinea springt 16px in vanaf de linker kant en is opgemaakt met twee opmaakprofielen Al en In1-16.</div>
Voorbeeld 2:
Dit is een alinea geplaatst in een div-element. De volledige alinea springt 16px in vanaf de linker kant en is opgemaakt met twee opmaakprofielen Al en In1-16.
Op2-32Ci Omschrijving: 'Op2-32Ci' is een opmaakprofiel met een opsommingsteken (cirkel of streep). De tekst van de alinea springt 32 px in langs de linker kant.
HTML-code 1: <div class="St Op2-32Ci">Dit is een alinea met een opsommingsteken geplaatst in een div-element. De volledige alinea springt 32px in vanaf de linker kant en is opgemaakt met twee opmaakprofielen St en Op2-32Ci.</div>
Voorbeeld 1:
Dit is een alinea met een opsommingsteken geplaatst in een div-element. De volledige alinea springt 32px in vanaf de linker kant en is opgemaakt met twee opmaakprofielen St en Op2-32Ci.
HTML-code 2: <div class="Al Op2-32Ci">Dit is een alinea met een opsommingsteken geplaatst in een div-element. De volledige alinea springt 32px in vanaf de linker kant en is opgemaakt met twee opmaakprofielen Al en Op2-32Ci.</div>
Voorbeeld 2:
Dit is een alinea met een opsommingsteken geplaatst in een div-element. De volledige alinea springt 16px in vanaf de linker kant en is opgemaakt met twee opmaakprofielen Al en Op2-32Ci.
Op2-32CiIn Omschrijving: 'Op2-32CiIn' is een opmaakprofiel met een opsommingsteken (cirkel of streep). De eerste regel van de alinea springt 32 px in langs de linker kant (indent), de andere regels springen 16 px in. Dit profiel wordt dus gebruikt als tweede opsommingsteken nadat eerst het profiel Op1-16px werd gebruikt.
HTML-code 1: <div class="St Op2-32CiIn">Dit is een alinea met een opsommingsteken geplaatst in een div-element. De eerste regel van de alinea springt 32px in vanaf de linker kant (indent), de andere regels springen 16 px in. Deze alinea is opgemaakt met twee opmaakprofielen St en Op2-32Ci.</div>
Voorbeeld 1:
Dit is een alinea met een opsommingsteken geplaatst in een div-element. De eerste regel van de alinea springt 32px in vanaf de linker kant (indent), de andere regels springen 16 px in. Deze alinea is opgemaakt met twee opmaakprofielen St en Op2-32Ci.
HTML-code 2: <div class="Al Op2-32CiIn">Dit is een alinea met een opsommingsteken geplaatst in een div-element. De eerste regel van de alinea springt 32px in vanaf de linker kant (indent), de andere regels springen 16 px in. Deze alinea is opgemaakt met twee opmaakprofielen Al en Op2-32Ci.</div>
Voorbeeld 2:
Dit is een alinea met een opsommingsteken geplaatst in een div-element. De eerste regel van de alinea springt 32px in vanaf de linker kant (indent), de andere regels springen 16 px in. Deze alinea is opgemaakt met twee opmaakprofielen Al en Op2-32Ci.
In2-32 Omschrijving: 'In2-32' is een opmaakprofiel dat er voor zorgt dat de volledige alinea 32px inspringt.
HTML-code 1: <div class="St In2-32">Dit is een alinea geplaatst in een div-element. De volledige alinea springt 32px in vanaf de linker kant en is opgemaakt met twee opmaakprofielen St en In2-32.</div>
Voorbeeld 1:
Dit is een alinea geplaatst in een div-element. De volledige alinea springt 32px in vanaf de linker kant en is opgemaakt met twee opmaakprofielen St en In2-32.
HTML-code 2: <div class="Al In2-32">Dit is een alinea geplaatst in een div-element. De volledige alinea springt 32px in vanaf de linker kant en is opgemaakt met twee opmaakprofielen Al en In2-32.</div>
Voorbeeld 2:
Dit is een alinea geplaatst in een div-element. De volledige alinea springt 32px in vanaf de linker kant en is opgemaakt met twee opmaakprofielen Al en In2-32.
Op1-25Ci Omschrijving: 'Op1-25Ci' is een opmaakprofiel met een cirkel als opsommingsteken. De tekst van de alinea springt 25 px in langs de linker kant.
HTML-code 1: <div class="St Op1-25Ci">Dit is een alinea met een opsommingsteken geplaatst in een div-element. De volledige alinea springt 25px in vanaf de linker kant en is opgemaakt met twee opmaakprofielen St en Op1-25Ci.</div>
Voorbeeld 1:
Dit is een alinea met een opsommingsteken geplaatst in een div-element. De volledige alinea springt 25px in vanaf de linker kant en is opgemaakt met twee opmaakprofielen St en Op1-25Ci.
HTML-code 2: <div class="Al Op1-25Ci">Dit is een alinea met een opsommingsteken geplaatst in een div-element. De volledige alinea springt 25px in vanaf de linker kant en is opgemaakt met twee opmaakprofielen Al en Op1-25Ci.</div>
Voorbeeld 2:
Dit is een alinea met een opsommingsteken geplaatst in een div-element. De volledige alinea springt 25px in vanaf de linker kant en is opgemaakt met twee opmaakprofielen Al en Op1-25Ci.
Op1-25CiIn Omschrijving: 'Op1-25CiIn' is een opmaakprofiel met een cirkel als opsommingsteken. De eerste regel van de alinea springt 25 px in langs de linker kant (indent), de andere regels niet.
HTML-code 1: <div class="St Op1-25CiIn">Dit is een alinea met een opsommingsteken geplaatst in een div-element. De eerste regel van de alinea springt 25px in vanaf de linker kant (indent), de andere regels niet. Deze alinea is opgemaakt met twee opmaakprofielen St en Op1-25Ci.</div>
Voorbeeld 1:
Dit is een alinea met een opsommingsteken geplaatst in een div-element. De eerste regel van de alinea springt 25px in vanaf de linker kant, de andere regels niet (indent). Deze alinea is opgemaakt met twee opmaakprofielen St en Op1-25Ci.
HTML-code 2: <div class="Al Op1-25CiIn">Dit is een alinea met een opsommingsteken geplaatst in een div-element. De eerste regel van de alinea springt 25px in vanaf de linker kant (indent), de andere regels niet. Deze alinea is opgemaakt met twee opmaakprofielen St en Op1-25Ci.</div>
Voorbeeld 2:
Dit is een alinea met een opsommingsteken geplaatst in een div-element. De eerste regel van de alinea springt 25px in vanaf de linker kant (indent), de andere regels niet. Deze alinea is opgemaakt met twee opmaakprofielen St en Op1-25Ci.
In1-25 Omschrijving: 'In1-25' is een opmaakprofiel dat er voor zorgt dat de volledige alinea 16px inspringt.
HTML-code 1: <div class="St In1-25">Dit is een alinea geplaatst in een div-element. De volledige alinea springt 25px in vanaf de linker kant en is opgemaakt met twee opmaakprofielen St en In1-25.</div>
Voorbeeld 1:
Dit is een alinea geplaatst in een div-element. De volledige alinea springt 25px in vanaf de linker kant en is opgemaakt met twee opmaakprofielen St en In1-25.
HTML-code 2: <div class="Al In1-25">Dit is een alinea geplaatst in een div-element. De volledige alinea springt 25px in vanaf de linker kant en is opgemaakt met twee opmaakprofielen Al en In1-25.</div>
Voorbeeld 2:
Dit is een alinea geplaatst in een div-element. De volledige alinea springt 25px in vanaf de linker kant en is opgemaakt met twee opmaakprofielen Al en In1-25.
Op2-50Ci Omschrijving: 'Op2-50Ci' is een opmaakprofiel met een opsommingsteken (cirkel of streep). De tekst van de alinea springt 50 px in langs de linker kant.
HTML-code 1: <div class="St Op2-50Ci">Dit is een alinea met een opsommingsteken geplaatst in een div-element. De volledige alinea springt 50px in vanaf de linker kant en is opgemaakt met twee opmaakprofielen St en Op2-50Ci.</div>
Voorbeeld 1:
Dit is een alinea met een opsommingsteken geplaatst in een div-element. De volledige alinea springt 50px in vanaf de linker kant en is opgemaakt met twee opmaakprofielen St en Op2-50Ci.
HTML-code 2: <div class="Al Op2-50Ci">Dit is een alinea met een opsommingsteken geplaatst in een div-element. De volledige alinea springt 50px in vanaf de linker kant en is opgemaakt met twee opmaakprofielen Al en Op2-50Ci.</div>
Voorbeeld 2:
Dit is een alinea met een opsommingsteken geplaatst in een div-element. De volledige alinea springt 25px in vanaf de linker kant en is opgemaakt met twee opmaakprofielen Al en Op2-50Ci.
Op2-50CiIn Omschrijving: 'Op2-50CiIn' is een opmaakprofiel met een opsommingsteken (cirkel of streep). De eerste regel van de alinea springt 50 px in langs de linker kant (indent), de andere regels springen 25 px in. Dit profiel wordt dus gebruikt als tweede opsommingsteken nadat eerst het profiel Op1-25px werd gebruikt.
HTML-code 1: <div class="St Op2-50CiIn">Dit is een alinea met een opsommingsteken geplaatst in een div-element. De eerste regel van de alinea springt 50px in vanaf de linker kant (indent), de andere regels springen 25 px in. Deze alinea is opgemaakt met twee opmaakprofielen St en Op2-50Ci.</div>
Voorbeeld 1:
Dit is een alinea met een opsommingsteken geplaatst in een div-element. De eerste regel van de alinea springt 50px in vanaf de linker kant (indent), de andere regels springen 25px in. Deze alinea is opgemaakt met twee opmaakprofielen St en Op2-50Ci.
HTML-code 2: <div class="Al Op2-50CiIn">Dit is een alinea met een opsommingsteken geplaatst in een div-element. De eerste regel van de alinea springt 50px in vanaf de linker kant (indent), de andere regels springen 25px in. Deze alinea is opgemaakt met twee opmaakprofielen Al en Op2-50Ci.</div>
Voorbeeld 2:
Dit is een alinea met een opsommingsteken geplaatst in een div-element. De eerste regel van de alinea springt 50px in vanaf de linker kant (indent), de andere regels springen 25 px in. Deze alinea is opgemaakt met twee opmaakprofielen Al en Op2-50Ci.
In2-50 Omschrijving: 'In2-50' is een opmaakprofiel dat er voor zorgt dat de volledige alinea 50px inspringt.
HTML-code 1: <div class="St In2-50">Dit is een alinea geplaatst in een div-element. De volledige alinea springt 50px in vanaf de linker kant en is opgemaakt met twee opmaakprofielen St en In2-50.</div>
Voorbeeld 1:
Dit is een alinea geplaatst in een div-element. De volledige alinea springt 50px in vanaf de linker kant en is opgemaakt met twee opmaakprofielen St en In2-50.
HTML-code 2: <div class="Al In2-50">Dit is een alinea geplaatst in een div-element. De volledige alinea springt 50px in vanaf de linker kant en is opgemaakt met twee opmaakprofielen Al en In2-50.</div>
Voorbeeld 2:
Dit is een alinea geplaatst in een div-element. De volledige alinea springt 50px in vanaf de linker kant en is opgemaakt met twee opmaakprofielen Al en In2-50.
Co-000000
Co-1f1f1f
Co-3f3f3f
Co-5f5f5f
Co-7f7f7f
Co-9f9f9f
Co-bfbfbf
Co-dfdfdf
Co-ffffff
  De volgende opmaakprofielen kunnen worden gebruikt als tekstkleuropmaakprofielen (grijstinten). Deze kunnen zowel op blokniveau of op inline niveau worden gebruikt.
HTML-code: <div class="St Co-000000">Dit is een alinea waarvan de tekstkleur volledig zwart is. U hebt al kunnen opmerken dat de standaard tekstkleur een grijze tekstkleur is. Volgende grijstinten kunnen worden aangewend:</div>
<div class="St"><span class="Co-1f1f1f">Eén</span>, <span class="Co-3f3f3f">twee</span>, <span class="Co-5f5f5f">drie</span>, <span class="Co-7f7f7f">vier</span>, <span class="Co-9f9f9f">vijf</span>, <span class="Co-bfbfbf">zes</span>, <span class="Co-dfdfdf  Bg-7f7f7f">zeven</span>, <span class="Co-ffffff Bg-7f7f7f">acht</span>.</div>
Voorbeeld:
Dit is een alinea waarvan de tekstkleur volledig zwart is. U hebt al kunnen opmerken dat de standaard tekstkleur een grijze tekstkleur is. Volgende grijstinten kunnen worden aangewend:
Eén, twee, drie, vier, vijf, zes, zeven, acht.
Opmaakprofielen voor achtergronden
Classes    
Bg-000000
Bg-1f1f1f
Bg-3f3f3f
Bg-5f5f5f
Bg-7f7f7f
Bg-9f9f9f
Bg-bfbfbf
Bg-dfdfdf
Bg-ffffff
Bg-666666
Bg-797979
Bg-8c8c8c
Bg-9f9f9f
Bg-b2b2b2
Bg-c5c5c5
Bg-d8d8d8
Bg-ebebeb
Omschrijving:
De volgende opmaakprofielen kunnen worden gebruikt als achtergronden (grijstinten). Deze kunnen zowel op blokniveau of op inline niveau worden gebruikt.
Noot
Grafisch is het niet aangewezen om veel gebruik te maken van de mogelijkheid om tekst met een achtergrond te beklemtonen. Hiermee spaarzaam omspringen is de boodschap. Beter kan men het (de) woord(en) vet maken, cursief, of een bepaalde kleur geven.
Deze opmaakprofielen kunnen ook worden gebruikt om de cellen van een tabel met een grijstint in te kleuren. Gebruik dan geen al te donkere achtergronden.
HTML-code 1: <div class="St bg-d8d8d8">
<table border="0" width="100%" cellpadding="0" cellspacing="3">
  <tr>
    <td class="Bg-000000">&nbsp;</td>
    <td class="Bg-1f1f1f">&nbsp;</td>
    <td class="Bg-3f3f3f">&nbsp;</td>
    <td class="Bg-5f5f5f">&nbsp;</td>
    <td class="Bg-7f7f7f">&nbsp;</td>
    <td class="Bg-9f9f9f">&nbsp;</td>
    <td class="Bg-bfbfbf">&nbsp;</td>
    <td class="Bg-dfdfdf">&nbsp;</td>
    <td class="Bg-ffffff">&nbsp;</td>
  </tr>
</table>
</div>
<div class="St">&nbsp;</div>
<div class="St bg-dfdfdf">
<table border="0" width="100%" cellpadding="0" cellspacing="3">
  <tr>
    <td class="Bg-666666">&nbsp;</td>
    <td class="Bg-797979">&nbsp;</td>
    <td class="Bg-8c8c8c">&nbsp;</td>
    <td class="Bg-9f9f9f">&nbsp;</td>
    <td class="Bg-b2b2b2">&nbsp;</td>
    <td class="Bg-c5c5c5">&nbsp;</td>
    <td class="Bg-d8d8d8">&nbsp;</td>
    <td class="Bg-ebebeb">&nbsp;</td>
    <td class="Bg-ffffff">&nbsp;</td>
  </tr>
</table>
</div>
Voorbeeld 1:
                 
 
                 
HTML-code 2: <div>Dit is een alinea waar een <span class="Bg-ebebeb">aantal woorden</span> met een <span class="Bg-d8d8d8">achtergrond</span> werden opgemaakt.</div>
Voorbeeld 2:
Dit is een alinea waar een aantal woorden met een achtergrond werden opgemaakt.
Tekstuitlijning
Classes    
HoAlLe Omschrijving:
Met het HoAlLe-opmaakprofiel kun je bepalen hoe de inhoud van een element op blokniveau horizontaal binnen een element moet worden uitgelijnd. Het HoAlLe-opmaakprofiel zorgt ervoor dat de inhoud links wordt uitgelijnd.
Noot
Het St- en het Al-opmaakprofielen wordt standaard links en rechts uitgelijnd.
HTML-code
voorbeeld:
<div class="St HoAlLe">Deze tekst is links uitgelijnd.<br />Dit zie je goed als u de rest van de tekst <br />op een volgende regel plaatst.</div>
Voorbeeld:
Deze tekst is links uitgelijnd.
Dit zie je goed als u de rest van de tekst
op een volgende regel plaatst.
HoAlRi Omschrijving:
Met het HoAlRi-opmaakprofiel kun je bepalen hoe de inhoud van een element op blokniveau horizontaal binnen een element moet worden uitgelijnd. Het HoAlRi-opmaakprofiel zorgt ervoor dat de inhoud rechts wordt uitgelijnd.
Noot
Het St- en het Al-opmaakprofielen wordt standaard links en rechts uitgelijnd.
HTML-code
voorbeeld:
<div class="St HoAlRi">Deze tekst is rechts uitgelijnd.<br />Dit zie je goed als u de rest van de tekst <br />op een volgende regel plaatst.</div>
Voorbeeld:
Deze tekst is rechts uitgelijnd.
Dit zie je goed als u de rest van de tekst
op een volgende regel plaatst.
HoAlCe Omschrijving:
Met het HoAlCe-opmaakprofiel kun je bepalen hoe de inhoud van een element op blokniveau horizontaal binnen een element moet worden uitgelijnd. Het HoAlCe-opmaakprofiel zorgt ervoor dat de inhoud wordt gecentreerd.
Noot
Het St- en het Al-opmaakprofielen wordt standaard links en rechts uitgelijnd.
HTML-code: <div class="St HoAlCe">Deze tekst is gecentreerd<br />Dit zie je goed als u de rest van de tekst <br />op een volgende regel plaatst.</div>
Voorbeeld:
Deze tekst is gecentreerd
Dit zie je goed als u de rest van de tekst
op een volgende regel plaatst.
HoAlJu Omschrijving:
Met het HoAlJu-opmaakprofiel kun je bepalen hoe de inhoud van een element op blokniveau horizontaal binnen een element moet worden uitgelijnd. Het HoAlJu-opmaakprofiel zorgt ervoor dat de inhoud zowel links als rechts wordt uitgelijnd.
Noot
Het St- en het Al-opmaakprofielen wordt standaard links en rechts uitgelijnd.
Tweezijdig uitgevulde tekstblokken resulteren niet altijd in een mooie verdeling van de woorden over de regels.
HTML-code: <div class="St HoAlJu" style="width:200px">Deze tekst is links en rechts uitgelijnd. Uiteraard moet u een aantal regels tekst hebben om dit goed te kunnen bekijken. <br />Breekt u de regel af met een break dan wordt de laatste regel niet uitgelijnd.</div>
Voorbeeld:
Deze tekst is links en rechts uitgelijnd. Uiteraard moet u een aantal regels tekst hebben om dit goed te kunnen bekijken.
Breekt u de regel af met een break dan wordt de laatste regel niet uitgelijnd.
VeAlTo Omschrijving:
Met het VeAlTo-opmaakprofiel kun je bepalen hoe de inhoud van een element op blokniveau verticaal binnen een element moet worden uitgelijnd. Het VeAlTo-opmaakprofiel zorgt ervoor dat de inhoud bovenaan wordt uitgelijnd.
Noot
Indien u gebruik maakt van andere opmaakprofielen zoals St, Al,... dan werden deze standaard verticaal bovenaan uitgelijnd.
HTML-code: <table border="0" width="100%" cellpadding="0" cellspacing="0">
  <tr>
    <td class="St VeAlTo" style="height:40px">Bovenaan uitgelijnd.</td>
  </tr>
</table>
Voorbeeld:
Bovenaan uitgelijnd.
VeAlBo Omschrijving:
Met het VeAlBo-opmaakprofiel kun je bepalen hoe de inhoud van een element op blokniveau verticaal binnen een element moet worden uitgelijnd. Het VeAlTo-opmaakprofiel zorgt ervoor dat de inhoud bovenaan wordt uitgelijnd.
Noot
Indien u gebruik maakt van andere opmaakprofielen zoals St, Al,... dan werden deze standaard verticaal bovenaan uitgelijnd.
HTML-code: <table border="0" width="100%" cellpadding="0" cellspacing="0">
  <tr>
    <td class="St VeAlBo" style="height:40px">Onderaan uitgelijnd.</td>
  </tr>
</table>
Voorbeeld:
Onderaan uitgelijnd.
VeAlMi Omschrijving:
Met het VeAlMi-opmaakprofiel kun je bepalen hoe de inhoud van een element op blokniveau verticaal binnen een element moet worden uitgelijnd. Het VeAlTo-opmaakprofiel zorgt ervoor dat de inhoud bovenaan wordt uitgelijnd.
Noot
Indien u gebruik maakt van andere opmaakprofielen zoals St, Al,... dan werden deze standaard verticaal bovenaan uitgelijnd.
HTML-code: <table border="0" width="100%" cellpadding="0" cellspacing="0">
  <tr>
    <td class="St VeAlTo" style="height:40px">In het midden uitgelijnd.</td>
  </tr>
</table>
Voorbeeld:
In het midden uitgelijnd.
Opmaakprofielen voor niet genummerde titels
Classes    
Tit1-32Ci Omschrijving:
'Tit1-32Ci' is een opmaakprofiel dat men kan gebruiken als titel voor onderdelen (niveau 1) van een document. Deze titel wordt voorafgegaan door een cirkel. Zowel vóór als na de titel is er een witruimte voorzien van 14px hetgeen overeenkomt met een blanco regel opgemaakt met het St-opmaakprofiel.
Noot
In websites opteert men niet dikwijls voor genummerde onderverdelingen. Indien u dit wil kies dan voor een variant van deze onderverdeling. Dit is de combinatie van het Tit1-50Nr- en het Tit1-50Te-opmaakprofiel.
Titels worden nooit afgesloten met een punt (.) of met een dubbele punt (:).
HTML-code
voorbeeld:
<div class="Tit1-32Ci">Dit is een onderverdeling (niveau 1) in een document</div>
Voorbeeld:
Dit is een onderverdeling (niveau 1) in een document
Tit2-32Ci Omschrijving:
'Tit2-32Ci' is een opmaakprofiel dat men kan gebruiken als titel voor onderdelen (niveau 2) van een document. De tweede onderverdeling (komt na de onderverdeling opgemaakt met het Tit1-32Ci-opmaakprofiel. Deze titel wordt voorafgegaan door een cirkel. Na deze titel is er een witruimte voorzien van 14px hetgeen overeenkomt met een blanco regel opgemaakt met het St-opmaakprofiel.
Noot
Zorg ervoor dat u vóór deze titel een witruimte hebt van één regel.
In websites opteert men niet dikwijls voor genummerde onderverdelingen. Indien u dit wil kies dan voor een variant van deze onderverdeling. Dit is de combinatie van het Tit2-50Nr- en het Tit2-50Te-opmaakprofiel.
Titels worden nooit afgesloten met een punt (.) of met een dubbele punt (:).
HTML-code
voorbeeld:
<div class="St">&nbsp;</div>
<div class="Tit2-32Ci">Dit is een onderverdeling (niveau 2) in een document.</div>
Voorbeeld:
 
Dit is een onderverdeling (niveau 2) in een document.
Tit3-32Ci Omschrijving:
'Tit3-32Ci' is een opmaakprofiel dat men kan gebruiken als titel voor onderdelen (niveau 3) van een document. De tweede onderverdeling (komt na de onderverdeling opgemaakt met het Tit2-32Ci-opmaakprofiel. Deze titel wordt voorafgegaan door een cirkel. Na deze titel is er een witruimte voorzien van 14px hetgeen overeenkomt met een blanco regel opgemaakt met het St-opmaakprofiel.
Noot
Zorg ervoor dat u vóór deze titel een witruimte hebt van één regel.
In websites opteert men niet dikwijls voor genummerde onderverdelingen. Indien u dit wil kies dan voor een variant van deze onderverdeling. Dit is de combinatie van het Tit2-50Nr- en het Tit2-50Te-opmaakprofiel.
Titels worden nooit afgesloten met een punt (.) of met een dubbele punt (:).
HTML-code: <div class="St">&nbsp;</div>
<div class="Tit3-32Ci">Dit is een onderverdeling (niveau 3) in een document.</div>
Voorbeeld:
 
Dit is een onderverdeling (niveau 3) in een document.
Tit4-32Ci Omschrijving:
'Tit4-32Ci' is een opmaakprofiel dat men kan gebruiken als titel voor onderdelen (niveau 4) van een document. De tweede onderverdeling (komt na de onderverdeling opgemaakt met het Tit3-32Ci-opmaakprofiel. Deze titel wordt voorafgegaan door een cirkel. Na deze titel is er een witruimte voorzien van 14px hetgeen overeenkomt met een blanco regel opgemaakt met het St-opmaakprofiel.
Noot
Zorg ervoor dat u vóór deze titel een witruimte hebt van één regel.
In websites opteert men niet dikwijls voor genummerde onderverdelingen. Indien u dit wil kies dan voor een variant van deze onderverdeling. Dit is de combinatie van het Tit4-50Nr- en het Tit4-50Te-opmaakprofiel.
Titels worden nooit afgesloten met een punt (.) of met een dubbele punt (:).
HTML-code: <div class="St">&nbsp;</div>
<div class="Tit4-32Ci">Dit is een onderverdeling (niveau 4) in een document.</div>
Voorbeeld:
 
Dit is een onderverdeling (niveau 4) in een document.
ArtTit Omschrijving:
'ArtTit' is een opmaakprofiel dat men kan gebruiken als hoofdtitel van het document. Het wordt onmiddellijk onder de artikelkenmerken geplaatst (indien men deze voorziet). Indien u dit opmaakprofiel gebruikt is het logisch dat u geen container toont omdat daar ook de titel wordt geplaatst.
Noot
De meeste containers worden voorzien van een printicon waarmee de inhoud van de module kan worden uitgeprint. Dit icon bevindt zich meestal in de hoofdding of de voet van de container. U kunt deze faciliteit nog gebruiken indien er een speciale container wordt gemaakt zonder titel.
HTML-code: <div class="ArtTit">Voorgedefineerde Stabiton opmaakprofielen te gebruiken in de Text/HTML module</div>
Voorbeeld:
Voorgedefineerde Stabiton opmaakprofielen te gebruiken in de Text/HTML module
Opmaakprofielen voor genummerde titels
Classes    
Tit1-50Nr
en
Tit1-50Te
Omschrijving:
De opmaakprofielen 'Tit1-50Nr' en 'Tit1-50Te' moeten tezamen worden gebruikt wil men een genummerde titel maken voor onderdelen (niveau 1) van een document. Het opmaakprofiel Tit1-50Nr bepaalt de opmaak van het nummer, het opmaakprofiel Tit1-50Te bepaalt de opmaak van de tekst van de titel. Zowel vóór als na de titel is er een witruimte voorzien van 14px hetgeen overeenkomt met een blanco regel opgemaakt met het St-opmaakprofiel.
Noot
Bij deze titels passen andere opsommingstekens en inspringingen. De volgende opmaakprofielen dienen hierbij te worden gebruikt: Op1-25Ci, Op1-25CiIn, Op1-25, Op2-50Ci, Op2-50CiIn en Op2-50.
In websites opteert men niet dikwijls voor genummerde onderverdelingen. Indien u kan kiest u voor een variant van deze onderverdeling. U maakt dan gebruik van het Tit1-32Ci-opmaakprofiel.
Titels worden nooit afgesloten met een punt (.) of met een dubbele punt (:).
HTML-code
voorbeeld:
<div class="Tit1-50Te"><span class="Tit1-50Nr">1</span>Dit is een onderverdeling (niveau 1) in een document</div>
Voorbeeld:
1Dit is een onderverdeling (niveau 1) in een document
Tit2-50Nr
en
Tit2-50Te
Omschrijving:
De opmaakprofielen 'Tit2-50Nr' en 'Tit2-50Te' moeten tezamen worden gebruikt wil men een genummerde titel maken voor onderdelen (niveau 2) van een document. Het opmaakprofiel Tit2-50Nr bepaalt de opmaak van het nummer, het opmaakprofiel Tit2-50Te bepaalt de opmaak van de tekst van de titel. Na de titel is er een witruimte voorzien van 14px hetgeen overeenkomt met een blanco regel opgemaakt met het St-opmaakprofiel.
Noot
Zorg ervoor dat u vóór deze titel een witruimte hebt van één regel.
Bij deze titels passen andere opsommingstekens en inspringingen. De volgende opmaakprofielen dienen hierbij te worden gebruikt: Op1-25Ci, Op1-25CiIn, Op1-25, Op2-50Ci, Op2-50CiIn en Op2-50.
In websites opteert men niet dikwijls voor genummerde onderverdelingen. Indien u kan kiest u voor een variant van deze onderverdeling. U maakt dan gebruik van het Tit2-32Ci-opmaakprofiel.
Titels worden nooit afgesloten met een punt (.) of met een dubbele punt (:).
HTML-code
voorbeeld:
<div class="St">&nbsp;</div>
<div class="Tit2-50Te"><span class="Tit2-50Nr">1</span>Dit is een onderverdeling (niveau 2) in een document</div>
Voorbeeld:
 
1.1Dit is een onderverdeling (niveau 2) in een document
Tit3-50Nr
en
Tit3-50Te
Omschrijving:
'Tit3-32Ci' is een opmaakprofiel dat men kan gebruiken als titel voor onderdelen (niveau 3) van een document. De tweede onderverdeling (komt na de onderverdeling opgemaakt met het Tit2-32Ci-opmaakprofiel. Deze titel wordt voorafgegaan door een cirkel. Na deze titel is er een witruimte voorzien van 14px hetgeen overeenkomt met een blanco regel opgemaakt met het St-opmaakprofiel.
Noot
Zorg ervoor dat u vóór deze titel een witruimte hebt van één regel.
Bij deze titels passen andere opsommingstekens en inspringingen. De volgende opmaakprofielen dienen hierbij te worden gebruikt: Op1-25Ci, Op1-25CiIn, Op1-25, Op2-50Ci, Op2-50CiIn en Op2-50.
In websites opteert men niet dikwijls voor genummerde onderverdelingen. Indien u kan kiest u voor een variant van deze onderverdeling. U maakt dan gebruik van het Tit3-32Ci-opmaakprofiel.
Titels worden nooit afgesloten met een punt (.) of met een dubbele punt (:).
HTML-code: <div class="St">&nbsp;</div>
<div class="Tit3-50Te"><span class="Tit3-50Nr">1</span>Dit is een onderverdeling (niveau 3) in een document</div>
Voorbeeld:
 
1.1.1Dit is een onderverdeling (niveau 3) in een document.
Tit4-50Nr
en
Tit4-50Te
Omschrijving:
'Tit4-32Ci' is een opmaakprofiel dat men kan gebruiken als titel voor onderdelen (niveau 4) van een document. De tweede onderverdeling (komt na de onderverdeling opgemaakt met het Tit3-32Ci-opmaakprofiel. Deze titel wordt voorafgegaan door een cirkel. Na deze titel is er een witruimte voorzien van 14px hetgeen overeenkomt met een blanco regel opgemaakt met het St-opmaakprofiel.
Noot
Zorg ervoor dat u vóór deze titel een witruimte hebt van één regel.
Bij deze titels passen andere opsommingstekens en inspringingen. De volgende opmaakprofielen dienen hierbij te worden gebruikt: Op1-25Ci, Op1-25CiIn, Op1-25, Op2-50Ci, Op2-50CiIn en Op2-50.
In websites opteert men niet dikwijls voor genummerde onderverdelingen. Indien u kan kiest u voor een variant van deze onderverdeling. U maakt dan gebruik van het Tit4-32Ci-opmaakprofiel.
Titels worden nooit afgesloten met een punt (.) of met een dubbele punt (:).
HTML-code: <div class="St">&nbsp;</div>
<div class="Tit4-50Te"><span class="Tit4-50Nr">1</span>Dit is een onderverdeling (niveau 4) in een document</div>
Voorbeeld:
 
1.1.1.1Dit is een onderverdeling (niveau 4) in een document.
Artikelkenmerken
Classes    
ArtKnmrk Omschrijving:
Bij het publiceren van documenten op het internet is het aangewezen dat bovenaan het document een aantal kenmerken worden geplaatst. Men denke daarbij aan de naam van uw bedrijf/organisatie, de datum, de auteur, een klassificatiecode, een item waarop dit document betrekking heeft. Het opmaakprofiel ArtKnmrk biedt u de mogelijkheid om dit geheel in een klaargemaakt opmaakprofiel te plaatsen. Hieronder wordt de code aangegeven van de gegevens die u bovenaan dit document kunt vinden. Zoals u kunt zien is het geheel vervat in een div-element opgemaakt met het ArtKnmrk-opmaakprofiel. De af te beelden gegevens bevinden zich vervolgens in een tabel (x-rijen, y-kolommen) opgemaakt met het St-opmaakprofiel. De gegevens in de linker kolom werden links uitgelijnd (standaard ingesteld) en de gegevens in de rechterkolom rechts uitgelijnd.
Noot
Indien er nog meer gegevens moeten worden vermeld dan kan dit op dezelfde wijze. Voeg gewoon een regel bij in de tabel.
HTML-code
voorbeeld:
<div class="ArtKnmrk">
<table cellspacing="0" cellpadding="0" width="100%" border="0">
  <tr>
    <td class="St Bold">© Stabiton bvba</td>
    <td class="St HoAlRi">Support</td>
  </tr>
  <tr>
    <td class="St">2007-02-26</td>
    <td class="St HoAlRi">Kennisbank</td>
  </tr>
</table>
</div>
Voorbeeld:
© Stabiton bvba Support
2007-02-26 Kennisbank
Top verwijzing
Classes    
PijlHomeCntr
en
PijlHome
Omschrijving:
Indien men een document maakt met een aantal grote indelingen dan is het aangewezen dat men onder elk groot onderdeel een verwijzing maakt naar de top van het document. Om dit te doen moet u eerst het volgende doen.
Bovenaan het document – op de eerste regel – geeft u een naam voor de identificatie van de plaats waar u naar wil refereren id="Home".
Vervolgens maakt u de verwijzing op. Dit doet u door het geheel in een div-element te plaatsen met een PijlHomeCntr-opmaakprofiel. Hierdoor kan een achtergrond met bv. een pijl worden gecreëerd zodat u zowel op bv. de pijl als op de tekst mag klikken. De verwijzing zelf gebeurt door een klassieke hyperlink <a></a> met een PijlHome-opmaakprofiel.
Noot
Bepaalde browser erkennen de naam home. Het is daarvoor beter dat u deze plaats goed afbakent door de totale inhoud in een div-element te plaatsen met een id="Home".
HTML-code
voorbeeld:
<div id="Home">
<div class="St">Plaats hier de inhoud van de onderdelen</div>
<div class="PijlHomeCntr"><a class="PijlHome" href="#Home">Top</a></div>
</div>
Voorbeeld:
Home • Login • Contact • FAQ • Sitemap
HomeOrganisationEngineeringCMS-WebGraphic designSupport