Des titres de sujet qui se déplacent au passage de la souris ? Un écart entre la pagination et le sujet ?

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

Résolu Des titres de sujet qui se déplacent au passage de la souris ? Un écart entre la pagination et le sujet ?

Message par cbdb le Dim 23 Oct 2011 - 14:01

Bonsoir à tous,

Navrée de vous dérangez une fois de plus, j'espère ne pas me tromper de partie pour poster, après maintes recherches, j'ai modifier mes codages et templates sans voir d'où venait le beug, je m'en remet à vous. Comment vous expliquez clairement mon problème, je vous donne déjà un lien, qui vous permettra de juger par vous même ICI, et voici une capture d'écran de ce qui m'énerve (OMMMMMHHHHH ZENNNNNN) !




A votre avis, d'où cela peut-il venir ? Est-ce qu'il est possible que mes titres redeviennent normaux et arrêtent de gigoter tous seuls ?

Merci d'avance

PS : n'hésitez pas à me demander templates et CSS au besoin !


Dernière édition par cbdb le Ven 28 Oct 2011 - 21:47, édité 1 fois

cbdb
Nouveau membre

Messages : 27
Inscrit(e) le : 06/08/2011

http://vapore-dei-sospiri.bbactif.com/
cbdb a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Des titres de sujet qui se déplacent au passage de la souris ? Un écart entre la pagination et le sujet ?

Message par SoraNoHime le Dim 23 Oct 2011 - 14:07

Bonjour

^^ CSS indispensable, vous devez avoir un problème entre un tag normal et un tag:hover

pouvez-vous me fournir ce qui correspondrait à ces codes.

Cordialement.

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Des titres de sujet qui se déplacent au passage de la souris ? Un écart entre la pagination et le sujet ?

Message par cbdb le Lun 24 Oct 2011 - 22:32


Merci par avance de votre aide, voici l'intégralité de mon CSS, j'ai relativement bien organisée ma fiche, mais si vous ne vous y retrouvez pas, n'hésitez pas.

Code:
  /* CODE DE BASE DU FORUM */

/* Menu navigation */

a.mainmenu img {
display:none; } /* enlève les images du menu */

a.mainmenu {
padding-left:4px;
padding-right:4px; }

a.mainmenu {
color: #;
font-family: arial;
font-weight: bold;
text-transform: uppercase;
text-align: center; }

a.mainmenu:hover {
color: #;
font-family: arial;
font-weight: bold;
text-transform: uppercase;
text-align: center; } /* Menu navigation au survol de la souris */

/* ENLEVER ESPACE AU SOMMET ET BAS DE PAGE */

body {
margin-top:-5px;
margin-bottom:-10px; }


/* BORDURE FORUM */

.forumline{
-moz-border-radius-bottomleft: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-bottomright: 20px;
-moz-border-radius-bottomleft: 20px;
-webkit-border-bottom-right-radius: 20px;
padding: 5px;
border-right: 3px solid #D06448;
border-left: 3px solid #D06448;
border-bottom-left-radius: 20px 20px;
border-bottom-right-radius: 20px 20px;
-moz-box-shadow: 0px 0px 5px black;
-webkit-box-shadow: 0px 0px 5px black;
background-color:#FAFBFD;
}

/* ENLEVER TOUS LES SOULIGNEMENTS */

a:hover{text-decoration: none !important;}
a {text-decoration: none !important;}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}

/* JUSTIFIER LES MESSAGES*/

.postbody, td.row1 span.gensmall {
text-align: justify !important;
display: block; }

/* JUSTIFICATION ET MARGE AUTO */

.postbody {
    padding-left: 15px;
    padding-right: 15px; }

/* TROISIÈME COLONNES DU FORUM */

