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

Fermé
maxdel26 Messages postés 89 Date d'inscription lundi 9 mars 2009 Statut Membre Dernière intervention 20 septembre 2016 - 28 avril 2012 à 18:00
maxdel26 Messages postés 89 Date d'inscription lundi 9 mars 2009 Statut Membre Dernière intervention 20 septembre 2016 - 28 avril 2012 à 18:20
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 ?

2 réponses

Utilisateur anonyme
28 avril 2012 à 18:08
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 89 Date d'inscription lundi 9 mars 2009 Statut Membre Dernière intervention 20 septembre 2016 2
28 avril 2012 à 18:20
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