Probleme de mise en page pour taper un message

[Hell-eonore]

Bonjour a tous,
j'ai un petit probleme sur mon nouveau forum lorsque je tape un nouveau message, voici comment cela se presente:

Cela ne se voit pas sur l'image mais la zone de texte se trouve vraiment tout tout en bas.

Comment faire pour remettre la zone de texte a sa place ?
Merci d'avance

[ge80]

Bonjour

Belle blague sur votre forum

Mais repassez vite, les premiers inscrits seront Admins et Modos

Avez-vous essayé l'appui simultané sur les touches CTRL et F5 ?

Cordialement,

Ge

[Hell-eonore]

Oui, mais j'ai besoin de personnel, je suis seule pour l'instant

J'ai essaye et cela ne marche pas...

[ge80]

Nommer au hasard des administrateurs peut être dangereux pour votre forum.




Avez-vous essayé avec un autre navigateur ?

[Hell-eonore]

Oui, c'est la meme chose

[ge80]

Donc un autre souci plus gênant à trouver.

Avez-vous un script d'ajouté sur votre forum ?

[Hell-eonore]

La seule chose que j'ai modifie c'est le CSS sinon je n'ai rien ajoute.

[ge80]

Pouvez vous poster ici le contenu de votre css ?

[Hell-eonore]

Absolument, le voici:

Code:

/*Pour la Page d'Accueil*/

#PA {
  padding-left: 20px;
  padding-right: 20px;
}

#PA h2 {
  display: block;
  text-align: center;
  background-color: #C7CFE4;
  font-size: 10px;
  padding-left: 20px;
  padding-right: 20px;
  font-family: verdana, Arial, serif;
  color: #1e1d23;
  letter-spacing:1px;
  text-transform:uppercase;
  font-weight:lighter;
}

#PA a img {
  border-left: 2px solid white;
  border-right: 2px solid white;
  border-top: 4px solid white;
  border-bottom: 4px solid white;
}


/*Couleurs des descriptions et fonds*/


#colour2 {
padding-top: 4px;text-align: center;
background-image: url('http://nsa25.casimages.com/img/2011/02/20/110220025535796259.jpg');
opacity: 0.5;
}

#colour2 a {
text-decoration: none;font-weight: bold;font-size: 11px;text-transform: capitalize;font-family: Helvetica;margin-left:2px;margin-right:2px;-moz-border-radius-bottomleft: 6px;-moz-border-radius-bottomright:6px;text-decoration: none;background-color: #C7CFE4;padding: 2px;padding-left: 7px;padding-right:7px;text-align: center;border-left: 1px solid #ababa5;border-right: 2px solid #ababa5;
border-bottom: 1px solid #C7CFE4;
}

#colour2 a:hover {
text-decoration: none;font-weight: bold;font-size: 11px;text-transform: capitalize;font-family: Helvetica;text-decoration: none;margin-left:2px;margin-right:2px;-moz-border-radius-bottomleft: 6px;-moz-border-radius-bottomright:6px;background-color: #C7CFE4;padding: 3px;padding-left: 7px;padding-right: 7px;text-align: center;text-shadow: #ffffff 1px 1px 1px;
}

/*Autour des avatars et profil*/

.profilentour {
padding:9px;
background-image: url('http://nsa10.casimages.com/img/2010/01/17/100117104144357931.png');
-moz-border-radius:10px;

}

.profilentour img {
  opacity: 0.9;
}

.profilentour img:hover {
  opacity: 1;
}

/*Les zones ajout de texte*/

input,textarea, select {
font: normal 12px Geogia;
-moz-border-radius-bottomleft:8px;
-moz-border-radius-bottomright:8px;
-moz-border-radius-topleft:8px;
-moz-border-radius-topright:8px;
background-color: #ffffff;
background-image: url('http://nsa10.casimages.com/img/2010/01/17/100117104144357931.png');
}

input,textarea, select:hover {
font: normal 12px Geogia;
-moz-border-radius-bottomleft:8px;
-moz-border-radius-bottomright:8px;
-moz-border-radius-topleft:8px;
-moz-border-radius-topright:8px;
color: #524e56;
background-color: #ffffff;
background-image: url('http://nsa10.casimages.com/img/2010/01/17/100117104144357931.png');
}

textarea#text_editor_textarea {
    width: 99% !important;
    }
iframe#text_editor_iframe {
   width: 99%;
   height: 200px;
   }




/*Pour le Qui est en Ligne*/


.statistiques{
width: 900px;
float: right;
border:0px;
background-image: url("http://nsa11.casimages.com/img/2010/02/03/100203061501737821.png");
background-repeat: no-repeat;
background-position: top center;
height:200px;}

#ligne {
  width: 800px;
  align: center;
}

