Met css heb je veel verschillende mogelijkheden om je web pagina op te maken. Hierbij zijn er een aantal css properties die je vaker op een element toepast zoals: float(left), position(absolute), display(none), margin, enzovoortz..

Ik zorg er voor dat er een vaste benoeming van deze classes worden gegeven en dat ik ze bij iedere project kan kopieren en plakken en dat scheelt natuurlijk tijd. Lees verder »

Tegenwoordig zie je vaak bij het klikken van een klein afbeelding dat er een soort van popup naar voren komt met een donkere achtergrond. Het effect is gemaakt voor het presenteren van afbeeldingen en is een vervanging van popups als je op een foto klikt.

Lightbox is een javascript(ajax) module en wordt veel gebruikt bij online portfolio’s.
Hieronder staat een link naar een mooi voorbeeld bij het gebruik van LightBox.

Voorbeeld Lightbox
Lees verder »

Uitwerken van websites kan niet altijd foutloos gaan. Ik gebruik hierbij een handige Firefox Add-On dat Firebug heet.

Met Firebug kan ik de CSS nalopen en aanpassen tot mijn wensen zonder iedere keer naar de CSS bestand te gaan.

Je ziet de aanpassingen direct op de pagina! Natuurlijk kan Firebug veel meer… Je kan het ook voor JavaScript en HTML gebruiken.

Na het installeren krijg je een muggetje rechts onder je Firefox programma.

“Firebug integrates with Firefox to put a wealth of development tools at your fingertips while you browse. You can edit, debug, and monitor CSS, HTML, and JavaScript live in any web page…”

Firebug is een Add-On voor Mozilla Firefox en is gratis te downloaden!

Firebug Downloaden

Als je een horizontale menu wilt hebben maakte ik altijd gewoon de teksten naast elkaar en om ze uit te lijnen zette ik gewoon spaties erin. Maar op die manier is het natuurlijk er veel pielen met spaties enzovoorts.

Als je een goed gestructureerd manier een menu wilt maken moet je met UL en LI gaan werken. Je kan de UL en LI aansturen met CSS.

Voorbeeld

Hieronder de HTML en CSS van (horizontaal & verticaal) menu die opgebouwd is met list-items en opgemaakt met css. (Omschrijvingen staan in de CSS) Lees verder »

Bij het bouwen van websites gebruik ik in CSS altijd de reset code. Andere nuttige CSS classes zijn bijvoorbeeld float of clear.

Ik ga jullie kort uitleggen waarom ik ze gebruik en wat ze doen. Lees verder »

Toen ik nog maar klein een beetje bekend ben met css heb ik me altijd afgevraagd hoe ik een website nou in het midden van de pagina kon krijgen.

Voor sommige mensen is dat een makkie, maar als je het niet weet kan dit handig zijn.

01. HTML

Maak eerst een container DIV aan. Dit is de DIV die om alles heen zit.
Lees verder »