Dan heb je het mogelijk toch niet precies volgens die handleiding gedaan
Eerst even over de kleur om de link. Bij de meeste browsers kun je die rand ook weghalen als je aan de css toevoegt:
Code:
a:focus; a:active {outline: 0;}
Maar dit is in de regel helemaal geen goed idee. Die rand als je erop klikt (of hebt geklikt) geeft aan welke link 'focus' heeft: als je op Enter drukt, wordt de link gevolgd. Zonder zo'n rand weten blinden, mensen die de muis niet gebruiken, enz., totaal niet bij welke link ze zijn.
Het centreren. Meestal (meestal!) is het voldoende als je gelijk achter <body> een div opent, en gelijk voor </body> die div weer sluit. Dus:
HTML:
<body>
<div id="wrapper">
<!-- Hier wordt de hele pagina, echt alles, in gezet -->
</div>
</body>
In de css komt dan:
Code:
div#wrapper {width: 970px; margin: 0 auto;}
Dit werkt alleen als de div 'n breedte heeft. 970px mag je veranderen als er maar 'n breedte is. % of em of zo mag ook.
margin: 0 auto: Omdat er geen waarde voor onder en links is opgegeven, krijgen die automatisch dezelfde waarde als boven en rechts. Dus eigenlijk staat hier 0 auto 0 auto in de volgorde boven - rechts - onder - links.
In dit verband betekent auto 'evenveel': oftewel de div staat horizontaal gecentreerd, ongeacht de breedte van het venster.
Als dit niet werkt, kun je nog proberen position: relative toe te voegen:
Code:
div#wrapper {position: relative; width: 970px; margin: 0 auto;}
Als je elders in je code position: absolute hebt gebruikt, wordt nu gepositioneerd ten opzichte van div#wrapper. Anders gebeurt dat mogelijk ten opzichte van het venster van de browser.
Als dit bij jou ook niet werkt, dat heb je mogelijk andere codes gebruikt die de werking in de weg zitten. Of er zitten fouten in de code. In dat geval moet je je code hier neerzetten, of liever nog 'n link naar waar het online staat, dat werkt veel makkelijker.
