CSS / décaler les icônes de messages dans la messagerie

[Albert (67)]

Bonjour

Les infos du forum sont dans mon profil .

J' ai un CSS perso qui permet de décaler les icônes de messages dans la liste des sujets du forum, comme ci dessous :

Copie d' écran sujets:

Malheureusement, ces icônes chevauchent l' icône de sujet dans les différentes boîtes de messagerie .

Copie d' écran messagerie:

Mon CSS rajouté est le suivant :

CSS rajouté:

La liste des titres des messages est bien décalée, donc le CSS doit agir à ce niveau .
J' aimerais que les icônes se placent dans l' espace vide prévu, comme pour les sujets du forum .

Je pense avoir fourni tous les éléments nécessaires .

D' avance, MERCI

[Neptunia]

Bonjour ^^

Le souci vient du fait que sur un sous-forum les icônes de sujet sont positionnées comme image d'arrière-plan (background) , alors que sur la messagerie elles sont en avant-plan

Essayez de remplacer :

Code:

ul.pmlist dt {
padding-left: 130px;
}

par

Code:

ul.pmlist dt {
padding-left: 130px;
}
ul.pmlist div img {
padding-left: 70px;
}

Il vous faudra peut-être ajuster le 70px pour parvenir à vos fins.

[Albert (67)]

Salut Neptune et merci

C' est un bon début . J' ai remplacé 70 par 45 et c' est bon .
Je ne comprend pas pourquoi 45px, alors que l' icône de sujet fait 50 .
Je pensais que la mesure se faisait à partir du début
Dans les icône de sujet du forum, y' a 70 et c' est ce qui déplace vers la droite ...

Mais bon, si ça fonctionne c' est bon .

Reste le problème de la hauteur : centrer dans la hauteur ( à peu près )

[Neptunia]

Essayez en remplaçant :

Code:

ul.pmlist div img {
padding-left: 45px;
}

par :

Code:

ul.pmlist div {
padding: 5px 0 0 45px !important;
}

Le 5px indique le décalage par rapport au haut, le premier 0 celui relatif à la droite, le second 0 est relatif au bas, enfin le 45 concerne le décalage par rapport au bord gauche.

Propriété padding sur Mozilla Developer Network

[Albert (67)]

Yeeeaaaaahhhhhhhhh !!!!!!!!!!!!!!!!!!!!!

Ça fonctionne ( avec ta dernière modif ) après avoir remis 70 à la place de 45



Merci beaucoup Neptune

[Neptunia]

La div comportait déjà un décalage.

D'où le chiffre de tout à l'heure inférieur à la largeur de l'image...
... et l'obligation de mettre le paramètre !important.