Petit problème de décalage =/

Coucou !

(je ne sais pas si mon problème concerne du codage, du graphisme ou autre alors je poste ici XD)

J'ai un problème sur l'un de mes forums. Les images sont décalées alors que je n'ai touché à rien. Voici un exemple : https://2img.net/r/hpimg11/pics/937587fond.png

(vous voyez les barres grises sur les côtés ? ça devrait être vert)

Et maintenant, j'ai ceci en plus : https://2img.net/r/hpimg4/pics/792690Capture.png

Est-ce que quelqu'un peut m'aider à arranger ça, s'il vous plaît ?

(j'en ai parlé au Capitaine via message privé tout à l'heure, ce serait parce que j'ai pas mis les images sous transparence (dans le CSS) mais je n'ai qu'une seule fois les mêmes images dans les dossiers x_x)

Je vous montre les images concernées (pour le premier souci) :
https://2img.net/r/hpimg4/pics/616338skinbase01.jpg
https://2img.net/r/hpimg4/pics/370650skinbase02.png
https://2img.net/r/hpimg4/pics/977751skinbase10.jpg
https://2img.net/r/hpimg4/pics/188892skinbase04.png

Et le second problème, apparut ce matin, je ne sais pas d'où ça vient =/

Voilà aussi le CSS au cas où (je ne le mets pas sous Hide, j'ai peur qu'on ne voit plus les balises code sinon) :

Code:

A:link, A:active, A:visited {text-decoration : none;outline: none;}
a:hover {text-decoration : none !important;outline: none;}



/*PA*/
.titre_princ {
  color: #FFFFFF;
    font-size: 24px;
    text-shadow: 1px 1px 1px #C77466;
}

.bloc_pa {
  border: 1px solid #C77466;
  padding: 10px;
}

.titre_pa {
  font-size: 16px;
  text-align: center;
}

.lien_pa {
  font-style: italic;
}

.texte_top {
  font-size: 9px;
  line-height: normal;
}

.menu_top {
  width: 160px;
  -o-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px
}

div.imginfo {  /* INFOBULLES */
  position: relative;
  text-decoration: none;
}

div.imginfo span {
  display: none; /* on masque l'infobulle */
}

div.imginfo:hover {
  background: none; /* correction d'un bug IE */
  z-index: 500; /* on définit une valeur pour l'ordre d'affichage */
}

div.imginfo:hover span {
  display: inline; /* on affiche l'infobulle */
  position: absolute;
  white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
  top: 100px; /* on positionne notre infobulle */
  left: 20px;
  background: #FFFFFF;
  padding: 3px;
  border: 1px solid #C77466;
  text-align: center;
}
/*FIN PA*/



.reglement fieldset {
  -webkit-border-radius: 5px;
  -webkit-border-top-right-radius: 50px;
  -webkit-border-bottom-left-radius: 50px;
  -moz-border-radius: 5px;
  -moz-border-radius-topright: 50px;
  -moz-border-radius-bottomleft: 50px;
  border-radius: 5px;
  border-top-right-radius: 50px;
  border-bottom-left-radius: 50px;
  text-align: justify;
  border: 3px solid #4F9674;
  padding: 0px;     
}

.reglement fieldset p {
  padding: 10px;
}

.reglement fieldset legend {
  font-size: 25px;
  padding: 10px;
  color : #4F9674;
  font-family: Georgia;
  font-style: italic;
  text-transform: uppercase;
  text-shadow: 1px 1px 0px #4F9674;
  align: center;
}

.soustitre {
  display: block;
 -webkit-border-radius: 20px;
  -webkit-border-top-right-radius: 50px;
  -webkit-border-bottom-left-radius: 50px;
  -moz-border-radius: 20px;
  -moz-border-radius-topright: 50px;
  -moz-border-radius-bottomleft: 50px;
  border-radius: 20px;
  border-top-right-radius: 50px;
  border-bottom-left-radius: 50px;
  margin-left: -3px;
  text-align: center;
  color: #4F9674;
}





body
{
  background-image: url(http://img15.hostingpics.net/pics/213369skinbase01.jpg),
    url(http://img15.hostingpics.net/pics/494188skinbase10.jpg),
    url(http://img15.hostingpics.net/pics/332785backmotif03.jpg);
  background-position: top center, bottom center, top left;
  background-repeat: repeat-x, repeat-x, repeat;
}

.bodylinewidth
{
  width: 980px;
  margin: auto;
  padding: 0;
  background: url(http://img15.hostingpics.net/pics/813654skinbase08.jpg) repeat-y;
}
.bodyline
{
  padding: 0;
}

#page-body
{
  width: 920px;
  margin: auto;
}

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

#navigation
{
  width: 980px;
  margin-left: auto;
  margin-right: auto;
  margin-top: -7px;
  height: 91px;
  background: url(http://img15.hostingpics.net/pics/370618skinbase03.jpg);
}
#navig
{
  width: 800px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 50px;
  text-align: center;
}
#i_logo
{
  margin-top: -1px;
}

.forumline
{
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
  background: #d3cbb1;
  border-top: 6px solid #c67d66;
  border-bottom: 3px solid #b95a5e;
  padding: 5px;
}

table
{
width: 100%;
}

.cate_head
{
  width: 920px;
  margin: auto;
  height: 50px;
  padding-top: 10px;
  background: url(http://img15.hostingpics.net/pics/674082fondforumlinehead.png);
}
.cate_head h2
{
  font-size: 24px;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #82495b;
  text-shadow: 1px 1px 0px #d8d1ab;
  padding-left: 20px;
}
.cate_body
{
  width: 920px;
  background: #d3cbb1;
  border-bottom: 3px solid #b95a5e;
  margin-bottom: 20px;
}
.forumlink a
{
  display: block;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  font-size: 18px;
  font-variant: small-caps;
  color: #57a48f !important;
  letter-spacing: 1px;
  padding-left: 50px;
  border-bottom: 1px solid #c2a484;
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
}
.forumlink a:hover
{
  color: #255970 !important;
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
}
.forum
{
  width: 95%;
  margin: auto;
  background: #eae7dc;
}
.sous_forum
{
  width: 95%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
  background: #dad5c5;
  border-bottom: 1px solid #c2a484;
  border-top: 1px dashed #d6c3ae;
}
.description
{
  display: block;
  width: 500px;
  margin: auto;
  font-size: 11px;
  text-align: justify;
  line-height: 12px;
  color: #887d85;
}
.stats_last
{
  display: block;
  border-left: 1px dashed #a48578;
  padding: 10px;
}
.stats
{
  display: block;
  width: 180px;
  text-align: center;
  font-size: 10px;
  color: #a48578;
}
.last
{
  display: block;
  font-size: 11px;
  text-align: center;
  margin-top: 10px;
}

.qeel_head
{
  width: 920px;
  margin: auto;
  height: 50px;
  padding-top: 10px;
  background: url(http://img15.hostingpics.net/pics/731153qeelhead.png);
}
.qeel_titre
{
  font-size: 24px;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #82495b;
  text-shadow: 1px 1px 0px #d8d1ab;
  padding-left: 150px;
  padding-top: 10px;
  font-family: arial black;
}
.qeel_body
{
  width: 920px;
  background: #d3cbb1;
  border-bottom: 3px solid #b95a5e;
  padding-top: 10px;
  padding-bottom: 10px;
}
.qeel_contenu
{
  width: 95%;
  margin-left: auto;
  margin-right: auto;
  background: #eae7dc;
  border-top: 1px solid #c2a484;
  border-bottom: 1px solid #c2a484;
}
.qeel_1
{
  width: 250px;
  font-size: 10px;
  text-align: justify;
  border-right: 1px dashed #a48578;
  padding: 10px;
}
.qeel_2
{
  width: 250px;
  font-size: 10px;
  text-align: justify;
  padding: 10px;
}
.qeel_img
{
  border-bottom: 3px solid #b95a5e;
}
a.gr1
{
  display: inline-block;
  font-size: 16px;
  color: #4A465F;
  padding: 10px;
  font-weight: bold;
}
a.gr2
{
  display: inline-block;
  font-size: 16px;
  color: #56A68D;
  padding: 10px;
  font-weight: bold;
}
a.gr3
{
  display: inline-block;
  font-size: 16px;
  color: #B18E70;
  padding: 10px;
  font-weight: bold;
}
a.gr4
{
  display: inline-block;
  font-size: 16px;
  color: #315E71;
  padding: 10px;
  font-weight: bold;
}
a.gr5
{
  display: inline-block;
  font-size: 16px;
  color: #A24F57;
  padding: 10px;
  font-weight: bold;
}
a.gr6
{
  display: inline-block;
  font-size: 16px;
  color: #52455F;
  padding: 10px;
  font-weight: bold;
}

.row3Right
{
border: none !important;
}
.thHead
{
border: none !important;
}
.thCornerL, .thCornerR, .thTop
{
border: none !important;
}
.thLeft, .thRight
{
border-left: none !important;
border-right: none !important;
}
.catLeft, .catRight
{
border: none! important;
}
.catHead
{
border: none !important;
}
.catBottom
{
border: none !important;
}

#page-footer
{
  height: 139px;
  background: url(http://img15.hostingpics.net/pics/316263skinbase11.jpg) bottom center no-repeat;
  margin-bottom: -8px;
}
#page-footer a
{
  font-size: 10px;
}




#prede_fiche {
  -webkit-border-radius: 100px; /*bordure arrondi*/
-moz-border-radius: 100px;
border-radius: 100px;
  border: 2px #000000 solid; /*bordure*/
  padding: 10px; /*espace entre texte et bordure*/
  text-align: center; /*alignement du texte*/
  }

#prede_fiche h1 {
  display: block; /*creé un bloc*/
  background-color: #000000; /*fond*/
  text-align: center;
  color: #ffffff; /*couleur de la police*/
  -webkit-margin-before: 0.0em;
  -webkit-margin-after: 0.10em;
  font-family: Arial; /*Police*/
  font-size: 18px;  /*taille de la police*/
  }

#prede_fiche lrp {
  font-family: Courier New;
  font-size: 16px;
  }

#prede_fiche boite {
  display: block;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
  text-align: justify;
  border: 2px #000000 solid;
  padding: 4px;
  }

Et le lien de mon forum : http://kingdomofdreams.forumperso.com/ (merci Sca' ♥)

Problème réglé !

Code:

.forumline
{
  margin: 25px;
  width: 90%;
  margin-top: 10px;
  margin-bottom: 10px;
  background: #d3cbb1;
  border-top: 6px solid #c67d66;
  border-bottom: 3px solid #b95a5e;
  }

Edit: Presque réglé, il reste un petit décalage dans le footer quand je passe sous google chrome... (loin de moi l'idée de troll google chrome... x) )

Bonsoir ♥

Attends, je ne vois plus les traits blancs et je suis sous Chrome donc du coup, c'est bon pour de bon ^^

Je te remercie beaucoup Sca' ♥

PS : C'est quoi ce codage ? Celui que j'ai déjà mis ?

Pour le problème sous Chrome, je crois que c'est juste un léger ajustement à faire. Tu as quelque part dans le CSS (je ne sais trop où) un "border-spacing" de 2px (c'est probablement dans celui de FA). Donc ce que je te propose, c'est simplement d'ajouter ceci à ton page-footer:

Code:

#page-footer
{
  height: 139px;
  background: url(http://img15.hostingpics.net/pics/316263skinbase11.jpg) bottom center no-repeat;
  margin-bottom: -8px;
  border-spacing: 0px !important;
}

Tu me diras si ça fonctionne!

Sarah, ça a marché ?

Bonsoir x)

J'aurais voulu savoir si le codage de Sca' était celui qu'il m'avait donné via MP en fait avant de tenter celui de Minishiro :3

Navrée pour la énième relance Neva T.T

Bisous !

Salut !
Bha, celui que je t'ai envoyé en MP, c'est le même que celui que j'ai mis ici. è_é
Mais je crois que j'ai pas tout saisi dans ta phrase. xD

Bonsoir x)

Ah, donc c'est bon XD

Je peux essayer celui de Mini pour voir si ça résout le souci des traits blancs ♥

Edit' : j'ai testé mais il y a toujours les traits blanc =/

Sarah-Chan,
Voilà une semaine sans nouvelles dans ce topic. Pense à relancer (d'autant plus que ton édit n'a pas forcément été vu)

Zuteuh pardon Neva et bonjour ♥

J'ai toujours les barres blanches quand je me connecte sur le forum, mais quand je vais dans un sujet, ça disparaît. C'est assez bizarre =/

Si jamais il y a un autre remède, merci de m'en faire part sinon je laisse comme ça hein :3

Merci ^^

Coucou et merci Halloween ♥ *lui fait un câlin*

Je crois que je vais rester avec les petits traits blancs, ça n'a l'air de déranger personne x)

Il n'y a peut-être pas de solution ou je n'ai pas choisi la bonne image Ôô

Coucou x)

Mon sujet peut être archivé, merci ♥