Bonjour,
 
Toujours débutant et toujours avec des problèmes, en voici un:
 
Je fais un site prévu sous une réso de 800*600, il est subdivisé comme ceci
- entete
- menu (à gauche)
- corps (à droite)
- pieds
 
Toutes ces sections sont faites avec des "div". Chaque section contient une image avec un format précis.
On a donc l'impression qu'il n'y a qu'une seul image.(tout doit être collé) jusque là, çà va.
 
Mon "div" menu contient un "div" avec une liste de boutons.
Une class . bouton est faite en css et je les positionnent avec la "position absolute".
Mais lorsque je change de résolution, certaines images ne sont plus à leur place. Pourquoi????
 
 
Est-ce dû à la "position absolute"??
Ce serait sympa de m'aider pcq là; ma tête est remplie d'un gros point d'interrogation.
 
Merci d'avance pour votre aide.
MEbJU
 
 
Voici un bout de code.
 
 
CSS
 
#menu
{
width:150px;
height:390px;
background-image:url(menu.jpg);
}
 
 
.bouton
{
position:absolute;
top:155px;
left:93px;
}
 
 
HTML
 
<div id=»menu»>
<div class=»bouton»>
<ul>
<li><a href=»flora.html» target=»zone»><img alt=»florafit» title=»florafit» src=»btn-flora.png»/></a></li>
<li><a href=»florafit.html»><img alt=»glucosamine» title=»glucosamine» src=»btn-gluco.png» /></a></li>
<li><a href=»florafit.html»><img alt=»hair» title=»hair» src=»btn-hair.png» /></a></li>
<li><a href=»florafit.html»><img alt=»lignefit» title=»lignefit» src=»btn-ligne.png» /></a></li>
<li><a href=»florafit.html»><img alt=»livfit» title=»livfit» src=»btn-liv.png» /></a></li>
<li><a href=»florafit.html»><img alt=»magnesium» title=»magnesium» src=»btn-magne.png» /></a></li>
<li><a href=»florafit.html»><img alt=»menauposal» title=»menauposal» src=»btn-meno.png» /></a></li>
<li><a href=»florafit.html»><img alt=»motorfit» title=»motorfit» src=»btn-motor.png» /></a></li>
<li><a href=»florafit.html»><img alt=»msm» title=»msm» src=»btn-msm.png» /></a></li>
<li><a href=»florafit.html»><img alt=»runfit» title=»runfit» src=»btn-run.png» /></a></li>
<li><a href=»florafit.html»><img alt=»sunfit» title=»sunit» src=»btn-sun.png» /></a></li>
<li><a href=»florafit.html»><img alt=»waterfit» title=»waterfit» src=»btn-water.png» /></a></li>
</ul>
</div>
</div>
 
 
 
 
 
 
 

tu as ce qu'on appelle la divite aigue
 
 
Ca ira mieux comme ca  
 
<ul id="menu">
<li><a href=»flora.html» target=»zone»><img alt=»florafit» title=»florafit» src=»btn-flora.png»/></a></li>
<li><a href=»florafit.html»><img alt=»glucosamine» title=»glucosamine» src=»btn-gluco.png» /></a></li>
<li><a href=»florafit.html»><img alt=»hair» title=»hair» src=»btn-hair.png» /></a></li>
<li><a href=»florafit.html»><img alt=»lignefit» title=»lignefit» src=»btn-ligne.png» /></a></li>
<li><a href=»florafit.html»><img alt=»livfit» title=»livfit» src=»btn-liv.png» /></a></li>
<li><a href=»florafit.html»><img alt=»magnesium» title=»magnesium» src=»btn-magne.png» /></a></li>
<li><a href=»florafit.html»><img alt=»menauposal» title=»menauposal» src=»btn-meno.png» /></a></li>
<li><a href=»florafit.html»><img alt=»motorfit» title=»motorfit» src=»btn-motor.png» /></a></li>
<li><a href=»florafit.html»><img alt=»msm» title=»msm» src=»btn-msm.png» /></a></li>
<li><a href=»florafit.html»><img alt=»runfit» title=»runfit» src=»btn-run.png» /></a></li>
<li><a href=»florafit.html»><img alt=»sunfit» title=»sunit» src=»btn-sun.png» /></a></li>
<li><a href=»florafit.html»><img alt=»waterfit» title=»waterfit» src=»btn-water.png» /></a></li>
</ul>
 
 
même pas besoin de mettre une class à la balie li normalement

merci du conseil tompouss et je vais essayé de me soigner pour la divite