Positionnement de mon menu avec les différents navigateurs

**LeDiablotin** · 16/01/2008, 12h12

Bonjour,

Je viens de créer un menu et je me suis rendu compte qu'il n'est pas centré de la même façon suivant les navigateurs une fois en ligne. J'utilise iweb pour la création du site(en utilisant insertion html pour le menu), donc il est bien centré pour safari, mais pas pour firefox et encore moins ie.

En recherchant sur le web j'ai vu qu'il fallait utliser des "hacks"ou des "commentaires conditionnels". Quels codes devrais-je utiliser à votre avis et comment?

Merci d'avance pour votre aide.

code du menu:

Code html :

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
21
22
23
24
25
26
27
28
29
30
31
32
33
34
<head>
<meta http-equiv=Content-Type content="text/html; charset=iso-8859-1">
<style type="text/css">
a.menu1 {
text-decoration:none ; 
color:black;
font-family:Arial;
font-size:8;
font-variant: small-caps ;
margin-top:5px ; 
text-align:center; 
width:200px ;
border-style:outset ; 
border-width:1px ; 
padding:2px;} 
a.menu1:hover {color:white ; 
background-color:#fea101 ; } 
</style>
</head>
<body>
<br>
<b>
<font size="2">
<a class="menu1" href="http://www.carnet2voyages.com/Ouest-Americain/Infos.html"target="_top">infos</a>
<a class="menu1" href="http://www.carnet2voyages.com/Ouest-Americain/Universal-Studios.html"target="_top">universal studios</a>
<a class="menu1" href="http://www.carnet2voyages.com/Ouest-Americain/Los-Angeles.html"target="_top">los angeles</a>
<a class="menu1" href="http://www.carnet2voyages.com/Ouest-Americain/San-Francisco.html"target="_top">san francisco</a>
<a class="menu1" href="http://www.carnet2voyages.com/Ouest-Americain/Las-Vegas.html"target="_top">las vegas</a>
<a class="menu1" href="http://www.carnet2voyages.com/Ouest-Americain/Parcs-Nationaux.html"target="_top">parcs nationaux</a>
<a class="menu1" href="http://www.carnet2voyages.com/Ouest-Americain/Albums/Albums.html"target="_top">albums</a>
<a class="menu1" href="http://www.carnet2voyages.com/livredor/" target="_blank">livre d'or</a>
</b>
</font>
</body>

**LeDiablotin** · 20/01/2008, 12h54

Bonjour,

J'ai amélioré l'affichage du menu dans les differents navigateurs, mais j'ai des erreurs quand je le passe dans le validateur w3c.
http://validator.w3.org/check?uri=ht...group=0#result

Quelqu'un sait ce que je dois remplacer pour les supprimer?

Merci d'avance

ps : page du menu http://www.carnet2voyages.com/test.html

**pop_up** · 20/01/2008, 13h10

je trouve les messages du w3c assez explicites pourtant

un exemple :
Line 5, Column 72: end tag for "meta" omitted...
ligne 5 colonne 72: fin du tag "meta" oubliée...

You may have neglected to close an element, or perhaps you meant to "self-close" an element, that is, ending it with "/>" instead of ">"

et la il te dis que l'élément doit se terminer par /> et pas >.

donc pour cette ligne

Code :

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

1
2
 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

**LeDiablotin** · 20/01/2008, 13h34

Je pense que c'est bon merci!

Positionnement de mon menu avec les différents navigateurs

Positionnement en CSS

Discussions similaires

Partager

Partager