@Osiris1426
Voici quelques suggestions :
Premièrement, j'oublirais le javascript pour le moment, surtout qu'il y a tellement de beaux menus à faire avec CSS!
<title>Document sans titre</title> n'est pas vraiment un bon titre pour une page web.
<title>Bons Plans Amis</title> serait mieux.
<center><img src="image-2.png"/></center> est le logo de "Bons Plans Amis" mais aussi l'en-tête de la page alors je le placerais dans un vrai "header" (h1). Autant spécifier la largeur et la hauteur de l'image, ainsi qu'un texte alternatif au cas où l'image ne serait pas affichée.
<h1><img src="image-2.png" width="459" height="66" alt="Bons Plans Amis" /></h1>
Ensuite on va faire plus simple avec tes divisions.
Remplacer :
.gauche {
position: fixed;
left: 0;
width: 80px;
height: 337px;
}
.centre {
margin-left: 300px;
width: 586px;
height: 337px;
border: dotted black 1pt;
}
Par :
.gauche {
float: left;
width: 33%;
}
.centre {
margin-left: 33%;
}
On traitera de la bordure plus tard...
<div align="center"></div> est inutile, tu peux le supprimer.
Finalement, ici on va fixer la marge à 18px.
body {
margin: 18px;
font-family: Arial, Helvetica, sans-serif ;
font-size: 14px;
background-image: url(Font_page.jpg);
font-style: italic;
font-weight: bold;
}
Essais ça et dis-moi si c'est beau dans tous les navigateurs sur ton mac!
Sur un PC, ce design a été testé avec succès sur les navigateurs suivants :
opera 7.51
netscape 7.1
firefox 1.0
internet explorer 6.0
Beau travail, continu!!!