Petit problème :s



  • Bonjour à vous;

    Voila, j'ai une problème avec mon corp et mon footer…
    Quand je rajoute du texte dans mon corp, il se ralonge (normal)

    Mai, ou bout d'un moment il engouti mon footer et la pub...

    Allez voire la : http://manga-a-donf.info/MAD%202.0.1/

    Donc, je voudrai s'avoire commen régler ceci... voici les code (index.html et css)

    <!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>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>Manga-A-Donf -=Version 2.0=-</title>
    <link rel="stylesheet" media="screen" type="text/css" title="Exemple" href="style.css" /> 
    
    <img src="images/header.jpg" alt="Header" /></head>
    
    <body>
    <!-- MENE DE GAUCHE -->
    
    <div class="menu_gauche">
       <img src="./images/menu_haut_navigation.jpg" alt="" />
       <ul class="menus">
           <font color=black> .</font>    <b><font color=white>~></font></b><a href="index.html"> Accueil</a>   <br>
            <font color=black> .</font>    <b><font color=white>~></font></b> <a href="index_forum.php">Forum</a>  <br>
         <font color=black> .</font>    <b><font color=white>~></font></b>   <a href="livreor.php">Livre d'or</a>  <br>
        <font color=black> .</font>   <b><font color=white>~></font></b> <a href="staff.php">Staff</a>  
       </ul>
       <img src="./images/menu_bas.jpg" alt="" />
          <img src="./images/menu_haut_membres.jpg" alt="" />
       <ul class="menus">
    
        <font color=black> .</font>   <b><font color=white>~></font></b> <a href="inscription.php">Inscription</a>  
       </ul>
       <img src="./images/menu_bas.jpg" alt="" />
    
    </div>
    
    <!-- MENE DE DROITE -->
    <div class="menu_droite">
       <img src="./images/menu_haut_articles.jpg" alt="" />
       <ul class="menus">
          <font color=black> .</font>  <b><font color=white>~></font></b><a href="histoires.php"> Histoires</a>   <br>
           <font color=black> .</font>    <b><font color=white>~></font></b> <a href="personnages.php">Personnages</a>  <br>
          <font color=black> .</font>   <b><font color=white>~></font></b>   <a href="cuisine_japonaise.php">Cuisine japonaise</a>  
       </ul>
       <img src="./images/menu_bas.jpg" alt="" />
       <img src="./images/menu_haut_multimedia.jpg" alt="" />
       <ul class="menus">
          <font color=black> .</font>  <b><font color=white>~></font></b><a href="telechargement.php"> Téléchargement</a>   <br>
           <font color=black> .</font>    <b><font color=white>~></font></b> <a href="avatars.php">Avatars</a>  <br>
          <font color=black> .</font>   <b><font color=white>~></font></b>   <a href="signatures.php">Signatures</a>  <br>
    	        <font color=black> .</font>   <b><font color=white>~></font></b>   <a href="amv.php">AMV</a><br>
          <font color=black> .</font>   <b><font color=white>~></font></b>   <a href="episodes.php">Episodes</a>  
    
       </ul>
       <img src="./images/menu_bas.jpg" alt="" />
    
    </div>
    
    <center>
    <div id="upbarre">
       <p class="copyright">
    <marquee Class="Scroller" behavior="scroll" direction="left" width="100%" height="19" scrollamount="4" scrolldelay="0" onmouseover="this.stop()" onmouseout="this.start()"><font size="2" face="Arial, Helvetica, sans-serif"><strong>
    <em>Pseudo :</em></strong>
    <font color="#333399"><strong> Message </strong></font> | </font></marquee><a href="livreor.php">Signer le livre d'or</a> 
     </p></center>
    </div></center>
    <div id="contenu">
    <div id= "texte">
       <img src="./images/texte_haut.jpg" alt="" />
    
       <center><b><font color=red>Titre</font></b></center>
    
    <font color=black><b>------------------------------------------------------------------------------------------</b></font>
      <center><b><font color=green>Du texte et des n'images XD<br>G<br><br>G<br><br>G<br><br>G<br><br>G<br><br>G<br><br>G<br><br>G<br><br>G<br><br>G<br><br>G<br><br>G</br><br>G</br><br>G</br><br>G</br><br>G</br><br>G</br><br>G</br></font><b></center>
      <font color=black><b>------------------------------------------------------------------------------------------</b></font>
      <center>Par <b>Pseudo</b>, Le <b>DATE</b>
    
       <img src="./images/texte_bas.jpg" alt="" />
    </div>
    
    </div><br>
    <div class="clear"></div><center><div id="footer">
    <p class="copyright"><b>Copyright © Manga-A-Donf -=- Design by kulT </b></p></center>
    </div>
    <center><iframe src="http://www.freeheberg.com/includes/publicite.php?login=mangas-donf&format=1" framespacing="0" frameborder="no" scrolling="no" width="468" height="60" marginheight="0" marginwidth="0"></iframe><center>
    </body>
    </html>
    
    
    body {
       background-image:url('./images/background.jpg');
       color:#ADABAC; 
       font-family:Verdana, Arial, Helvetica, sans-serif; 
       font-size:11px; 
       padding:0; 
       margin:0; 
       }
    
    div#contenu {
       width:540px; 
       margin:0 auto 0 -420px; 
       position:absolute;
       top:250px; 
       left:65%;
       background-image:url('./images/texte_fond.jpg'); 
       background-repeat:repeat; 
       border:0px solid #000000; 
       }
    
    ul , li { margin:0; padding:0; list-style-type:none; } 
    
    a { color:#2375BF; text-decoration:none; }
    a:hover { color:#64A2EC; }
    
    h1 { text-align:center; margin:0; }
    p { margin:0; padding:0; }
    
    div.clear { clear:both; }
    img { display:block ; border:0; }
    
    div.menu_gauche {
       background-image:url('./images/menu_fond.jpg') ;
       background-repeat:repeat-y ;
       float:left;
    
       margin-top:10px;
       margin-left:10px ;
       margin-left:10x;
    } 
    div.menu_droite {
       background-image:url('./images/menu_fond.jpg') ;
       background-repeat:repeat-y ;
       float:right;
    
       margin-top:10px;
       margin-right:10px ;
       margin-right:10x;
       } 
    
    div#texte {
       width :540px ;
       float :right ;
       margin-top :0px ;
       margin-right:0px;
       margin-right:0px;
    }
    div#texte p {
       padding :15px ;
    }
    
    div#footer {
       background-image:url('./images/footer.jpg');
       background-repeat:repeat-x; 
       width:546px;
       height:32px;
        float :center ;
       margin-top :px ;
       margin-right:10px;
       margin-right:10px;
    } 
    p.copyright {
       text-align:center;
       color:#FFFFFF;
       font-size:13px;
       font-family:Verdana;
       }
    
    p.copyright a {
       color:#666666;
       text-decoration:underline;
       font-weight:bold; 
       }
    
    p.copyright a:hover {
       color:#FFFFFF;
       }
    
       div#upbarre {
       background-image:url('./images/upbarre.jpg');
       background-repeat:repeat-x; 
       width:553px;
       height:33px;
        float :center ;
       margin-top :10px ;
       margin-right:10px;
       margin-right:10px;
    } 
    
    form, .pages
            {
                text-align:center;
            }
    

    Cordialement Jimmy.



  • Mes à ton footer en css : clear:both; :wink:

    Normalement sa devrai fonctioner !



  • non, il bouge pas >.< Merci de ta proposition



  • Personne ? :cry:



  • Heuuu… J'utilise aussi header et footer. Mais j'ai pas regardé en entier ton code. Je le ferai demain^^ Par contre je te promet rien, j'suis nulle en PHP.



  • Son problème est du HTML pur et dur :wink:
    Mais étant un incompétant fini en design et donc en positionnement de blocs, je ne peut pas t'aider. Si personne ne trouve de solution, tu peux essayer de mettre tout les éléments dans des cases de tableaux, non? C'est toujours ce que je fais.



  • une petite astuce pour toi

    télécharge le mode nuked klan sp4

    dézippe le fichier base toi sur leur code, c'est ce que je fais pour mon prochain site, je ne travaillerais plus en nuked klan :s


  • Administrateur

    C'est pas réèllement un problème d'html mais plutôt de CSS…

    Perso, j'aime bien ce langage mais uniquement pour tout ce qui reste basique...



  • Et si au lieu de

    float: center;
    ```tu mettait
    

    text-align: center;

    dans le div#footer?


  • change rien :(


  • Administrateur

    J'pense que tu ferais mieux de poster ton problème dans un forum spécialisé, qui saura plus à même de résoudre ton problème :)



  • J'ai poster surle SDZ mai personne répond….

    Mai bon, je va changer la pub de place et pour le footer c'est pas très grave



  • "float:center;" ça n'existe pas :shock:

    c'est soit : "right" soit "left".
    Si tu veux centrer un truc utilise plutôt :

    "margin-left:50%", modifie 50% pour ajuster à ce que tu désires.



  • Lol XD suis bête…



  • sinon google est tres souvent ton ami :)

    une petite recherche sur float et tu aurais deja pu voir les attributs que tu pouvois mettre.

    Petit truc pour la prochaine fois :)



  • Lol, oui mai sa change rien à mon problème


Log in to reply