≡

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

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