Espace vide dans un <li> contenant une image
Résolu/Fermé
Oluram
Messages postés
64
Date d'inscription
dimanche 16 décembre 2012
Statut
Membre
Dernière intervention
14 novembre 2020
-
30 déc. 2014 à 14:24
Mirzo Messages postés 75 Date d'inscription mercredi 15 décembre 2010 Statut Membre Dernière intervention 14 octobre 2015 - 30 déc. 2014 à 16:23
Mirzo Messages postés 75 Date d'inscription mercredi 15 décembre 2010 Statut Membre Dernière intervention 14 octobre 2015 - 30 déc. 2014 à 16:23
A voir également:
- Espace vide dans un <li> contenant une image
- Espace insécable word - Guide
- Image iso - Guide
- Comment liberer de l'espace sur gmail - Guide
- Formate pour taxer client frigo vide - Forum Loisirs / Divertissements
- Coeur vide ✓ - Forum Facebook
1 réponse
Mirzo
Messages postés
75
Date d'inscription
mercredi 15 décembre 2010
Statut
Membre
Dernière intervention
14 octobre 2015
16
Modifié par Mirzo le 30/12/2014 à 14:41
Modifié par Mirzo le 30/12/2014 à 14:41
Bonjour Oluram,
J'ai souvent eu le même problème et j'ai trouvé une petite astuce pour corriger cela. Il suffis de mettre tes images en display block :
Je ne sais pas vraiment ce qui fait que le bloc parent de l'image ne s'adapte pas correctement mais si quelqu'un le sais et passe par là j'en apprendrais un peut plus aussi ;)
--
J'ai souvent eu le même problème et j'ai trouvé une petite astuce pour corriger cela. Il suffis de mettre tes images en display block :
.gallerie li img { width : 100%; display:block; }
Je ne sais pas vraiment ce qui fait que le bloc parent de l'image ne s'adapte pas correctement mais si quelqu'un le sais et passe par là j'en apprendrais un peut plus aussi ;)
--
30 déc. 2014 à 14:59
Il se pourrait donc que ce ne soit pas une erreur/oubli de ma part, mais un défaut inhérent à HTML/CSS ? (comme le "bug" des pixels en trop entre plusieurs <li> disposés en inline/inline-block, qu'on corrige en mettant des commentaires vides entre chaque <li> ?)
En tout cas, merci beaucoup pour la réponse rapide !
30 déc. 2014 à 16:23
Heureux de t'avoir aidé en tous cas :)