Category: CSS

Fluid in plaats van responsive

Het is noodzakelijk om via mediaqueries breakpoints op te nemen in je site. Maar… zeker wanneer het om smartphones gaat dan zijn er zeer veel schermmaten mogelijk. Met een mediaquery kun je een algemene richtlijn opzetten maar fijner… Meer...

Maak een schaalbare achtergrond met CSS

Het maken van een schaalbare achtergrond is tegenwoordig meer standaard dan uitzondering. Echter, een achtergrond afbeelding kan netjes schaalbaar zijn maar helaas toch uit verhouding. Dit komt omdat de hoogte van de afbeelding in verhouding… Meer...

Collapsing margin-top probleem

Je kent het wellicht wel: je hebt een container gemaakt met daarin een header. De header heeft een aantal pixels margin-top maar tot je verbazing wordt deze margin-top toegekend aan de container en niet aan de header!

Opdracht

Probeer de drie… Meer...

Een print css maken

Het kan nuttig zijn om een apart stylesheet aan te maken voor een pagina die geprint moet worden. Bijvoorbeeld omdat je een kortingsbon wilt weggeven via internet of omdat je je cv printbaar wilt aanleveren aan een toekomstig werkgever. Om … Meer...

inline-block vs float

Wat is het verschil precies tussen een element display inline-block of een float te geven? Optisch gezien weinig. In beide gevallen komen de elementen naast elkaar te staan. Qua gedrag in de code is er wel een verschil. Floating elementen worden… Meer...

Formulieren stylen

Formulieren worden op websites geplaatst om gebruikers uit te nodigen om met jou te communiceren. Het is dan ook belangrijk dat de eerste kennismaking met de communicatie er goed verzorgd uitziet. In combinatie met tabellen of div elementen… Meer...

Werken in percentages

Er zijn tegenwoordig meer mobiele telefoon met internet verbinding dan computers. Nog even en er zullen ook meer page views zijn vanaf een mobiele telefoon dan vanaf een gewone computer. Tijd dus om te leren hoe je je site voor mobiel geschikt… Meer...

Descendent selectoren

Een descendent selector is een selector waarmee je aangeeft wat er moet gebeuren wanneer een bepaalde tag (of id of class) binnen een andere tag (of id of class) zit, bijvoorbeeld “ul li”. Maar je kunt veel nauwkeuriger stijlen… Meer...

Tabellen stijlen

Zoals je weet kun je je tabel en je cellen goed met CSS stylen. Wat je je echter goed moet realiseren is dat je vormgeving voor je tabel en vormgeving voor je tabelcellen moet aanleveren.

Opdracht

1. Breinbreker

Als ik mijn tabel een border-radius… Meer...

Webfonts

Webfonts zijn fonts omgezet voor het internet. Nog niet heel lang geleden was je als ontwerper beperkt tot fonts als Verdana of Arial voor je ontwerp. Tegenwoordig kun je met behulp van CSS aparte fonts op je site gebruiken. De meest gangbare… Meer...