≡

Bilan de compétences sous forme de Quiz

Le positionnement en CSS

Liste des Tuto

Le positionnement dans le flux La propriété position Le positionnement flottant La propriété z-index

Liste des compétences

Le flux
La propriété position
La propriété float
La propriété z-index

Faire le Quiz Voir le Corrigé

Liste des compétences et des tests

Le flux

Choisir une réponse (254)

Quel module du navigateur s'occupe de placer les boîtes des éléments sur l'écran ?

Le moteur d'affichage.

Le moteur de rendu.

Le module d'affichage.

Vous devez choisir une réponse

Ceci est une présentation du quiz. Pour faire ce quiz avec toutes les fonctionnalités et mémoriser vos résultats cliquez sur Aller au Quiz

Choisir une ou plusieurs réponses (255)

Quelle(s) solution(s) a le moteur de rendu pour placer les boîtes ?

Les placer dans le flux.

Les placer hors du flux.

Vous devez choisir une réponse

Ceci est une présentation du quiz. Pour faire ce quiz avec toutes les fonctionnalités et mémoriser vos résultats cliquez sur Aller au Quiz

Choisir une réponse (256)

Dans le tuto et dans ce cas, le deuxième frère était-il dans le flux ?

oui.

non.

Vous devez choisir une réponse

Ceci est une présentation du quiz. Pour faire ce quiz avec toutes les fonctionnalités et mémoriser vos résultats cliquez sur Aller au Quiz

Choisir une réponse (257)

Dans le tuto et dans ce cas, le deuxième frère était-il dans le flux ?

oui.

non.

Vous devez choisir une réponse

Ceci est une présentation du quiz. Pour faire ce quiz avec toutes les fonctionnalités et mémoriser vos résultats cliquez sur Aller au Quiz

La propriété position

Choisir une ou plusieurs réponses (258)

Quelles sont les valeurs que peut prendre la propriété position

static

relative

float

absolute

left

fixed

right

Vous devez choisir une réponse

Ceci est une présentation du quiz. Pour faire ce quiz avec toutes les fonctionnalités et mémoriser vos résultats cliquez sur Aller au Quiz

Choisir une ou plusieurs réponses (259)

Quels sont les noms des propriétés utilisés pour produire des décalages ?

top

bottom

center

left

right

offset

Vous devez choisir une réponse

Ceci est une présentation du quiz. Pour faire ce quiz avec toutes les fonctionnalités et mémoriser vos résultats cliquez sur Aller au Quiz

Choisir une ou plusieurs réponses (260)

Quelles sont les valeurs de la propriété position pour lesquelles les éléments sont dans le flux ?

static

relative

absolute

fixed

Vous devez choisir une réponse

Ceci est une présentation du quiz. Pour faire ce quiz avec toutes les fonctionnalités et mémoriser vos résultats cliquez sur Aller au Quiz

Choisir une ou plusieurs réponses (261)

Quelles sont les valeurs de la propriété position pour lesquelles les éléments ne sont pas dans le flux ?

static

relative

absolute

fixed

Vous devez choisir une réponse

Ceci est une présentation du quiz. Pour faire ce quiz avec toutes les fonctionnalités et mémoriser vos résultats cliquez sur Aller au Quiz

Quelle valeur doit-on donner à la propriété position pour ramener la boite orange dans le flux sans la positionner ?

Vous devez choisir une réponse

Ceci est une présentation du quiz. Pour faire ce quiz avec toutes les fonctionnalités et mémoriser vos résultats cliquez sur Aller au Quiz

Choisir une ou plusieurs réponses (263)

Quelles sont les valeurs pour lequelles un élément est dit positionné

static

relative

absolute

fixed

Vous devez choisir une réponse

Ceci est une présentation du quiz. Pour faire ce quiz avec toutes les fonctionnalités et mémoriser vos résultats cliquez sur Aller au Quiz

Choisir une réponse (264)

Si la position est relative alors...

la boîte sera positionnée dans le flux par rapport sa position par défaut.

la boîte sera positionnée par rapport à la boîte de son dernier ancêtre positionné ou à celle du body si il n'y a pas d'ancêtre positionné.

la boîte sera positionnée par rapport à la boîte qui correspond à la fenêtre du navigateur.

Vous devez choisir une réponse

Ceci est une présentation du quiz. Pour faire ce quiz avec toutes les fonctionnalités et mémoriser vos résultats cliquez sur Aller au Quiz

Choisir une réponse (265)

Si la position est absolute alors...

