Menu centré avec un bouton recherche

**bebediddl** · 10/05/2012, 17h20

Bonjour,

J'ai déjà posté une question hier, mais j'ai un autre problème.

J'ai un menu avec des liens et un bouton "recherche" à droite. (CF PJ).

Sauf que je voudrais que le menu reste centré par rapport à la page, même en ajoutant ce bouton. Alors que quand je l'ajoute, les liens se déplacent vers la gauche, ce qui les décentre.

Quelqu'un peut-il m'aider?
Voici le code concerné.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 
<html>
<div id="navigation"  style="height:45;background:#0193cf;">
        <hr>
                <div id=recherche style="height:8px" >
                        <form name=recherche style="float:right">
                                        <input type=text style="height:15pt" name=rechercher value="Recherche..." onFocus="javascript:this.value='' ">
                                        <input type=submit value=OK>
                        </form>
                </div>
                <div style="width:100%;height:100%;text-align:center">
                        <a href="index.php">Accueil</a></li>
                        <a href="?page=Personnel">Personnel</a></li>
                        <a href="?page=Metier">Metier</a></li>
                        <a href="?page=Lien">Liens</a></li>
                        <a href="?page=Contacts">Contacts</a></li>
                <div>
        <hr>
</div>
</html>

Merci d'avance de votre aide.

Invité · 10/05/2012, 18h15

Bonjour,

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
<div id="navigation"  style="position:relative; height:45; background:#0193cf;">
        <hr>
                <div id="recherche" style="position:absolute; top:5px; right:5px; height:8px" >

PS : on mets PARTOUT les ATTRIBUTS ENTRE "..."

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

                                        <input type="submit" value="OK" />

+ balise <input .... /> (fermante)

**bebediddl** · 11/05/2012, 09h56

Merci beaucoup. J'ai ajouté les "..." et "/" manquants. Désolée, je l'avais réécris assez rapidement pour pouvoir le poster.

Par contre, j'aurais préféré que le bouton recherche soit à droite, c'est possible?