Discussion :

[cheboy]

Bonjour.

Je veux ajouter des vidéos sur la Home Page sous forme de Stories sur Facebook et un peu comme le fait déjà le site d'actualités CGTN comme vous pouvez le voir sur la partie cerclée en ROUGE sur cette capture d'écran : https://imgur.com/a/NOZ1qNV .

Du coup, on aimerait déplacer l'avatar situé en bas du Titre de chaque post de la partie « STORIES » entourée en ROUGE sur la capture d'écran suivante : https://imgur.com/a/Bf82Q1D .

Pour qu'il remonte et se positionne en bas de la carte postale comme ceci : https://imgur.com/a/3dB5uac .

Mais, le problème de mon côté c'est que quand j'essaie de faire ça, en rajoutant un margin-top: -122px; par exemple, en espérant réussir à faire apparaitre l'icone de l'avatar en question, ça ne marche pas du tout. Voici le code et la classe CSS de l'avatar en question que j'essaie de remonter au bas de la carte postale :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
img.avatar.avatar-96.photo.td-animation-stack-type0-2 {
   margin-top: -122px;
}

Comment alors, réussir à déplacer cette icône de l'avatar en question en bas de chaque post pour qu'elle ressemble à la deuxième capture d'écran ci-dessus ???


Merci de m'aider s'il vous plait.

[ProgElecT]

Salut
Peut être en ajoutant le positionnement

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
img.avatar.avatar-96.photo.td-animation-stack-type0-2 {
   position: relative;
   margin-top: -122px;
}

[cheboy]

Merci pour votre réponse. c'est résolu depuis hier avec position: absolute; ajouté.