la boîte sera positionnée dans le flux par rapport sa position par défaut.

la boîte sera positionnée par rapport à la boîte de son dernier ancêtre positionné ou à celle du body si il n'y a pas d'ancêtre positionné.

la boîte sera positionnée par rapport à la boîte qui correspond à la fenêtre du navigateur.

Vous devez choisir une réponse

Ceci est une présentation du quiz. Pour faire ce quiz avec toutes les fonctionnalités et mémoriser vos résultats cliquez sur Aller au Quiz

Choisir une réponse (266)

Si la position est fixed alors...

la boîte sera positionnée dans le flux par rapport sa position par défaut.

la boîte sera positionnée par rapport à la boîte de son dernier ancêtre positionné ou à celle du body si il n'y a pas d'ancêtre positionné.

la boîte sera positionnée par rapport à la boîte qui correspond à la fenêtre du navigateur.

Vous devez choisir une réponse

Ceci est une présentation du quiz. Pour faire ce quiz avec toutes les fonctionnalités et mémoriser vos résultats cliquez sur Aller au Quiz

La boîte orange est en position:relative. Ecrire la déclaration pour la décaler la boîte de 2rem vers le haut ?

Vous devez choisir une réponse

Ceci est une présentation du quiz. Pour faire ce quiz avec toutes les fonctionnalités et mémoriser vos résultats cliquez sur Aller au Quiz

La boîte orange est en position:relative. Ecrire la déclaration pour la décaler la boîte de 3rem vers la droite ?

Vous devez choisir une réponse

Ceci est une présentation du quiz. Pour faire ce quiz avec toutes les fonctionnalités et mémoriser vos résultats cliquez sur Aller au Quiz

La propriété float

Quelle déclaration faut il ajouter pour faire flotter cette image à droite ?

<!DOCTYPE html> <html lang='fr'> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style> div#conteneur { border: 2px solid black ; padding : 5px; } img { /* LA DECLARATION SERA A AJOUTER ICI */ padding-left:5px; } </style> </head> <body> <div id='conteneur'> <img src='nice.png' alt='Nice depuis la corniche' > <p> Lorem ipsum dolor..... </p> </div> </body> </html>

Vous devez choisir une réponse

Ceci est une présentation du quiz. Pour faire ce quiz avec toutes les fonctionnalités et mémoriser vos résultats cliquez sur Aller au Quiz

Choisir une réponse (271)

A quoi est dû ce débordement ?

Le texte n'est pas dans le flux.

L'image n'est pas dans le flux.

Ni le texte ni l'image ne sont dans le flux.

Vous devez choisir une réponse

Ceci est une présentation du quiz. Pour faire ce quiz avec toutes les fonctionnalités et mémoriser vos résultats cliquez sur Aller au Quiz

Choisir une ou plusieurs réponses (272)

Que peut-on faire pour éviter ce débordement ?

Ajouter une balise hr après l'image

Demander que le hr ne puisse pas se superposer à un float avec un clear:both;

Faire disparaître le hr avec un display:none

Faire disparaître le hr avec un visibility:hidden

Vous devez choisir une réponse

Ceci est une présentation du quiz. Pour faire ce quiz avec toutes les fonctionnalités et mémoriser vos résultats cliquez sur Aller au Quiz

La propriété z-index

Choisir une ou plusieurs réponses (274)

En l'absence de z-index de quoi va dépendre l'ordre d'empilement des éléments d'un document ?

Du type de positionnement des éléments.

A positionnement identique, de l'ordre des éléments dans le HTML.

Uniquement de l'ordre des éléments dans le HTML.

Vous devez choisir une réponse

Ceci est une présentation du quiz. Pour faire ce quiz avec toutes les fonctionnalités et mémoriser vos résultats cliquez sur Aller au Quiz

En l'absence de propriété z-index quel est l'ordre d'empilement ?

Répondez ABCD si vous pensez que c'est le bon ordre sinon trouvez la bonne séquence.

Vous devez choisir une réponse

Ceci est une présentation du quiz. Pour faire ce quiz avec toutes les fonctionnalités et mémoriser vos résultats cliquez sur Aller au Quiz

Choisir une réponse (275)

Un élément doit-il être positionné pour que la propriété z-index soit prise en compte ?

Oui.

Non.

Vous devez choisir une réponse

Ceci est une présentation du quiz. Pour faire ce quiz avec toutes les fonctionnalités et mémoriser vos résultats cliquez sur Aller au Quiz

Politique de confidentialité

Mentions Légales