#leged {
background-color: #fbf5f9;
-moz-border-radius-bottomleft:20px;
-moz-border-radius-bottomright:20px;
-moz-border-radius-topleft:20px;
-moz-border-radius-topright:20px;
margin-left: 10px;
margin-right: 10px;
margin-top: 10px;
margin-bottom: 10px;
text-align: center;
}

#leged a {

text-transform:uppercase;
font-size: 13px;

}




/*rangs dans les profils*/

#admin {
background-color: #ece9e8;
text-align: center;
color: #503732;
font-family: Georgia;
border-bottom: dashed 2px #536060;
border-top: dashed 2px #536060;
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
}






/*les fonds de catégories*/


#fondcat {
background-color: #eaebfd;
color: #5a5961;
text-align: center;
border-top: 1px #bfbdcb solid;
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
padding: 5px;
}


.main
{background-color: #a2b2b9;
width: 100px;
text-align: center;
text-color: #7a7a71;
text-transform : uppercase;
display:block;
padding-top: 5px;
padding-bottom: 5px;}

.main:hover {
text-color: #7a7a71;
}

.main a:hover {
text-color: #fdfdfd;
}


a.titre2 {
width: 300px;
background-color: #dfdedb;
border-top: #a77fad 4px solid;
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
color: gray;
padding: 5px;
font-weight: bold;
display:block;
text-align: center;
font-size: 12px;
}

a.titre2:hover {
color: black;
background-color: #9eb2b6;
border-top: #e2e7e8 4px solid;

}


/*Pour les Tops Partenaires*/

#toppartenaires {
align: center;
width: 200px;
height: 200px;
overflow: auto;
}

#toppartenaires h1 {
background-color: #a2b2b9;
border-top: #a77fad 4px solid;
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
color: black;
padding: 2px;
text-align: center;
}

#toppartenaires h1:hover {
background-color: #a77fad;
border-top: #a2b2b9 4px solid;
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
color: black;
}

#toppartenaires img {
opacity: 0.7;
padding:4px; margin:2px; -moz-border-radius: 6px; border: 1px solid #A39787;
}

#toppartenaires img:hover {
opacity: 1;
}



/*Pour les Partenaires*/

#top img {
border: 2px white solid;
opacity: 0.6;
}

#top img:hover {
border: 2px black dashed;
opacity: 1;
}










/*Début du contenu du forum en lui même*/

body {
   background-color: #C7CFE4;
   background-image: url("http://nsa25.casimages.com/img/2011/02/20/110220025535796259.jpg");
        background-position: top center;
   background-repeat: no-repeat;
   }


a.nav
{
color: white;
text-shadow: #000000 1px 1px 1px;
    }
a.nav:hover{
    text-decoration: underline;
    }

