Accueil
Créer un forumLa date/heure actuelle est Lun 2 Oct 2023 - 7:41
3 résultats trouvés pour FRM
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.
- 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.
- le Mer 31 Juil 2019 - 22:48
- Rechercher dans: Corbeille & Titres non explicites
- Sujet: Problème de "hover" sur un encadré
- Réponses: 2
- Vues: 1643
Retirer l'espace entre les forums
Bonjour Splash,Merci beaucoup pour ton retour ! J'ai changé ce que tu as noté pour enlever complètement l'espace et ça fonctionne très bien, par contre du coup mes catégories sont mal placées et tout en bas de la page, le panneau d'administration est à cheval sur le QEEL (j'ai laissé en visuel sur le forum pour que tu puisses voir).
Ci-dessous le nouveau CSS :
- 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;
}
/* 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 .85s ease; -webkit-transition:all .85s ease;
}
.DSFRM:hover .descFRM img {
transform:translatex(-200px); -webkit-transform:translatex(-200px);
}
/* 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 */
}
Peux-tu me dire ce que je dois changer ? Merci encore !
- le Mer 31 Juil 2019 - 20:54
- Rechercher dans: Corbeille & Titres non explicites
- Sujet: Retirer l'espace entre les forums
- Réponses: 4
- Vues: 1682
Retirer l'espace entre les forums
Bonjour,Je suis coincée sur un code et j'aurais besoin d'une âme charitable pour m'aider.
L'adresse de mon forum est : http://providence-rh.forumactif.com/
Je cherche à supprimer l'espace blanc qui apparaît entre les forums (voir l'espace encadré de rouge ci-dessous).
Je pense que cela viendrait d'un endroit dans le CSS, le voici :
- 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:10px auto 0;
width:800px; padding:10px 0; text-align:center;
background:#E3D8A9; /* MODIFIABLE */
}
/* TITRE CATEGORIE */
.tleCAT h2 {
margin:0 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:10px 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;
}
/* 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 .85s ease; -webkit-transition:all .85s ease;
}
.DSFRM:hover .descFRM img {
transform:translatex(-200px); -webkit-transform:translatex(-200px);
}
/* 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.
- le Mer 31 Juil 2019 - 19:13
- Rechercher dans: Corbeille & Titres non explicites
- Sujet: Retirer l'espace entre les forums
- Réponses: 4
- Vues: 1682
