Signature qui dépasse

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Signature qui dépasse

Message par Ciol58 le Dim 26 Oct 2014 - 14:53

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>


Dernière édition par Ciol58 le Mar 28 Oct 2014 - 15:58, édité 1 fois

Ciol58
Nouveau membre

Messages : 2
Inscrit(e) le : 26/10/2014

http://www.vulnera-samento.com/forum
Ciol58 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Signature qui dépasse

Message par Kinotto le Lun 27 Oct 2014 - 13:32

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.

Kinotto
+ Hyperactif +

Masculin
Messages : 2177
Inscrit(e) le : 12/09/2012

http://test-nightmare.superforum.fr/
Kinotto a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Signature qui dépasse

Message par Ciol58 le Lun 27 Oct 2014 - 14:56

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.

Ciol58
Nouveau membre

Messages : 2
Inscrit(e) le : 26/10/2014

http://www.vulnera-samento.com/forum
Ciol58 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Signature qui dépasse

Message par Chacha le Lun 27 Oct 2014 - 14:59

..
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
N'hésitez pas à ouvrir un nouveau sujet si vous ne trouvez pas votre réponse Wink
..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 résolu
  • 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 Smile


Règles Générales du Forum - Le Staff de ForumActif
Questions & Réponses Fréquentes - Trucs & Astuces
Outils Fondateurs - Perte de Mot de Passe

Chacha
Modéractif
Modéractif

Masculin
Messages : 49762
Inscrit(e) le : 21/08/2010

http://forum.forumactif.com/
Chacha a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum