Om je de artikels op je website visueel wat aantrekkelijker te maken kan je de eerste paragraaf bijvoorbeeld in het vet zetten. Hierdoor gaat je eerste paragraaf als een soort inleidende tekst dienen.
Om dit te doen gaan we een apparte stijl aanmaken in de CSS die alleen maar de eerste paragraaf gaat aanpassen. Dit doen we door gebruik te maken van de pseudo class first-child.

0
1
2
.article p:first-child{
font-weight: bold;
}

Deze CSS code zal ervoor zorgen dat de eerst …

Een tijdje geleden kreeg ik een opdracht van een klant en in het design dat ik moest basen stonden rond de artikels een stippellijn kadertje met zeer fijne puntjes. Op het eerste zicht niet echt een probleem aangezien je bij css border dotted kunt gebruiken maar toen dacht ik er ineens aan dat IE6 hier problemen mee heeft (wat een verassing).

De bedoeling van shorthand is dat we evenveel CSS gaan schrijven met minder tekst. Het voordeel hiervan is dat de stylesheets kleiner gaan zijn, dit is op zijn beurt weer goed voor de downloadtijd van je website. En een snelle website daar houden bezoekers van.

Bij het maken van een website zal je vroeg of laat gebruik willen gaan maken van een menu met wat rollover effecten om het allemaal wat mooier te maken. Veel webdevelopers denken nog altijd dat je voor zoiets te maken gebruik moet maken van javascript maar niets is minder waar. Vandaag de dag kan je zo’n menu volledig opbouwen met CSS en XHTML. Je kan ook afbeeldingen gaan gebruiken …

Als je een CSS website maakt dan vergeten veel webdevelopers eerst alle margins, paddings enzoverder te resetten. De CSS bepaalde volledig de layout van je website en als deze vanaf het begin al niet gelijk is in de verschillende browsers dan ben je gedoemd om in de problemen te komen.
Aangezien elke browser default verschillende margins, paddings en andere attributen meegeeft aan de verschillende elementen is het resetten hiervan noodzakelijk. Het bouwen van een website zonder …

In deze tutorial leg ik je uit hoe je aan de hand van CSS een website layout kan maken met 3 kolommen en zeker niet te vergeten, een layout die er hetzelfde uitziet in internet explorer als in mozilla firefox.
We zullen een layout maken die er als volgt uit gaat zien.

Iedereen kent het waarschijnlijk wel, je wil iets gaan afprinten van het internet maar als je dan het afdrukvoorbeeld bekijkt is het één grote rommelhoop. Voor deze tutorial baseer ik me op de layout die ik maakte in de 3 kolommen layout tutorial.
Als we die layout eens in afdrukvoorbeeld bekijken krijgen we dit.

Zoals we op bovenstaande afbeelding zien is dat geen mooie pagina om af te drukken. Neem bijvoorbeeld het linker- en rechtermenu. Deze zouden …