.cattitle{
    font-weight: bold;
        background-color: #020217;
        display: block;
    font-size: 12px ;
    letter-spacing: 1px;
    color : #ebe1f1}
h1.cattitle {
        background-color: #020217;
        display: block;
    margin:0;
    padding: 0;
   }





a.forumlink{
-moz-border-radius: 7px 7px 7px 7px;
background-color: #bdbbc9;
border-bottom: 4px double #676c6d;
color: #505655;
font-family: georgia;
font-size: 13px;
font-weight: lighter;
letter-spacing: 2px;
display:block;
text-align: center;
}

a.forumlink:hover {
-moz-border-radius: 7px 7px 7px 7px;
border-bottom: 4px double #000000;
text-shadow: black 1px 1px 1px;
background-image: url('http://nsa10.casimages.com/img/2010/01/17/100117104144357931.png');
background-color: #bdbbc9;
color: #ffffff;
font-family: georgia;
font-size: 13px;
font-weight: lighter;
letter-spacing: 2px;
display:block;
text-align: center;
}

.forumline{
background-image: url('http://nsa10.casimages.com/img/2010/01/17/100117104144357931.png');
-moz-border-radius: 14px 14px 14px 14px ;
border-bottom: 8px #5a5961 solid;
border-top: 8px #5a5961 solid;
border-right: 15px #5a5961 solid;
border-left: 15px #5a5961 solid;
}


h6 {
text-align: center;
color: #836f8f;
font-size: 22px;
font-family: georgia;
letter-spacing:6px;
text-transform:uppercase;
font-weight:lighter;
padding: 1px;
margin : 1px;
border-bottom : 3px double #000000;
}

h5 {color:#000000;
font-family: GARAMOND;
font-size: 48px;
font-style: italic;
font-weight: lighter;
text-decoration: none;
}

a:link,a:active,a:visited {
text-decoration: none !important;
outline: none;
text-shadow: #ffffff 1px 1px 1px;
}
a:hover{
text-decoration: none !important;
font-weight: bold;
outline: none;
}

a.mainmenu{
text-align: center;
font-size: 11px;
background-color: #bdbccc;
text-decoration: none;
-moz-border-radius-topleft: 11px;
-moz-border-radius-topright: 11px;
padding-left:10px;
padding-right:10px;}

a.mainmenu:hover{
text-align: center;
font-size: 11px;
color: #ffffff;
background-image: url('http://nsa10.casimages.com/img/2010/01/17/100117104144357931.png');
background-color: #1a151b;
text-shadow: black 1px 1px 1px;
text-decoration: none;
font-weight: normal;
-moz-border-radius-topleft: 11px;
-moz-border-radius-topright: 11px;
padding-left:10px;
padding-right:10px;}




.code{
font-family: Courier,CourierNew,sans-serif;
font-size: 11px;
background-image: url('http://nsa10.casimages.com/img/2010/01/17/100117104144357931.png');
-moz-border-radius-bottomleft:20px;
-moz-border-radius-bottomright:20px;
-moz-border-radius-topleft:20px;
-moz-border-radius-topright:20px;
color: #16151b;
border-left: 2px solid #c1c0cf;
border-top: 2px solid #c1c0cf;
border-right: 4px solid #c1c0cf;
border-bottom: 5px solid #c1c0cf;
padding: 5px;}


.quote{
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 11px;
line-height: 125%;
color: #16151b;
background-image: url('http://nsa10.casimages.com/img/2010/01/17/100117104144357931.png');
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
border-left: 2px solid #c1c0cf;
border-top: 2px solid #c1c0cf;
border-right: 4px solid #c1c0cf;
border-bottom: 5px solid #c1c0cf;
padding: 5px;
}
      .fade {
         display:inline-block;
         background: -moz-linear-gradient(left, rgb(252,246,251) 0%, rgba(252,246,251,0) 100%);
         background-image: -webkit-gradient(linear, left top, right top, color-stop(0.00, rgb(252,246,251)), color-stop(1.00, rgba(252,246,251,0)));
         filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fcf6fb, endColorstr=#00fcf6fb, GradientType=1);
         -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#fcf6fb, endColorstr=#00fcf6fb, GradientType=1)";
      }
      .blur {
         display:inline-block;
         color:#ddd;
         text-shadow: 0 0 2px #aaaaaa;
         text-shadow: 0 0 4px #aaaaaa;
         text-shadow: 0 0 6px #aaaaaa;
         -ms-filter: "progid:DXImageTransform.Microsoft.Blur(pixelradius=2)";
         filter:
            progid:DXImageTransform.Microsoft.MotionBlur(strength=1,direction=310)
            progid:DXImageTransform.Microsoft.Blur(pixelradius=2);
      }
      .flipH {
         display:inline-block;
         -moz-transform:scale(-1,1);
         -o-transform:scale(-1,1);
         -webkit-transform:scale(-1,1);
         transform:scale(-1,1);
         -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=-1, M12=0, M21=0, M22=1, SizingMethod='auto expand')";
         filter: progid:DXImageTransform.Microsoft.Matrix(
            M11=-1,
            M12=0,
            M21=0,
            M22=1,
            SizingMethod="auto expand");
      }
      .flipV {
         display:inline-block;
         -moz-transform:scale(1,-1);
         -o-transform:scale(1,-1);
         -webkit-transform:scale(1,-1);
         transform:scale(1,-1);
         -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1, M12=0, M21=0, M22=-1, SizingMethod='auto expand')";
         filter: progid:DXImageTransform.Microsoft.Matrix(
            M11=1,
            M12=0,
            M21=0,
            M22=-1,
            SizingMethod="auto expand");
      }

.infobulle{
position: relative;
z-index: 0;}

.infobulle:hover{
background-color: #d6d2e1;
background-image: url('http://nsa10.casimages.com/img/2010/01/17/100117104144357931.png')
z-index: 50;}

.infobulle span{
position: absolute;
background-color: #d6d2e1;
background-image: url('http://nsa10.casimages.com/img/2010/01/17/100117104144357931.png')
padding: 5px;
left: -1000px;
visibility: hidden;
color: #FFFFFF;}

.infobulle span img{
border: 2px;
padding: 5px;}

.infobulle:hover span{
visibility: visible;
top: 70px;
left: 35px;
width: 200px ;
color:#B88DC0;
border: 2px solid #FFFFFF;
}

[ge80]

OK

Une petite question : n'avez-vous pas décoché la CSS de base ?

[Hell-eonore]

Le CSS de base etait en effet désactivé, en le reactivant la page est redevenue normale.
Merci de l'aide, le probleme est résolu
Cordialement.

[ge80]

Oui car il manque énormément de classes et propriétés pour votre forum.

Edit : juste le temps de répondre oui et le sujet passe en résolu