Startpagina / Samenvattingen / Websites ontwikkelen : met HTML, CSS & Dreamweaver : zelfstudiehandboek / element-display-eigenschap

CSS POSITIONING

6 belangrijke vragen over CSS POSITIONING

Wat doet de display property?

Met de display property kun je bepalen of elementen elkaar mogen overlappen of niet.

Welke display property kan handig zijn voor een navigatie bar?

inline-block

Hoe kun je er voor zorgen dat een div element wordt gecentreerd? Links en rechts evenveel marge?

div { margin: auto;}

Hoe kan je een div element naar rechts verplaatsen? En hoe naar links?

Float: right;
Float: left;

Een voor de hand liggend gebruik van de float eigenschap is het zwevend maken van afbeeldingen. In het volgende voorbeeld wordt de afbeelding met de eigenschap float: left links van de tekst geplaatst.<IMG SRC="delft.gif" STYLE="float: left; padding-right: 5px;" ...>De afbeelding ... weer.Met de eigenschap float: right wordt de afbeelding rechts van de tekst geplaatst.<IMG SRC="delft.gif" STYLE="float: right; padding-left: 5px;" ...>De afbeelding ... weer.De float eigenschap kan ook voor andere elementen dan het IMG element gebruikt worden. In het volgende voorbeeld is dat gedaan om van een inline element een zwevende kop te maken.floatDe inhoud ... uitgelijnd.

Met welke eigenschap kun je er voor zorgen dat links en/of rechts van het element wel of geen zwevende elementen mogen voorkomen?

clear: waarde;

Hoe kun je er voor zorgen dat elementen niet worden afgedrukt?

display: none;

Opmerking: display: none kan worden gebruikt om te zorgen dat een element niet wordt afgedrukt. Kan gebruikt bijvoorbeeld worden om het menu niet mee af te drukken.

De vragen op deze pagina komen uit de samenvatting van het volgende studiemateriaal:

Websites ontwikkelen : met HTML, CSS & Dreamweaver : zelfstudiehandboek | Frances de Waal

Bekijk samenvatting