Revenir en haut Aller en bas
Le Deal du moment : -29%
PC portable Gamer ERAZER DEPUTY P60 – ...
Voir le deal
999.99 €

1 résultat trouvé pour conteneur

par Cheshire Cat
le Lun 5 Juin 2017 - 4:28
 
Rechercher dans: Les fiches
Sujet: [Facile] Exercice 4 - Fiche - Ori
Réponses: 31
Vues: 3699

[Facile] Exercice 4 - Fiche - Ori

Bonjour @Linaewen et désolée pour le retard de réponse à cet exercice :/

Pour commencer, je pense que tu devrais retravailler ton code autrement pour éviter les bugs d'affichage. Il faudrait que tu apprennes à mieux utiliser le système de mise en page via le CSS. Pour le moment, tu utilises les margin négatifs afin de placer tes éléments, mais ce n'est pas la fonction pour laquelle la propriété margin est utilisée : elle créé des marges entre les éléments HTML.

On préfèrera utiliser soit le système de float ou de inline. Pour résumer, la propriété float permet de placer ton élément hors du flux normal à droite ou à gauche de son bloc conteneur.



Si l'on modifie la taille de #conteneur dans mon exemple et qu'on l'agrandit, tu pourras remarquer que les deux blocs se placeront aux deux extrémités de leur bloc conteneur quelque soit sa taille.

De même, si tu veux aligner trois blocs avec le float, tu auras juste à ajouter soit float:left; soit float:right; dans le CSS du bloc central et ainsi de suite :) (exemple juste en dessous)



Maintenant, pour en revenir précisément à ton cas, pense ton code avec le système de tableau, sans pour autant coder avec ce système. Essaye de voir comment se comporte les attributs comme rowpsan et colspan qui servent à fusionner les cellules pour te servir judicieusement de ce que je t'ai expliqué plus haut :)

Par contre, il reste tout de même des petits caffouillages dans ton code. Je vais t'en faire une petite liste :
- div style="clear:both;" je ne vois pas pourquoi tu l'utilises, car tu n'as aucune propriété float dans ton code qui demande l'utilisation de cette propriété Tag conteneur sur Epicode 3313101865
- overflow:auto il manque un point virgule après la valeur auto

Sinon je crois que c'est tout ce que j'ai pu remarquer ^-^

Bonne journée Tag conteneur sur Epicode 3775839356

Sauter vers: