Forum

Bonjour,

Je rencontre un petit souci avec le thème Underline pour phpboost 4.0 que je n'arrive pas à résoudre...

Voici une illustration, ce sera plus parlant :



Voyez, le petit bandeau "En ligne" est en dessous de l'avatar, cela ne me plaît pas. Je souhaiterais qu'il soit au dessus.

La classe concernée est .msg_info_mbr_online mais je n'arrive pas à trouver le bon paramètre pour le placer plus en hauteur.

Il me semblait que z-index pouvait résoudre le problème mais cela n'a pas l'air. (J'ai testé avec les outils de développement de Firefox en éditant en live).

Si vous avez une solution, je prends

Merci

Bonjour, tu aurais un endroit ou l'on peu test, en général le z-index fonctionne.

Essaye avec un position:relative sur le contenant de ton bandeau. et eventuellement avec un position:absolute sur le bandeau.

Salut ElenWii,



Quel accro au forum ... Un peu comme moi sur le mien



Et bien tu peux tester sur n'importe quel sujet où j'ai posté et quand je suis en ligne

Voici un exemple http://www.mageialinux-online.org/forum/topic-16746-0-184496+coagul-cote-d-or-association-generale-des-utilisateurs-de-logiciels-libres.php#m184496



Merci

Bonsoir,

Tu a mis l'image en background de ton div, il n'y a aucun moyen que l'image s'affiche au dessus du contenu de ton div.

Ajoute l'image plutôt dans un nouveau div ou alors avec la pseudo classe :before ou :after.

ElenWii

D'accord, je vais regarder cela de plus près...

Tiens j'ai test avec ca et ca fonctionne :

Merci, mais sur les avatars inexistants ou les comptes qui n'ont pas d'étoile ça déforme.

Je modifie l'image pour faire autrement, néanmoins, une question : à quoi sert :before ?

before permet de gerer du contenu avant ou après un block


Comment ca cela deforme le offline ?

Regardes en image ça tombe bien, quelqu'un s'est incrusté sur mon fil de test, donc on a les 3 cas :

Si tu veux éviter cela, il faut que tu l'applique sur le div de l'avatar et pas du conteneur global.

D'accord, je vais regarder cela tranquillement :-)