J'ai des petits soucis de positionnement de calques, en fait je patauge entre les float, position absolue/relative etc... Je suis allé sur des sites comme Alsacréations, mais je ne capte pas tout, si quelqu'un pouvait m'expliquer, ça serait sympa

http://voxel9.free.fr/images/dm_devotion_64.gif
<img src="/sofad1.gif">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<title>Socoba</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="socoba.css" />
</style>
</head>
<body>
<div id="conteneur">
<div id="header"></div>
<div id="haut">
<ul class="menuhaut">
<li>
<img class="img" src="images/img_menug.jpg" alt="" width="153" height="39" /></li>
<li><a href="">
<img class="img" src="images/accueil.jpg" alt="" width="81" height="39" /></a></li>
<li><a href="">
<img class="img" src="images/realisations.jpg" alt="" width="129" height="39" /></a></li>
<li><a href="">
<img class="img" src="images/references.jpg" alt="" width="126" height="39" /></a></li>
<li><a href="">
<img class="img" src="images/recrutements.jpg" alt="" width="142" height="39" /></a></li>
<li><a href="">
<img class="img" src="images/contact.jpg" alt="" width="134" height="39" /></a></li>
<li><a href="">
<img class="img" src="images/img_menud.jpg" alt="" width="15" height="39" /></a></li>
</ul>
</div>
<div id="gauche"></div>
<div id="centre">
partie centrale qui "pousse" les colones vers le bas.<br />
partie avec du contenu occupant le reste de la largeur<br />
partie avec du contenu occupant le reste de la largeur<br />
partie avec du contenu occupant le reste de la largeur<br />
partie avec du contenu occupant le reste de la largeur<br />
partie avec du contenu occupant le reste de la largeur<br />
partie avec du contenu occupant le reste de la largeur<br />
partie avec du contenu occupant le reste de la largeur<br />
partie avec du contenu occupant le reste de la largeur<br />
partie avec du contenu occupant le reste de la largeur<br />
partie avec du contenu occupant le reste de la largeur<br />
partie avec du contenu occupant le reste de la largeur<br />
partie avec du contenu occupant le reste de la largeur<br />
partie avec du contenu occupant le reste de la largeur<br />
partie avec du contenu occupant le reste de la largeur<br />
partie avec du contenu occupant le reste de la largeur<br />
partie avec du contenu occupant le reste de la largeur<br />
partie avec du contenu occupant le reste de la largeur<br />
partie avec du contenu occupant le reste de la largeur<br />
partie avec du contenu occupant le reste de la largeur<br />
partie avec du contenu occupant le reste de la largeur<br />
</div>
<div id="pied"><br />©2005 www.socoba.fr - Tous droits réservés</div>
</div>
</body>
</html>
body {
background: url('images/bg.jpg') fixed;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin: 0;
padding: 0
}
#header {
height: 177px;
background: url('images/header.jpg');
}
#haut {
height: 39px;
}
#conteneur {
position: absolute;
width: 780px;
left: 50%;
margin-left: -390px;
background-color:#e0e0e0;
}
#centre {
background:#fff;
margin-left: 155px;
}
#gauche {
position: absolute;
left:0;
width: 155px;
background: #E0E0E0;
}
#pied {
height: 32px;
background: url('images/footer.jpg') no-repeat;
text-align: center;
color: #fff;
}
.menuhaut {
list-style-type: none;
margin: 0;
padding:0;
}
.menuhaut li {
float: left;
display: inline;
margin: 0px;
}
.menuhaut a {
margin: 0 0px;
color: #000000;
}
.menuhaut a:hover {
text-decoration: none;
}
p {margin: 0 0 10px 0;}
.img {
border:0px;
}
jb a écrit:un attribut valign="top" devrait faire l'affaire, non ?
Retourner vers Multimedia, What am I supposed to do?
Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 1 invité