Stap 4: Header met achtergrond

We gaan nu de header met een achtergrondafbeelding opbouwen. Omdat het topmenu bestaat uit 4 kolommen, gebruiken we hiervoor een nieuw lay-out. We gebruiken nu de 1-koloms lay-out. Deze staat er nog, gezien deze lay-out als eerste automatisch is toegevoegd bij het aanmaken van de pagina.

Zoals je in bovenstaande video ziet, hebben we de achtergrondafbeelding toegevoegd aan de lay-out, maar deze is nog niet zichtbaar. De achtergrondafbeelding wordt pas zichtbaar als we contentblokken op de voorgrond toevoegen. Om voldoende van de achtergrond te kunnen zien, voegen we hier meer padding toe.

We gebruiken voor het tekstblok de padding: 150px, 20px, 0px, 20px Voor het button-blok gebruiken we: 40px, 20px, 150px, 20px

Ga naar stap 5