Inleiding

Hallo allemaal. Ik heb al een aantal keer een CSS tutorial beloofd, dus daar gaan we dan!

Ik kan onmogelijk alles in 1 tut stoppen, dus het wordt een vervolgverhaal. Als je wilt overstappen van een lay-out met tabellen naar een lay-out met CSS, dan is het allerbelangrijkste dat je weet hoe je elementen op een pagina op de goede plek moet krijgen.

Positioneren in CSS doe je met divs. Een div is van nature een block-level element. Block elementen beginnen op een nieuwe regel. In je HTML ken je dat wel.
Als je bijvoorbeeld een <p></p> in je code plaatst, dan begint die ook op een nieuwe regel. <p> is dus ook een block-level element.

Als je een gedeelte van een zin wilt stylen heb je dus niets aan een block-level element en daarvoor kun je beter geen div gebruiken, maar een <span>.
Een <span> is een inline-element en begint geen nieuwe regel, net als bijv <strong>, of <input>.

Je kunt de manier waarop een div geplaatst wordt, bepalen met de CSS eigenschap "position". De mogelijke waarden voor position zijn:

- static
- relative
- absolute
- fixed
- inherit

« Lees de omschrijving en reacties

Inhoudsopgave

  1. Inleiding
  2. position: static;
  3. position: relative;
  4. position: absolute;
  5. Nuancering absolute
  6. position: fixed;
  7. Internet Explorer ellende
  8. Tot slot

PHP tutorial opties

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.