plusieurs soucie pourquoi le second conteneur débord du premier ( en bas, il n’hérite pas des propriété du bloc d'avant ?) je n'arrive pas a centrer a droite le titre il me faut du texte ( le bloc ne prend pas tt l'espace ? ) comment ajouter un lien ?
desolé si le code est affreux :s et merci d'avance
Déjà pour bien définir mes div, je leur applique un bakground-color pour savoir la longueur, la hauteur ... Pour voir ce qu'elle fais dans ton code. Après il suffit d'effacer cette ligne dans ton css
Deuxième chose pourquoi tout ces display:flex. Si je ne dis pas de bêtise, mais je ne suis pas un expert des flexbox, le display flex se met que sur les div parentes pas sur les div enfants
>> pourquoi le second conteneur débord du premier ( en bas, il n’hérite pas des propriété du bloc d'avant ?)
Le div de la L5 n'est pas fermer, erreur que vous auriez pu voir en passant votre code au validateur => https://validator.w3.org/
Pour quelles raison un flex-direction: column; pour #categorie_centrale? Vous avez deux block à l'intérieur de cet éléments et les block ce place les un en dessous des autres par défaut. Je n'ai pas compris les raisons du flexbox ici puisque vous n'utiliser pas les propriétés flex.
Si vous enlever le display: flex sur #categorie_centrale vous verrez que #element_categorie_centrale déborde de son parent, c'est à cause de la hauteur que vous lui avez donné. On ne fixe pas une hauteur à un block avec height sous peine de voir le design cassé. Utilisez de préférence min-height.
Vous parlez d'un lien mais il n'y en à pas dans votre code.
>> je n'arrive pas a centrer a droite le titre il me faut du texte
c'est soit centrer soit à droite, mais centrer à droite cela n'existe pas. Le titre est centrer vous avez un text-align: center; sur #ECC_texte h2.
Pour #texte_categorie_centrale vous n'avez qu'un élément dans ce block, si c'est pour un alignement centrer du texte j'aurais utilisé un text-align: center;
Pour ma part j'ai beau relire votre demande je ne saisis pas bien le rendu final à obtenir, une image peut être de ce que vous souhaiteriez au final?
Il ne faut pas utiliser flexbox partout et à toutes les sauces (c'est l’impression que cela me donne) mais quand il y a besoin.
Comment j'ai procédé? D'abord un découpage en Zone dans ma tête, j'ai commencé par le contenu central (image, titre, texte), puis j'ai dupliquer cela en me demandant quel élément devait être flexible.
Une fois satisfais du positionnement des conteneur2 (que j'ai appelé card) j'ajoute la phrase et son conteneur1.
J'ai terminé par l'ajout du lien que j'avais oublié. Pour ce lien, on pourrait ce demander si c'est la .card qui est un lien ou tout son contenu? Le CSS serra différent.
hmmmm je découvre des selecteurs et propriétés pour le coup je me renseigne un peu dessus avant de t’ harceler de question je reviens vite
je partais du principe inverse, creer le premier conteneur pour y mettre les autres deds
- Edité par KayaMan1 3 avril 2020 à 20:19:26
mise en page flex box et insertion de lien
× Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
× Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
arf !!!