{ FAQ_TITLE }
Algemeen
- Wat is het verschil tussen een ID en een Class?
- Beiden zijn attributen voor een html-element… Een ID kan je echter maar 1 keer per pagina oproepen, terwijl
een class meerdere keren op een pagina kan voorkomen
- Omhoog
Hoe doe ik…?
- Hoe moet ik in mijn HTML linken naar mijn CSS file?
- Dit doe je via de link-tag in de <head>:
- <link href="../pad/naar/screen.css" rel="stylesheet" type="text/css" media="screen">
- media="print": De opmaak voor het printen van een webpagina, meestal worden reclamebanners en menu-items
daarin niet weergegeven.
- media="handheld":
Voor het weergeven van je webpagina’s op smartphones, PDA, etcetera.
Meer informatie over de verschillende media-types vind je hier: http://www.w3.org/TR/CSS2/media.html
- Omhoog
- Hoe moet ik mijn website horizontaal centreren?
- Om je website te centreren gebruik je in je HTML best een container-div, die alle site-onderdelen omvat:
- <div id="container">
- <p>site-content hier</p>
- </div>
In de CSS moet je dan de containerdiv aanroepen, die een vaste breedte meegeven, en de margins instellen.
- #container {
- width: 500px;
- margin-left: auto;
- margin-right: auto;
- }
- Omhoog
- Hoe moet ik mijn website horizontaal èn verticaal centreren?
- Omhoog
- Hoe schrijf je commentaar in CSS?
- Commentaar wordt voorafgegaan door een slash en een asterix en wordt terug afgesloten met een asterix en
een slash:
- Omhoog
Waarom doet dit het niet?
- Waarom werkt niet alle opmaak voor de links?
- Dit komt omdat je de verschillende linktags niet in de juiste volgorde gebruikt. De juiste volgorde is als volgt:
- a:link De link zoals je hem ziet als je een webpagina voor het eerst betreedt
- a:visited De link zoals je hem ziet als je de link al bezocht hebt
- a:hover De link zoals je hem ziet als je met je muis over de linktekst beweegt
- a:active De link zoals je hem ziet als de link aangeklikt wordt
- Omhoog
- Waarom zie je mijn lettertype niet?
- Lettertypes zijn enkel zichtbaar voor de gebruiker als ze geïnstalleerd staan op de computer van de gebruiker…
Daarom gebruik je best standaardlettertypes, zoals Verdana, Arial of Helvetica voor je website… Voor titels kan
je soms een uitzondering maken door een afbeelding van de tekst te gebruiken, overdrijf daar echter niet in,
want dan ga je spelen met de accessibility van je site.
- Omhoog
- Waarom ziet mijn CSS er in verschillende browsers anders uit?
- Dit komt doordat browsers door de jaren heen een eigen interpretatie hebben gemaakt van de opmaaktaal…
Vooral de befaamde Internet Explorer 6 houdt zich niet aan de standaarden… Toch werken nog heel watmensen met die browser, dus voor usability moet je er ook voor zorgen dat je site voor die gebruikers goed zichtbaar is…
Er zijn tal van hacks voor verschillende browsers om het beter te doen werken, maar dat is teveel uitweiding
voor de Frequently Asked Questions… Wat er wel een grote hulp kan zijn is de margins en de padding die de
browsers automatisch toevoegen resetten, dan kan je zelf heel gemakkelijk je eigen witruimtes toevoegen…
- Omhoog
