28172 sujets

CSS et mise en forme, CSS3

[Résolu] Image se chevauchent sur ma page Tumblr

Bonjour,
sur ma page tumblr j'ai utilisé un thème personnalisé qui contient du css.
Dans les posts avec plusieurs images à suivre ("photoset"), les images ne s'enchainent pas bien, elles sont tronquées dans leur partie basse car l'image de dessous passe par dessus sur quelques pixels de hauteur.
Quelqu'un a une idée d'où vient le probleme ?
Modifié par bobbystan (19 Sep 2015 - 21:59)
Modérateur
Salut,

Si tu regardes dans le DOM tu verras que les div qui contiennent tes images on une hauteur fixe et un overflow:hidden.
div class="photoset-row cols-1" style=" margin-bottom: 0px; clear: left; display: block; overflow: hidden; height: 482px;"

Je ne sais pas comment ni par quoi c'est calculé mais tout ce qui dépasse ne s'affiche pas.

La solution est d'arriver a enlever cette hauteur soit directement à la source (que la hauteur ne soit pas mise en dur comme ça) soit via CSS en tentant d'overider la propriété avec un height:auto !important; mais c'est assez moche (mais souvent pas le choix quand on ne maitrise pas tout le CSS...)
.photoset-row {
    height: auto !important;
}


Bonne journée
Modifié par _laurent (22 May 2015 - 08:58)
Sujet clos
Aller à