Probleme de superpositions de bouttons En ligne/ Hors ligne

[Nomka]

Bonjour,

Je viens demander de votre aide après avoir fait des recherches pour voir si mon problème avait été résolu ailleur mais ça ne semble pas être le cas.

Je suis certains qu'il s'agit de quelque chose de très simple mais je ne parviens pas à trouver quoi.

Alors j'ai voulu modifier l'emplacement du bouton En ligne et ajouter le boutons hors ligne lorsque le membre n'est pas en ligne pour avoir ceci comme résultat :



En utilisant cette méthode :

j'ai ajouté ce code dans mon CSS :

Code:

/*Online_Offline-------------------------------------------------*/
.offlinebutton {
background-color: transparent;
border: none;
background-image: url('url_image_offline');
background-repeat : no-repeat;
background-position : center;
min-width: Xpx;
width: Xpx;
min-height: Ypx;
height: Ypx;
}

en éditant le code comme ceci : Remplacez :
url_image_offline > par l'adresse de l'image du bouton "Hors ligne"
X > par la largeur du bouton "en ligne"
Y > par la hauteur du bouton "en ligne"

Puis j'ai modifié mon fichier : viewtopic_body

j'ai supprimer la ligne

Code:

{postrow.displayed.ONLINE_IMG}

et j'ai ensuite rajouter le code (en rouge)

{postrow.displayed.POSTER_RPG}
</span><br />
<table border=0 cellspacing=0 cellpadding=0 class="offlinebutton"><tr><td>{postrow.displayed.ONLINE_IMG}</td></tr></table><br />

tout c'est très bien passé, mon bouton a bien bougé de place, lorsque les personnes sont hors ligne celà apprait parfaitement, mais mon soucis est que une fois en ligne le bouton En ligne vient ce superposer sur le bouton Hors ligne comme ceci :
hors ligne parfait
en ligne superposition

Je dois avoir omis quelque chose mais je ne sais pas quoi du tout...

Je vous remercie de l'attention que vous porterez à mon message.

[Cædes]

Bonsoir,

je suppose que c'est le background-image dans votre css qui pose problème. Il n'est pas nécessaire d'y ajouter l'url de votre image offline. Enlevez cette ligne dans votre feuille de style css et tout devrait rentrer dans l'ordre

Il suffit d'ajouter le bouton offline dans le panneau des images, comme vous l'avez fait pour le online. Il n'est pas nécessaire de le mettre en background. Actuellement il sert simplement d'image de fond dans la cellule que vous avez ajouté à votre template.

Au plaisir.

[Nomka]

oui, mais dans mon template originale le bouton offline n'existe pas il n'y a que le online si je ne mets pas de lien alors rien ne réfère l'image du bouton

[Invité]

Salut Nomka,

il faut que tes deux images soient à la même dimension tout simplement .
Pense aussi à changer le support de forum dans ton profil car tu indiques phpbb3 .

a++

[Nomka]

Salut, merci pour vos réponses,

Le boutons ont pourtant exactement la même dimension il s'agit d'un format en PNG avec le contour du texte qui est transparent.

Le soucis que j'ai est que le bouton offline ne disparait pas quand le bouton Online apparaît mais je ne sais pas si il est possible de le faire disparaitre.

et si oui comment...

(changement effectué dans le profil merci pour l'info)

[Nomka]

je pense avoir trouvé une solution, je n'ai pas utilisé une image avec de la transparence et je crois que c'était ce qu'il fallait faire à la base car le OFFLINE reste en permanence en Background et que le ONLINE vient ce superposer, en prenant une image sans transparence la superposition ce fait sans accros