Faire un espace entre deux rangées seulement (grid css)

2 participants

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Faire un espace entre deux rangées seulement (grid css)

Message par L'ange noir Mar 21 Déc 2021 - 10:49

Détails techniques

Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome, Opera
Personnes concernées par le problème : Moi uniquement
Lien du forum : http://animauxsauvages.forumactif.org/

Description du problème

Bonjour à tous,

j'ai fais une grille de 5 rangées et 4 colonnes. J'ai appliqué du grid-template-areas sur les class. Donc ma grille a des cellules collées les unes aux autres.

Ce que je cherche à faire c'est faire une séparation entre deux rangées uniquement et pas sur toute la grille comme avec les grid-gap qui fait des espaces entre toutes les cases.

Après la lecture de nombreux supports et de vidéos, je n'ai pas trouvé comment faire. Une solution qui me parait boiteuse mais qui est peut-être la façon de faire serait de créer une subgrille et de ne pas mettre de background ni de border à la rangée qui accueille la sous grille. Mais là, je fais appel aux experts pour me dire si c'est comme ça.

Merci par avance de votre aide;


Dernière édition par L'ange noir le Mar 21 Déc 2021 - 11:20, édité 1 fois
L'ange noir

L'ange noir
****

Messages : 294
Inscrit(e) le : 17/05/2016

Voir le profil de l'utilisateur https://vampires-kingdom.forumactif.com/
L'ange noir a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Faire un espace entre deux rangées seulement (grid css)

Message par Oka.mi Mar 21 Déc 2021 - 11:14

Bonjour,

Pour ce genre de situation, un bon vieux margin-top ou margin-bottom sur les éléments concernés devrait faire l'affaire.


Faire un espace entre deux rangées seulement (grid css) 1213Donnez un titre explicite Faire un espace entre deux rangées seulement (grid css) VTzsyWB à votre sujet pour améliorer son référencement

Remerciez Faire un espace entre deux rangées seulement (grid css) 976083691 le message qui vous a aidé pour le mettre en évidence

Cochez résolu lorsque votre problème est résolu pour faciliter le travail des modérateurs

L'aide par MP Faire un espace entre deux rangées seulement (grid css) FsAeGeb n'est pas autorisée pour que celle-ci puisse bénéficier au plus grand nombre
Oka.mi

Oka.mi
Aidactive
Aidactive

Messages : 2707
Inscrit(e) le : 06/01/2011

Voir le profil de l'utilisateur https://deus-academia.forumactif.com/
Oka.mi a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Faire un espace entre deux rangées seulement (grid css)

Message par L'ange noir Mar 21 Déc 2021 - 11:17

Salut Oka.mi et merci pour ta réponse.

Pourquoi faire compliqué quand on peut faire simple ? Very Happy





L'ange noir

L'ange noir
****

Messages : 294
Inscrit(e) le : 17/05/2016

Voir le profil de l'utilisateur https://vampires-kingdom.forumactif.com/
L'ange noir a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum