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>
