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. Le mieux est d'utiliser une règle css
    0
    1. C'est à dire ? je l'entre dans un div ? et je met quoi dans le div ?
      0
      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.
        0
        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 !
          0
          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>
            0
            1. OOOOOOOOOOO bordel de zeuuuuuuuuuuuus sa marcheeeeeeeeeee

              Merci beaucoup !!!!!!!!!!!!!
              0
              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.
                0