Partage
  • Partager sur Facebook
  • Partager sur Twitter

div qui fait pas son boulot ...

    12 septembre 2006 à 19:03:48

    Bonjour tout le monde !

    Voilà je suis en train de mettre en place un "design" pour adapter mon code php en fonction de celui-ci mais voilà qu'il plante ...

    http://xav-world.ifrance.com/

    Problème : j'ignore pourquoi mais mon div corps ne fonctionne pas comme il devrait !

    code :
    <html>
    [...]
    <body>
    <div id="page">

    <div id="header">

    </div>

    <div id="horizontal">
    <table>
    <tr height="95">
    <td width="10"> </td>
    <td width="120" align="center"><a href="index.php">Accueil</a></td>
    <td width="120" align="center"><a href="index.php">Forum</a></td>
    <td width="120" align="center"><a href="index.php">Livre d'or</a></td>
    <td width="120" align="center"><a href="index.php">Contact</a></td>
    <td width="120" align="center"><a href="index.php">Team</a></td>
    <td width="120" align="center"><a href="index.php">Crédits</a></td>
    <td width="10"> </td>
    </tr>
    </table>
    </div>

    <div id="vertical">
    [...]
    </div>

    <div id="corps">
    <?php
    if(!@$_SESSION['idm'] || !$_SESSION['pseudom'])
    {
    echo"<form name='form1' method='post' action='verif_login.php'>
            <h3>Authentification</h3>
           
            <p>Veuillez vous identifier : </p>
           
            <p><label for='pseudo_membre'>Pseudonyme : <input type='text' name='pseudo_membre' id='pseudo_membre' /></label><br />
            <label for='mot_passe'>Mot de passe : <input type='password' name='passe_membre' id='passe_membre' /></label><br />
           
            <input type='submit' name='Submit' value='Se connecter' onClick=\"this.value='Chargement...'\" /></p>
           
            <p><a href='inscription.php'>Inscription</a></p>
           
            <p><a href='passe_perdu.php'>Mot de passe perdu ?</a></p>
           
            <h3>azzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzz
    zzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzaaaaaaaaaaaaaa</h3>";
    ?>
    </div>

    </div>
    </body>
    </html>


    Passons au css :
    #page {
    width: 750px;
    position: absolute;
    left: 50%;
    margin-left: -385px;
    margin-top: 0px;
    }

    #vertical {
    width: 150px;
    height: 400px;
    float: left;
    background-color: black;
    background-repeat: no-repeat;
    }

    #corps {
    width: 600px;
    background-color: black;
    }

    #corps p {
    color: white;
    }
    #corps h3 {
    color: yellow;
    }


    En théorie, le zzzzzzaaaaaa(&co) devrait rester dans un rectangle de 600 pixels de largeur et ne pas dépasser !

    Merci de m'aider, Xav'
    • Partager sur Facebook
    • Partager sur Twitter
      12 septembre 2006 à 21:41:12

      enlève le width du corps.

      Et mets pour le décalage :
      #corps h3{ margin: 0 }
      :
      • Partager sur Facebook
      • Partager sur Twitter

      div qui fait pas son boulot ...

      × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
      × Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
      • Editeur
      • Markdown