Press "Enter" to skip to content

Posts published in “CSS”

Hoe maak je een prijsoverzicht in CSS?

Je kent ze vast wel, van bijvoorbeeld een hosting bedrijf. Een prijsoverzicht met bijvoorbeeld vier mogelijkheden waaruit je kunt kiezen met bovenaan, of juist onderaan de juiste prijs.

Dit kun je maken met een afbeelding, maar het is prima mogelijk om een prijsoverzicht te maken met CSS, in combinatie met HTML. Het voordeel daarvan is dat je eenvoudig onderdelen kunt aanpassen op het moment dat er iets verandert.

Als de prijs omhoog gaat hoef je alleen maar de HTML code aan te passen en niet een hele afbeelding.
Daarnaast is HTML code natuurlijk veel beter als het gaat om zoekmachine optimalisatie.

Prijstabel in HTML en CSS

In deze tutorial laat ik je zien hoe je deze prijstabel kunt maken.

eindresultaat

De eerste stap die we moeten nemen is het maken van een tabel, met alle gegevens.
(meer…)