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. :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.
    1. OOOOOOOOOOO bordel de zeuuuuuuuuuuuus sa marcheeeeeeeeeee

      Merci beaucoup !!!!!!!!!!!!!
      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. 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. 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. C'est à dire ? je l'entre dans un div ? et je met quoi dans le div ?