Signature qui dépasse

[Ciol58]

Détails techniques

Version du forum : phpBB2
Poste occupé : Membre
Navigateur(s) concerné(s) : Mozilla Firefox
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : Depuis l'installation d'une deuxième signature rollover, une première ne posant pas de problème si elle est placée à la fin de la signature.
Lien du forum : http://www.vulnera-samento.com/forum

Description du problème

Bonjour à tous,
Par signature qui dépasse, je n'entends bien sûr pas qu'elle est trop longue, mais qu'elle dépasse sur les messages venant après.
Cela est très certainement dû au code que j'ai installé dans ma signature pour faire des images réactives, ainsi, ma signature change lorsque la souris de l'utilisateur y passe.

Lorsque l'on met deux images, une normale puis en dessous une réactive, tout va bien.
Lorsque l'on met deux images, d'abord la réactive puis en dessous la normale, la signature immobile dépasse sur le message suivant.
Lorsque l'on met deux images réactives à la suite, la seconde dépasse sur le message suivant.

Voilà le code que j'utilise pour cette signature à images réactives :

Code:

<span><style type="text/css">.ciol1 { width:400px; height:200px; opacity:0; transition-duration:0.9s;  -moz-transition-duration:0.9s; -webkit-transition-duration:0.9s; -o-transition-duration:0.9s; overflow:auto; color:#535353; }.ciol1:hover { width:400px; height:200px; opacity:1;}</style><div style="width:400px; height:200px; background-image:url(http://nimga.fr/f/IWldN.png); margin:auto;"><div class="ciol1" style="background-image: url(http://nimga.fr/f/l4jcy.png);"></div>
<style type="text/css">.ciol2 { width:400px; height:150px; opacity:0; transition-duration:0.9s;  -moz-transition-duration:0.9s; -webkit-transition-duration:0.9s; -o-transition-duration:0.9s; overflow:auto; color:#535353; }.ciol2:hover { width:400px; height:150px; opacity:1;}</style><div style="width:400px; height:150px; background-image:url(http://fat.gfycat.com/BeneficialIdealElephantseal.gif); margin:auto;"><div class="ciol2" style="background-image: url(http://nimga.fr/f/7gvhe.png);"></div></span>

[Invité]

Bonjour,

Tout simplement parce que deux balises div ne sont pas refermées :

Code:

<div style="width:400px; height:200px; background-image:url(http://nimga.fr/f/IWldN.png); margin:auto;">

Code:

<div style="width:400px; height:150px; background-image:url(http://fat.gfycat.com/BeneficialIdealElephantseal.gif); margin:auto;">

Cordialement.

[Ciol58]

En effet, même si j'ai eu quelques problèmes au début en clôturant la balise div au mauvais endroit, en rajoutant une fin de balise à la fin de chaque code, j'obtiens bien le résultat voulu. Merci beaucoup pour l'aide.

[Chacha]

..	Bonjour et Bienvenue sur le Forum des Forums ForumActif Vu que vous êtes nouveau, voici quelques sujets importants : Sécurité : mail de fondation - Ce qu'il ne faut pas faire Questions/Réponses fréquentes - Listing Trucs et astuces - Listing La fonction Rechercher La FAQ de ForumActif.com N'hésitez pas à ouvrir un nouveau sujet si vous ne trouvez pas votre réponse

..	Bonjour, Afin de faciliter la gestion des problèmes, si votre problème est résolu, pensez à : éditer votre premier message, cocher l'icône Et enregistrer en cliquant sur Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton A bientôt sur ForumActif