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

Werken met z-index

Gepost op: december 6th, 2008 | Auteur: joren | Categorie: CSS | Tags: , | Geen Comments »

Z-index is een handige functie in css waarmee je elementen kunt stapelen. Je kunt dus met verschillende lagen werken (zoals in photoshop met layers). Z-index moet een getal als waarde hebben. Dit getal mag positief zijn, maar ook negatief. Hoe hoger het getal, hoe hoger de laag ligt. Hoe lager het getal, hoe lager hij ligt. Klinkt logisch toch? Als er geen waarde is toegewezen heeft hij standaard de waarde 0. Lees verder »


Favicon maken

Gepost op: december 5th, 2008 | Auteur: joren | Categorie: XHTML | Tags: | Geen Comments »

Als je je site wil laten opvallen tussen andere sites, moet je een favicon hebben. Dit is echter niet altijd zo gemakkelijk. Daarom post ik hier een paar links om zo’n favicon te kunnen maken. Bij de eerste site moet je je afbeelding (best vierkant) gewoon uploaden. Deze wordt dan omgezet naar een ico bestand. Als je zelf een favicon wil maken, pixel per pixel, dan kan je dat hier doen. Lees verder »


Conditional comments

Gepost op: december 5th, 2008 | Auteur: joren | Categorie: Tips | Tags: , , | 1 Comment »

Iedereen heeft dit wel al eens meegemaakt, Internet Explorer ondersteund iets niet. Meestal kan je dit wel oplossen door je code wat aan te passen. Als je echt geen oplossing vind of je hebt geen zin om één te zoeken, dan kan je het nog altijd oplossen met conditional comments. Met conditional comments kan je bepaalde stukken code alleen maar laten weergeven in de browser Internet Explorer. Lees verder »


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 »