Csslabs is dé weblog waar je alles vind over CSS en XHTML, voor de beginnende en de gevorderde CSS'er!

Submit button stylen met CSS

Gepost op: november 30th, 2008 | Auteur: joren | Categorie: CSS | Tags: , , | Geen Comments »

De standaard submit buttons in een browser zijn meestal niet zo spetterend. Ook zien ze er telkens anders uit. De button in Opera ziet er bijvoorbeeld anders uit dan die van Firefox. In dit artikel zal ik je uitleggen hoe je die button zelf kan stylen, op twee verschillende manieren. Lees verder »


Css shorthand properties

Gepost op: november 29th, 2008 | Auteur: joren | Categorie: CSS | Tags: , | Geen Comments »

Als je met css werkt heb je waarschijnlijk al gemerkt dat het aantal regels code snel kan oplopen. Door middel van css shorthand properties kan je een flink aantal regels schrappen. Werken met shorthand properties heeft meer voordelen dan alleen maar het aantal regels code beperken, het is ook een stuk overzichtelijker en je pagina’s laden nog sneller. We zullen eerst eens beginnen met een voorbeeld waarbij je een stuk tekst opmaakt. Lees verder »


Div volledig centreren

Gepost op: november 29th, 2008 | Auteur: joren | Categorie: CSS | Tags: , | 1 Comment »

Eén van de moeilijke dingen in CSS is het volledig centreren van een div. Vooraleer je begint kan je beter eens het voorbeeld bekijken om te zien wat we willen bereiken. Om te kunnen beginnen moeten we een div absoluut positioneren. Zo kunnen we de div plaatsen waar we willen met behulp van coördinaten. Dan geven we de div een hoogte/breedte en tenslotte ook zijn positie. Lees verder »


Alle selectors oproepen

Gepost op: november 29th, 2008 | Auteur: joren | Categorie: CSS | Tags: | Geen Comments »

Als je regelmatig met css werkt heb je waarschijnlijk al gezien dat elke browser zijn eigen instelling heeft. De padding die je krijgt bij een h1, zal bijvoorbeeld anders zijn in IE7 dan in Opera. Om dit probleem op te lossen, geven we zelf alle selectors een standaard waarde. Dit doen we m.b.v. het jokerteken. Daarmee kunnen we bijvoorbeeld de padding en margin op 0 zetten voor àlle selectors. Lees verder »


Div horizontaal centreren

Gepost op: november 29th, 2008 | Auteur: joren | Categorie: CSS | Tags: , | 1 Comment »

Dit is waarschijnlijk een van de meest voorkomende problemen bij een beginde CSS’er, je pagina horizontaal centreren. Het is iets wat je dagelijks tegenkomt op het internet, website’s waarbij de pagina in het midden staat. Om dit te kunnen realiseren moeten we eerst een div hebben met bijvoorbeeld als class naam ‘midden’. Lees verder »