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

[cbdb]

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 !

[SoraNoHime]

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.

[cbdb]

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]

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

[Kaktus]

Code:

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

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

[cbdb]

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

[Kaktus]

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