Voorbeeld voor IJkpunt
6.1, vervolg.

Voorbeeld
Dia 53 van 120
Vorige dia. Volgende dia.

Deze gestileerde tekst blijkt dezelfde te zijn als in het vorige voorbeeld:


De snelle
bruine vos
springt over
de luie hond

Blij gezicht: goede keus! Dit voorbeeld gebruikt stijlattributen om zowel de
verticale als de horizontale positie te specificeren:


<STYLE TYPE="text/css">

<!–

.part1 /* De snelle */ { color: red; font-size: 14pt;

padding-left: 0; margin-top: 40px;

font-family: copperplate gothic bold, fantasy, sans-serif }

.part2 /* bruine vos */ { color: brown; font-size: 10pt;

padding-left: 100px; margin-top: 30px;

font-family: times new roman, desdemona, serif }

.part3 /* sprong over */ { color: purple; font-size: 18pt;

padding-left: 200px; margin-top: -60px;

font-family: desdemona, times new roman, serif }

.part4 /* de luie hond */ { color: blue; font-size: 24pt;

padding-left: 350px;

margin-top: -100px; margin-bottom: 100px;

font-family: fantasy, copperplate gothic bold, sans-serif }

–>

</STYLE>


By letting the style commands lay out your text on the display,
you can order the content logically in the HTML file, like this:

<DIV class=part1>De snelle</DIV>

<DIV class=part2>bruine vos</DIV>

<DIV class=part3>sprong over</DIV>

<DIV class=part4>de luie hond.</DIV>

So, if style sheets were turned off or not supported in your browser, you would read:

De snelle
bruine vos
sprong over
de luie hond
Een niveau hoger Naar IJkpunten voor Richtlijn 6.
Volgende dia: Voorbeeld voor IJkpunt 6.2

Inleiding: Overzicht Richtlijnen: Overzicht IJkpunten: Overzicht Voorbeelden: Overzicht

Vorige pagina. Volgende pagina.

Chuck Letourneau & Geoff Freed

W3C Web Accessibility Initiative

Copyright © 2000 W3C