problema avec les blocs imbriquées Fermé

Question

bonjour, je fais un exercice sur les blocs et je dois faire des blocs imbriquées. J'ai reussi a faire les blocs mais pours les blocs qui doivent se trouver a l'intérieur d'un bloc par exemple , je n'arrive pas a les faire comme par exple ça code css *{ padding: 0px; margin: 0px; } body{ background-color: silver; } header{ text-align: center; width: 80%; background-color: white; margin: 5px auto 0px; font-size: 2em; font-weight: bold; } nav{ width:78%; margin: auto; padding-left: 2%; background-color: black; font-family: 1.3em; font-weight: bold; color: white; } #contenu{ width: 80%; height: 360px; border: 3px dashed white; margin: auto; } footer{ width:78%; margin: auto; padding-right: 2%; text-align: right; background-color: white; font-family: 1.3em; font-weight: bold; } code html tp1

Test ISN du 14 aout

Houe · Answer

Salut, l'imbrication des balises est la base de HTML. Ceci dit vous pouvez aller voir un tutoriel sur le positionnement en css(utiliser google vous trouverez avec ces termes, il y en a un d'excellent sur alsacréations). Votre probléme pour l'instant se trouve ici:

Si je me référè à votre maquette le div id=contenu doit contenir 2 autres container dont le premier contient une zone de texte(un élément donc) et le second contient 2 élements qui sont à la suite verticalement. Avant de pouvoir positionner un quelconque élément celui doit exoster or ce n'est pas le cas. N'oubliez pas que votre HTML représente la structure et le CSS la mise en page. Si vous n'avez pas finit d'écrire tout votre HTML vous ne pouvez pas commencer le CSS, chaque élément ajouté risque de décaler les autres. Donc créer vos éléments de sémantique(vos balises HTML) et positionnez les ensuite. Pour cela vous pouvez donner des dimensions et utiliser les propriétés inline et display (inline s'affiche sur une ligne, display s'affiche à la suite s'il y a sufisament de place). Vous pouvez aussi utiliser les marges internes et externes de CSS(margin, padding) pour décaler vos éléments ainsi que le flottement par rapport à l'élément précédent, du centre ou à la suite(float: right left center). Mias dans tous les cas vous ne pouvez positionner un élément qui n'existe pas! LaPalice aurait il dit mieux?

Problema avec les blocs imbriquées

1 réponse

Discussions similaires