Bonjours ,
J'ai remarquer que mon menu se décaler en changeant la resolution de mon ecran , c'est à dire , il est bien centrer quand je suis
en 1680 mais le menu se décale quand j'applique la resoltion 1024 . Je comprend pas , depuis hier , j'essaye de trouver la
solution pour que mon menu reste centrer mais je trouve pas ,
Voici le code de mon menu.css pour vous aider :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"
http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Barre de menu horizontale et centrée</title>
<style type="text/css">
body {
font: normal 100.01% Helvetica, Arial, sans-serif;
color: black; background-color: #ffffff;
width: 100%;
margin: 0;
text-align: center;
}
.hovermenu ul{
font: bold 16px arial;
padding-left: 0%;
margin-left: 38%;
text-align : center;
height: 0%;
}
.hovermenu ul li{
list-style: none;
display: inline;
}
.hovermenu ul li a{
padding: 0% 0.5em;
text-decoration: none;
float : left;
color: black;
background-color: #C0C0C0;
border: 1px solid #000000;
}
.hovermenu ul li a:hover{
background-color: #996600;
border-style: outset;
}
html>body .hovermenu ul li a:active{ /* applique un effet mousedown sur les navigateurs autres que IE */
border-style: inset;
}
</style>
Et celui du html :
<div class="hovermenu">
<ul>
<li><a href="index.html">Accueil</a></li>
<li><a href="Parcours.html">Parcours</a></li>
<li><a href="projet.html">Projets</a></li>
<li><a href="cv.html">Mon CV</a></li>
<li><a href="Contact.html">Contact</a></li>
</ul>
</div>
Voila mes codes pour mon menu.
Que faut t'il changer ou bien rajouter svp?
Je commence a désespérer. =(