Centré ne marche pas !!

Résolu
Bonjour,
J'ai voulu centré ceci :

<center>
 Rechercher une astuce

<form action="recherche.php" method="get">
<br/>

<label for="recherche">Mots clés :</label><br/>&nbsp;<input type="text" name="recherche" id="recherche"  /><br/>
<input type="submit" value="Rechercher" />

</form></center><br/><br/><br/>


mais ça ne fonctionne pas sa reste completement coller a mon design !!

Pouvez vous m'aider svp ?

Merci d'avance

Configuration: Windows Vista
Firefox 3.0.4

7 réponses

  1. C'est à dire ? je l'entre dans un div ? et je met quoi dans le div ?
    1. Utilise les balise <div> ensuite met du CSS dedant
      par exemple :
      <div style="margin:auto;">
       <p>Rechercher une astuce
      
      <form action="recherche.php" method="get">
      <br/>
      
      <label for="recherche">Mots clés :</label><br/>&nbsp;<input type="text" name="recherche" id="recherche"  /><br/>
      <input type="submit" value="Rechercher" />
      
      </form>
      </p>
      </div>

      avec margin:auto, ton div va être centré par rapport a la place total qu'il peut prendre.
      tu dois alors (si ce n'est pas fait) mettre une taille en px avec width.

      sinon tu peux être plus précis en mettant par exemple :
      margin-left:10px;

      Il y aura donc 10px a gauche de ton div.
      1. Voilà j'ai tenter mes la marge ne s'applque que a "rechercher une astuce"

        En dessous sa reste collé pourtant je l'ai bien mis dans ma div !
        1. En relisant le code, j'ai vu que j'avais mi les balise form dans une balise p
          essaye en mettant les balise p a l'intérieur des balise form

          celà ne résoudra peut-être pas le problème mais ce sera plus correcte
          <div style="margin:auto;">
           <p>Rechercher une astuce</p>
          
          <form action="recherche.php" method="get">
          <p>
          <label for="recherche">Mots clés :</label><br/>
          &nbsp;<input type="text" name="recherche" id="recherche"  /><br/>
          <input type="submit" value="Rechercher" />
          </p>
          </form>
          </div>
          1. OOOOOOOOOOO bordel de zeuuuuuuuuuuuus sa marcheeeeeeeeeee

            Merci beaucoup !!!!!!!!!!!!!
            1. :p

              En fait tu as 2 type de balise
              les balise block et line.
              <p>,<div> sont des balises block
              <a>,<span> soint des balises line.

              Tu dois toujours essayer de mettre des balise line dans une (ou plusieurs pour le desing) balise block.