Probleme décalement d'une zone d'ecriture



  • salut
    bon d'abord allez ici : http://scanmangas.freeheberg.com/ , ensuite dans livre d'or , et vous pouvez voir que la zone d'ecriture du message est décallé et je sais vraiement pas pourquoi, voila mes codes html et css :

    HTML :

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
       <head>
           <title>Bienvenue sur ScanMangas</title>
           <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    	    <link rel="stylesheet" media="screen" type="text/css" title="livreor" href="livreor.css" />
    
       </head>
       <body>
                                                             <!--	ALL --------------------------------- ALL --> 
    														     <div class="all">
    													     <!-- ALL ------------------------------------- ALL -->
    <div id="banniere"><?php include("banniere.php"); ?></div>
    <div id="menu">    <?php include("menu.php"); ?>    </div>
    <div id="menu2">    <?php include("menu2.php"); ?>    </div>
    <div id="contenu">
    
    <div class="formulaire">
    <div class="haut_news">
     <img src="images/image_haut_news.png" alt="haut_news_mangas" class="image_news"/>
    	    </div>
    <form method="post" action="livreor.php" class="message">
                       <p><label for="pseudo">Pseudo</label>:<br/>
                                <input type="text" name="pseudo" id="pseudo" <?php
                                                 if (isset($_POST['pseudo'])) // Si on a le pseudo rentré par le visiteur
                                                     {
                                                         echo 'value="' . $_POST['pseudo'] . '"'; // On pré-remplit le champ avec le pseudo du visiteur
                                                     }
    
                                                      // Et on n'oublie pas de fermer la balise <input /> tout en bas : ?>/>
    <br/>
    		              <label for="contenu">Votre message</label>:<br />
                                <textarea name="contenu" id="contenu" cols="500">TEST</textarea>
    			                    	 <input type="submit" value="Envoyer"/><input type="reset" value="Effacer"/></p>
    </form>
    <div class="bas_news">
    	 <img src="images/image_bas_news.png" alt="bas_news_mangas" class="image_news"/>
    	    </div>
    <?php
    mysql_connect('localhost','','');
    mysql_select_db('scanmang');
    
    IF(isset($_POST['pseudo']) and isset($_POST['contenu']))
      { 
        IF ($_POST['pseudo'] != null and $_POST['contenu'] != null)
    	 {
    	   $pseudo = mysql_real_escape_string(htmlspecialchars($_POST['pseudo'])); 
           $contenu = mysql_real_escape_string(htmlspecialchars($_POST['contenu']));
    
    	   mysql_query("INSERT INTO livreor VALUES('','".$pseudo."','".$contenu."','".time()."')");
    	 }
      }
    $nombre_de_message= mysql_query('SELECT COUNT(*) AS contenu FROM livreor');
    $donnees_nombre_de_message = mysql_fetch_array($nombre_de_message);
    {
    ?>
    Il y a <?php echo $donnees_nombre_de_message['contenu']; ?> méssages.</div>
    
    <?php
    }
    
    $nombre_de_message_par_page = 20;
    
    $reponse= mysql_query('SELECT COUNT(*) AS contenu FROM livreor');
    
    $donnee= mysql_fetch_array($reponse);
    $total_message= $donnee['contenu'];
    $nombre_de_page= ceil($total_message/$nombre_de_message_par_page);
    
    for ($i=1 ; $i <= $nombre_de_page; $i++)
    {
     echo'<p class="lien_page"><span class="lien">Page :</span> <a href="livreor.php?page='.$i.'" class="lien">'.$i.'</a></p><div class="messages">';
    
    }
    
    if(isset($_GET['page']))
    {
    $page = intval($_GET['page']);
    }
    else 
    {
    $page=1;
    }
    $premier_message_a_afficher= ($page - 1 )* $nombre_de_message_par_page;
    
    $retour= mysql_query('SELECT * FROM livreor ORDER BY id DESC LIMIT '. $premier_message_a_afficher .','. $nombre_de_message_par_page);
    
    while ($donnees = mysql_fetch_array($retour))
    {
    ?>
    
    <div class="haut_news">
     <img src="images/image_haut_news.png" alt="haut_news_mangas" class="image_news"/>
    	    </div>
    		<div class="message">
    <?php echo '<em class="em">'.date('d/m/Y à Hhi' , $donnees['timestamp']).'</em>'; ?> <br/><?php echo '<strong>'.stripslashes($donnees['pseudo']).'</strong>'; ?> <strong>a ecrit : </strong><br/>
    <?php echo '<p>'.nl2br(stripslashes($donnees['contenu'])).'</p>'; ?>
    </div>
    
    <div class="bas_news">
    	 <img src="images/image_bas_news.png" alt="bas_news_mangas" class="image_news"/>
    	    </div>
    
    <?php
    } // Fin de la boucle des news
    
    mysql_close(); 
    ?>
    </div>
    
    </div>
    <div id="pied"><?php include("pied.php") ?></div>
    </div>
       </body>
    </html>
    ```CSS :
    

    body{
    width: 903px;
    background-color: #213E5F;
    margin: auto;
    font-family:"Times New Roman" ,"Comic Sans MS", Arial, serif;
    }
    h1,h2,h3,h4,h5,h6{
    text-align:center;
    font-size: x-large;
    }
    .all{
    background-color: #0452A3;
    }
    .em{
    font-size: small;
    }

    .formulaire{
    background-color: #337FCE;
    background-image:url(images/livreor.png);
    background-repeat: no-repeat;
    padding-top: 50px;
    text-align: center;
    }
    .lien_page{
    text-align: center;
    }
    .lien{
    color: white;
    text-decoration: none;
    }
    #contenu{
    width: 580px;
    margin-left: 196px;
    margin-bottom: 5px;
    }
    .haut_news {
    width: 560px;
    margin-left: 10px;
    position: relative;
    top: 5px;
    }
    .bas_news{
    width: 560px;
    margin-left: 10px;
    position: relative;
    bottom: 6px;
    }
    .messages{
    background-color: #337FCE;
    }
    .message{
    width: 560px;
    padding: 5px;
    margin-left: 10px;
    background-image: url(images/fond_news.png);
    background-repeat: repeat-y;
    }



  • Baisse la valeur des cols du textarea 500 c'est beaucoup trop ;)



  • je viens de mettre 1 et c'est la même chose ^^



  • Il semblerais que le textarea prend la valeur width de

    #contenu{
    width: 580px;
    margin-left: 196px;
    margin-bottom: 5px;
    } 
    

    Phenix



  • oui mais pourquoi il se décalle :(


Log in to reply