Régler la hauteur d'une <div> dans une liste

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 ?
A voir également:

2 réponses

Utilisateur anonyme
 
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).
0
maxdel26 Messages postés 98 Statut Membre 2
 
Merci de ta réponse MrToucan mais comme je le dis dans mon message, j'ai retiré tout les fichiers CSS et le problème persiste toujours (sans la mise en forme).

Je ne connais pas le javascript mais peut être que l'erreur vient de ce langage... je cherche..
0