Difficultées à afficher correctement un menu css sous tous les navigateurs.
Bonsoir à tous,
Je suis actellement en train de créer le menu principal de mon site.
J'ai souhaité abandoner la mise en forme à l'aide de tableaux pour passer aux css.
Le problème c'est que je ne dois pas m'y prendre correctement, car lorsque mon menu css arrive à faire pile poil 1200px de largeur sous internet explorer, il n'en est pas de même pour firefox, netscape, opera et safari (le menu s'y affiche en plus petit sur la largeur).
Je dépose ci-dessous mon code source :
Code:
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
35
36
37
38
39
40
41
42
43
|
<style type="text/css">
<!--
#menu_principal li {
display:inline;
}
#menu_principal li a:link, #menu_principal li a:visited {
background:url(images/fonds_menu_principal/lien_desactive.png);
color:#333333;
display:block;
float:left;
font-family: "Times New Roman", Times, serif;
font-size: 12px;
height:35px;
line-height:35px;
padding:0 15px;
text-decoration:none;
text-align:center;
}
#menu_principal li a:hover, #menu_principal li a:active,{
background:url(images/fonds_menu_principal/lien_active.png);
color:#000000;
display:block;
padding:0 15px;
}
-->
</style>
</head>
<body>
<div id="menu_principal">
<li><strong><a href=""><img src="" alt="" width="29" height="29" align="middle" style="background-color: #FF0000"> Acceuil</a></strong></li>
<li><strong><a href="">Locations</a></strong></li>
<li><strong><a href="">Colocations</a></strong></li>
<li><strong><a href="">Locations / vacances</a></strong></li>
<li><strong><a href="">Echanges de maisons</a></strong></li>
<li><strong><a href="">Gîtes</a></strong></li>
<li><strong><a href="">Chambres d'hôtes</a></strong></li>
<li><strong><a href="">Ventes</a></strong></li>
<li><strong><a href="">Enchères</a></strong></li>
<li><strong><a href="">Je me sépare de ...</a></strong></li>
<li><strong><a href="">Tarifications</a></strong></li>
<li><strong><a href="">Témoignages</a></strong></li>
</div> |
Existe t'il un moyen pour permettre à ce menu de s'afficher en 35px de hauteur et 1200px de largeur tout en le laissant équilibré (padding et margin).
Je vous remercie par avance de vos multiples suggestions.
Cordialement.
Velkan.
