Problème de "hover" sur un encadré
2 participants
Page 1 sur 1 • Partagez
Problème de "hover" sur un encadré
Bonjour,
C'est encore moi, j'ai un autre problème qui n'a aucun rapport avec le premier donc j'ouvre un autre sujet.
L'adresse de mon forum pour que vous puissiez voir tout ça est : http://providence-rh.forumactif.com/
Sur la capture ci-dessous :

Quand on laisse la souris dans l'encadré bleu ou vert, tout va bien, les images disparaissent bien.
Par contre, quand on laisse la souris dans l'encadré rouge, l'image fait des "allers retours" et du coup, ça empêche de cliquer sur les sous-forums.
J'aimerais que la réaction soit la même que pour les encadrés bleu et vert : l'image reste "disparue" jusqu'à ce qu'on enlève la souris de l'encadré.
Je n'ai pas réussi à trouver l'origine du problème... Je vous laisse mon CSS ci-dessous.
Par avance, merci !
Cordialement,
Illyria.
C'est encore moi, j'ai un autre problème qui n'a aucun rapport avec le premier donc j'ouvre un autre sujet.

L'adresse de mon forum pour que vous puissiez voir tout ça est : http://providence-rh.forumactif.com/
Sur la capture ci-dessous :

Quand on laisse la souris dans l'encadré bleu ou vert, tout va bien, les images disparaissent bien.
Par contre, quand on laisse la souris dans l'encadré rouge, l'image fait des "allers retours" et du coup, ça empêche de cliquer sur les sous-forums.
J'aimerais que la réaction soit la même que pour les encadrés bleu et vert : l'image reste "disparue" jusqu'à ce qu'on enlève la souris de l'encadré.
Je n'ai pas réussi à trouver l'origine du problème... Je vous laisse mon CSS ci-dessous.
- CSS:
- a:link, a:visited, a:active, a:hover {text-decoration: none !important;}
-RETRAIT : ce CSS pose de nombreux problèmes - { display: none; }
.postbody { display: block; text-align:justify; padding-left:15px; padding-right:15px; padding-bottom:10px;}
/* BLOC TITRE CATEGORIE */
.tleCAT {
margin:5px auto 0;
width:800px; padding:5px 0; text-align:center;
background:#E3D8A9; /* MODIFIABLE */
}
/* TITRE CATEGORIE */
.tleCAT h2 {
margin:10 auto;
font-size:20px; text-transform:none; letter-spacing:0px; font-family:Permanent Marker; font-style:regular;
color:white; text-shadow:1px 1px 0px rgba(0,0,0,0.3); /* MODIFIABLE */
}
/* BLOC FORUM */
#FRM {
margin:-20px auto;
width:800px; padding:0px; overflow:hidden;
background:rgba(255,255,255,0.7); /* MODIFIABLE */
}
.FRM {
position:relative; width:800px; overflow:hidden;
text-align:center; font-family:Verdana;
}
/* BLOC TITRE FORUM */
.tleFRM {
display:inline-block; vertical-align:top; margin-right:0px;
width:640px; padding:5px 5px; overflow:hidden;
text-align:center; font-size:20px; font-weight:bold; font-family:Lobster; line-height:20px;
background:#E1C5C6; /* MODIFIABLE */
}
/* TITRE FORUM */
.tleFRM a {
color:white !important; /* MODIFIABLE */
}
/* NOMBRE SUJETS & MESSAGES FORUM */
.nbFRM {
display:inline-block; vertical-align:top;
width:150px; height:30px; padding:0px 0 0px; overflow:hidden;
text-align:center; font-size:11px; text-transform:uppercase; line-height:30px;
background:#E1C5C6; color:white; /* MODIFIABLE */
}
/* BLOC ICÔNES / DERNIER MESSAGE FORUM */
.boxFRM {
display:inline-block; vertical-align:top; margin-top:0px;
width:150px; height:100px;
}
/* ICÔNES FORUM */
.imgFRM {
position:absolute; z-index:4; margin-left:-75px;
width:150px; height:80px;
transition:all 0.65s ease; -webkit-transition:all 0.65s ease;
}
.DSFRM:hover .imgFRM {
width:0;
}
.DSFRM:hover .descFRM img {
width:0;
}
/* DERNIER MESSAGE FORUM */
.lmsgFRM {
width:150px; height:80px; padding:0 00px; overflow:hidden;
text-align:center; font-size:11px; line-height:20px;
background:rgba(0,0,0,0.3); color:#DEDEDE; /* MODIFIABLE */
}
/* COULEUR TITRE SUJET DERNIER MESSAGE FORUM */
.lmsgFRM a {
color:white; /* MODIFIABLE */
}
/* BLOC DESCRIPTION & SOUS-FORUMS */
.DSFRM {
display:inline-block; vertical-align:top; margin-top:0px; margin-left:0px;
}
/* DESCRIPTION FORUM */
.descFRM {
display:inline-block; vertical-align:top; margin-right:0px;
width:450px; height:70px; padding:5px; overflow:hidden;
background:#DEDEDE; color:black; /* MODIFIABLE */
font-size:11px; text-align:justify; line-height:15px;
}
.descFRM:hover {
overflow-y:auto;
}
/* IMAGE DESCRIPTIVE FORUM */
.descFRM img {
position:absolute; z-index:3; margin-top:-5px; margin-left:-205px;
width:200px; height:80px;
transition:all .65s ease; -webkit-transition:all .65s ease;
}
/* BLOC SOUS-FORUMS */
.sfFRM {
display:inline-block; vertical-align:top;
width:180px; height:70px; padding:5px; overflow-y:auto;
text-align:justify; font-size:10px; text-transform:uppercase; color:rgba(0,0,0,0); line-height:0;
background:grey; /* MODIFIABLE */
}
/* SOUS-FORUMS */
.sfFRM a {
display:block; line-height:16px;
color:white !important; /* MODIFIABLE */
}
Par avance, merci !

Cordialement,
Illyria.
Re: Problème de "hover" sur un encadré
![]() | Bonjour, Attention, cela fait 6 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir votre sujet déplacé à la corbeille, merci de poster dans les 24h qui suivent ce message. Si votre sujet est résolu, merci d'éditer votre premier message et de cocher l'icône « résolu » |
Re: Problème de "hover" sur un encadré
![]() | Bonjour, Nous n'avons plus de nouvelle de l'auteur de ce sujet depuis plus de 7 jours. Nous considérons donc ce problème comme résolu ou abandonné. La prochaine fois, merci de nous tenir au courant de l'évolution de votre problème, ou pensez à faire un UP régulièrement ! Ce sujet est déplacé à la corbeille, merci d'ouvrir un nouveau sujet si nécessaire, en respectant les Règles générales du forum. |

» Problème avatar du profil en hover
» Problème : hover avec 2 images
» Problème hover avec un sprite de 2 images
» Problème affichage tableau index : lien et hover
» [263lanexzebre] - Requête 2 - phpbb3 - Problème de 'hover' en texte noir.
» Problème : hover avec 2 images
» Problème hover avec un sprite de 2 images
» Problème affichage tableau index : lien et hover
» [263lanexzebre] - Requête 2 - phpbb3 - Problème de 'hover' en texte noir.
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum