Régler la hauteur d'une <div> dans une liste
maxdel26
Messages postés
98
Statut
Membre
-
maxdel26 Messages postés 98 Statut Membre -
maxdel26 Messages postés 98 Statut Membre -
Bonjour,
J'ai un problème assez particulier que je n'arrive pas à résoudre.
Je souhaite me faire une page web sous forme de liste ou je pourrais stocker des informations textuelles.
J'ai tout le design de prêt ici : http://mdelmas.net/test-max/index2marketing.html.
Mon problème est que la hauteur de chaque ligne ne dépend pas de son contenu, mais de la hauteur de la plus grosse ligne.
En gros, si vous cliquez sur le lien, il reste de la marge sur la ligne 1 car elle s'adapte à la hauteur de la ligne 3. Idem pour la ligne 2 qui ne contient qu'une phrase et qui pourtant est aussi haute que la ligne 3.
Cela me dérange car chaque ligne ne contiendra pas la même longueur de texte.
J'ai essayé pas mal de chose. Apparemment l'erreur ne vient pas du CSS, car même en le supprimant j'ai toujours autant de marge.
Quand j'utilise l'outil de développement de google chrome, je remarque la condition "element.style" avec "height:255px".
Je ne sais absolument pas où je pourrais trouver ces éléments dans mes fichiers.
Merci de la lecture
Avez-vous une idée ?
J'ai un problème assez particulier que je n'arrive pas à résoudre.
Je souhaite me faire une page web sous forme de liste ou je pourrais stocker des informations textuelles.
J'ai tout le design de prêt ici : http://mdelmas.net/test-max/index2marketing.html.
Mon problème est que la hauteur de chaque ligne ne dépend pas de son contenu, mais de la hauteur de la plus grosse ligne.
En gros, si vous cliquez sur le lien, il reste de la marge sur la ligne 1 car elle s'adapte à la hauteur de la ligne 3. Idem pour la ligne 2 qui ne contient qu'une phrase et qui pourtant est aussi haute que la ligne 3.
Cela me dérange car chaque ligne ne contiendra pas la même longueur de texte.
J'ai essayé pas mal de chose. Apparemment l'erreur ne vient pas du CSS, car même en le supprimant j'ai toujours autant de marge.
Quand j'utilise l'outil de développement de google chrome, je remarque la condition "element.style" avec "height:255px".
Je ne sais absolument pas où je pourrais trouver ces éléments dans mes fichiers.
Merci de la lecture
Avez-vous une idée ?
A voir également:
- Régler la hauteur d'une <div> dans une liste
- Liste déroulante excel - Guide
- Liste code ascii - Guide
- Liste déroulante en cascade - Guide
- Regler luminosite ecran pc - Guide
- Site dangereux liste - Guide
2 réponses
Apprends le CSS :
https://openclassrooms.com/fr/courses/1603881-apprenez-a-creer-votre-site-web-avec-html5-et-css3
https://www.alsacreations.com/tuto/liste/2-css.html
" height: auto; " dois normalement faire en sorte que la taille de ton conteneur s'adapte à son contenu (tu peux faire de même avec width).
https://openclassrooms.com/fr/courses/1603881-apprenez-a-creer-votre-site-web-avec-html5-et-css3
https://www.alsacreations.com/tuto/liste/2-css.html
" height: auto; " dois normalement faire en sorte que la taille de ton conteneur s'adapte à son contenu (tu peux faire de même avec width).