.derniermessage {
font-size: 11px;
-moz-border-radius: 18px;
-webkit-border-radius: 18px;
border-radius: 18px;
background-color: #F3F3E9;
text-align: center;
margin-left: 20px;
margin-right: 20px;
padding: 7px;
line-height: 11px;
border: 1px solid #CACECD;}


                                                        /* CODE MODIFIABLE A CHAQUE VERSION */

/* LIENS VERS LE FORUM */

a.forumlink {
font-family: arial;
line-height: 10px;
text-decoration: none;
color: #82C625 !important;
text-transform: lowercase;
padding-left: 40px;
padding-right: 3px;
padding-top: 5px;
padding-bottom: 5px;
margin: -5px auto -12px auto;
font-weight: normal;
font-size: 27px;
letter-spacing: -3px;
margin: -5px auto -12px auto;
font-weight: bolder;
}

/* titre catégorie + dernier message */

.secondarytitle, .secondarytitle h2  {
color: white;
font-family: times new roman;
font-size: 20px;
font-style: italic;
text-transform: lowercase;
text-decoration: none;
letter-spacing: -3px;
font-weight: bold;}

.lol  {
color: #FFFFFF;
font-family: times new roman;
font-size: 20px;
font-style: italic;
text-transform: lowercase;
text-decoration: none;
letter-spacing: -3px;
font-weight: bold;}

/* LIENS DESCRIPTION */

.liensousforum a {
text-align: center;
color: #CECAA5;
font-family: Tahoma;
font-size: 11px;
text-shadow: #CBCACA 1px 1px 2px;
font-stretch: ultra-condensed;
letter-spacing: -1px;
text-transform: uppercase;
font-style: normal;}

.liensousforum a:hover {
color: white;
letter-spacing: 0px;
font-weight: bold;}

/* HEADER DE FOND CODAGE */

body {
background-color: #F3F3E9;
background-image: url("http://img225.imageshack.us/img225/3424/vaporedeisospirihaut.jpg");
background-repeat:no-repeat
}

/* ASPECT CATEGORIE */

.categorie {
-moz-border-radius-bottomleft: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-bottomright: 20px;
-moz-border-radius-bottomleft: 20px;
-webkit-border-bottom-right-radius: 20px;
padding: 5px;
border-right: 3px solid #D06448;
border-left: 3px solid #D06448;
border-bottom-left-radius: 20px 20px;
border-bottom-right-radius: 20px 20px;
-moz-box-shadow: 0px 0px 5px black;
-webkit-box-shadow: 0px 0px 5px black;
background-color:#FFFFFF;}

/* DESCRIPTION */

.description {
font-size: 11px;
-moz-border-radius: 18px;
-webkit-border-radius: 18px;
border-radius: 18px;
background-color: #F3F3E9;
text-align: justify;
margin-left: 20px;
margin-right: 20px;
padding: 7px;
line-height: 11px;
border: 1px solid #CACECD;}

/* CONTOUR AVATAR*/

.fondavatar {
-moz-border-radius-bottomleft: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-bottomright: 20px;
-moz-border-radius-bottomleft: 20px;
-webkit-border-bottom-right-radius: 20px;
padding: 5px;
border-right: 5px solid #D06448;
border-left: 5px solid #82C625;
border-bottom-left-radius: 20px 20px;
border-bottom-right-radius: 20px 20px;
-moz-box-shadow: 0px 0px 5px black;
-webkit-box-shadow: 0px 0px 5px black;
width: 205px;}

.rang{
font-size: 10px;
}

/* PA */

.menu{
padding: 5px;
font-size: 9px;
text-transform: uppercase;
color:#cac5a3;
letter-spacing: -1pt;}

.menu a{
text-transform: uppercase;
font-size: 11px;
color: #819C28;
font-weight: bold;
margin-left: 10px;
margin-right: 10px;}

.menu a:hover {
color: #FFB43B}

.contenupa{
width: 450px;
height:280px;
background-color: #F3F3E9;
-webkit-border-radius: 10px 10px 20px 20px;
border-top-left-radius: 10px 10px;
border-top-right-radius: 10px 10px;
border-bottom-right-radius: 20px 20px;
border-bottom-left-radius: 20px 20px;
-moz-border-radius: 10px 10px 20px 20px;
box-shadow: 2px 2px 0px #BB253A;}

.titre{
font-family: arial;
text-decoration: none;
color: #82C625 !important;
text-transform: lowercase;
font-weight: normal;
letter-spacing: -1px;
font-weight: bolder;
font-size: 21px; }

.contexte{
font-family: arial;
text-decoration: none;
float: left;
width: 250px;
margin: 6px;}

.scrool{
font-family: arial;
text-decoration: none;
overflow-x: hidden;
overflow-y: scroll;
height: 140px;
padding: 4px;
text-align: justify;}

a.topsite{
font-family: arial;
text-decoration: none;
color: #82C625 !important;
text-transform: lowercase;
font-size: 21px;
}

.statvds{
text-align:justify;
margin: 6px;}

.staff{
font-family: arial;
text-decoration: none;
color: #82C625 !important;
text-transform: lowercase;
font-weight: normal;
letter-spacing: -1px;
font-weight: bolder;
font-size: 21px;
}

.ban{
background-position: center;
width: 270px;
height: 75px;
border: 3px solid #82C625 ;
margin-left: auto;
margin-right: auto;}

.onglet_0 {
float: left;
padding: 2px;
margin: 1px;
cursor: pointer;
color: #FFA34F;
text-transform: uppercase;}   

.onglet_0:hover {color: #ACD620}            

.onglet_1 {
float: left;
padding: 2px ;
margin: 1px;
cursor: pointer;
color: #DB1B37;
text-transform: uppercase;}            

.mon_contenuPA {
color: #666; 
margin-top: 20px;}

#mes_ongletsPA{
width: 325px;
margin-top: 10px;}

#mes_contenusPA{
padding: 2px;
overflow-y: auto;
overflow-x: hidden;
height:130px;
width: 180px;
margin: 5px;
border-top: 3px dotted #dedede;
margin-top: 2px; }

#mes_ongletsPA ul{
margin-left: -35px;}

#mes ongletsPA ul li a{
text-decoration: none;
margin: 0px;}

.separateur{
border-bottom: 3px double #cac5a3;
width: 200px;
margin-left: auto;
margin-right: auto;}

/* INFOBULLE */

a.info{
position: relative;}
 
a.info span{
display: none; /* On masque l'infobulle. */ }
 
a.info:hover{
z-index: 999; /* On définit une valeur pour l'ordre d'affichage. */ }

a.info:hover span{
display: inline; /* On affiche l'infobulle. */
position: absolute;
width: 200px;
border: 3px solid #82C625 ;
background-color:#FAFBFD;
color:#696969;
text-align: justify;
}

/* QEEL */

.titreqeel {
font-family: arial;
line-height: 10px;
text-decoration: none;
color: #D06448 !important;
text-transform: lowercase;
font-weight: normal;
font-size: 34px;
letter-spacing: -3px;
margin: -5px auto -12px auto;
font-weight: bolder;
border-bottom: 3px double #cac5a3; }

.tableauqueel {
-moz-border-radius-bottomleft: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-bottomright: 20px;
-moz-border-radius-bottomleft: 20px;
-webkit-border-bottom-right-radius: 20px;
padding: 5px;
border-right: 3px solid #D06448;
border-left: 3px solid #D06448;
border-bottom: 3x solid #D06448;
border-bottom-radius : 20px 20px;
border-bottom-left-radius: 20px 20px;
border-bottom-right-radius: 20px 20px;
-moz-box-shadow: 0px 0px 5px black;
-webkit-box-shadow: 0px 0px 5px black;
background-color:#FAFBFD;}

.encadrement {
font-family: arial;
text-decoration: none;
background-color:#FFFFFF;
border-right: 3px solid #82C625;
border-left: 3px solid #82C625;
border-shadow: 0px 0px 1px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
text-align: justify;
padding: 10px;
margin: 2px;
}

.encadrement2 {
font-family: arial;
text-decoration: none;
border-right: 3px solid #82C625;
border-left: 3px solid #82C625;
background-color:#FFFFFF;
border-shadow: 0px 0px 1px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
text-align: justify;
padding: 10px;
margin: 2px;
}

a.groupe {
font-family: arial;
font-size: 24px;
letter-spacing: -2px;
}

a.groupe:hover {
font-size: 24px;
font-weight: bold;}

.separation{
font-family: arial;
text-decoration: none;
}

img.lumiere {
  opacity:0.5;
  -moz-opacity:0.5;
  -ms-filter:"alpha(opacity=50)";
  filter:alpha(opacity=50);
}

img.lumiere:hover {
  opacity:1;
  -moz-opacity:1;
  -ms-filter:"alpha(opacity=100)";
  filter:alpha(opacity=100);
}

/** module **/

.boxpa{
width: 190px;
font-family: arial;
text-decoration: none;
border-right: 3px solid #BB253A;
border-left: 3px solid #BB253A;
background-color: white;
border-shadow: 0px 0px 1px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
text-align: justify;
padding: 10px;
margin: 2px;
-moz-box-shadow: 1px 1px 3px grey;
-webkit-box-shadow: 1px 1px 3px grey;
}

.boxpa:hover {
width: 190px;
font-family: arial;
text-decoration: none;
border-right: 3px solid #82C625;
border-left: 3px solid #82C625;
background-color: white;
border-shadow: 0px 0px 1px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
text-align: justify;
padding: 10px;
margin: 2px;
-moz-box-shadow: 1px 1px 3px grey;
-webkit-box-shadow: 1px 1px 3px grey;}

.texte{
font-size: 10px;
}

/** enlever l'entourage des tableaux **/

td.catLeft {
  border-width:0 0 0 0px !important;
}
 
td.catBottom {
  border-width:0 0px 0px !important;
}
 
td.catHead {
  border-width:0px 0px 0 !important;
}
 
td.catRight {
border-width:0 0 0 0px !important;
}
 
td {
border-width:0 0 0 0px !important;
}
 
th, td, p {
border-width:0 0 0 0px !important;
}

/** fiche de liens Thyb **/

.talkimg {
width: 90px;
height: 90px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
-moz-box-shadow: 0px 0px 5px #B8B19A;
-webkit-box-shadow: 0px 0px 5px #B8B19A;
}

.bubbletext1 {
width: 330px !important;
text-align: justify;
height: 90px;
margin-left: 38px;
overflow: auto;
padding: 3px;
font-size: 11px;
text-align: justify;
line-height: 12px;}

cbdb
Nouveau membre

Messages : 27
Inscrit(e) le : 06/08/2011

http://vapore-dei-sospiri.bbactif.com/
cbdb a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Des titres de sujet qui se déplacent au passage de la souris ? Un écart entre la pagination et le sujet ?

Message par cbdb le Mer 26 Oct 2011 - 20:20

Un petit up car je ne supporte plus ce gros beug qui déforme mes pages

cbdb
Nouveau membre

Messages : 27
Inscrit(e) le : 06/08/2011

http://vapore-dei-sospiri.bbactif.com/
cbdb a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Des titres de sujet qui se déplacent au passage de la souris ? Un écart entre la pagination et le sujet ?

Message par Kaktus le Jeu 27 Oct 2011 - 16:54

Code:
.postbody, td.row1 span.gensmall {
text-align: justify !important;
display: block; }

Il me semble que c'est cela qui fait cet espace. Wink

Kaktus
***

Féminin
Messages : 160
Inscrit(e) le : 12/12/2010

http://capharnaum.forumactif.fr/
Kaktus a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Des titres de sujet qui se déplacent au passage de la souris ? Un écart entre la pagination et le sujet ?

Message par cbdb le Ven 28 Oct 2011 - 21:46

Problème résolu ! Merci beaucoup de ton aide c'était bel et bien cela !

cbdb
Nouveau membre

Messages : 27
Inscrit(e) le : 06/08/2011

http://vapore-dei-sospiri.bbactif.com/
cbdb a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Des titres de sujet qui se déplacent au passage de la souris ? Un écart entre la pagination et le sujet ?

Message par Kaktus le Ven 28 Oct 2011 - 21:50

De rien dans ce cas, ravie d'avoir pu aider. Smile

Kaktus
***

Féminin
Messages : 160
Inscrit(e) le : 12/12/2010

http://capharnaum.forumactif.fr/
Kaktus 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