18041 sujets

Questions générales et questions de débutants

Probleme de mise en page css

Bonjour,

Je suis débutant en css, je suis parti d'un modele de page, et là il y a deux trois problèmes que je n'arrive pas résoudre pour ma mise en page.

D'une part j'ai la petite cellule verte en bas a gauche que je n'arrive pas a remonter pour qu'elle soit dans mon conteneur.

Ensuite je n'arrive pas à faire en sorte que mon menu horizontal (noir) fasse 23 px de haut.

Et pour finir, je n'arrive pas a centrer mon "tableau" en hauteur.

Merci d'avance !

Je vous laisse mon code :

[#darkred][#]<!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>Largeur fixe 750, header/menu gauche/contenu/footer.</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin: 0;
padding: 0;
background-color: #000000;
}
#header {
height: 69px;
}
#conteneur {
position: relative;
width: 800px;
margin: 0 auto;
background-color:#eee9e1;
}
..menuhaut {
list-style-type: none;
margin: 0;
padding:0;
background-color:#000000;
}
..menuhaut li {
display: inline;
}
..menuhaut a {
margin: 0 2px;
color: #FFFFFF;
text-decoration: underline;
}
..menuhaut a:hover {
text-decoration: none;
}
#sousmenu {
height: 23px;
background-color: #FFFFFF;
}
#centre {
background-color:#9999CC;
margin-left: 183px;
height: 492px;
}
#gauche {
position: absolute;
left:0;
width: 183px;
height: 462px;
}
#pied {
height: 30px;
width: 183px;
background-color: #99CC99;
}
..menugauche {
list-style-type: none;
margin: 0;
padding:0;
background-color: #eee9e1;
}
..menugauche li {
margin-bottom: 5px;
}
..menugauche a {
margin: 0 2px;
color: #000000;
text-decoration: underline;
}
..menugauche a:hover {
text-decoration: none;
}
p {margin: 0 0 10px 0;}
</style>
</head>
<body>
<div id="conteneur">
<div id="header"><img src="images/logo.jpg" alt="logo incrocio" 
width="800" height="69" />
<a 
href="http://css.alsacreations.com/Modeles-de-mise-en-page-en-CSS"></a></div>
<div class="menuhaut" id="haut">
<ul class="menuhaut">
<li><a href="">Menu 1</a></li>
<li><a href="">Menu 2</a></li>
<li><a href="">Menu 3</a></li>
<li><a href="">Menu 4</a></li>
</ul>
</div>
<div id="sousmenu">
</div>
<div id="gauche">
<ul class="menugauche">
<li><a href="">Menu 1</a></li>
<li><a href="">Menu 2</a></li>
<li><a href="">Menu 3</a></li>
<li><a href="">Menu 4</a></li>
</ul>
</div>
<div id="centre">
</div>
</div>
</body>
</html>[/#][/#]

Modifié par remi57 (31 Aug 2007 - 09:34)
Salut,


En tant que modérateur, je me dois de te faire remarquer que tu n'as malheureusement pas respecté l'une des Règles de base du forum qui est d'afficher les codes et exemples proprement à l'aide des boutons [ code]... ici ton code HTML, CSS, PHP, etc.[ /code] (sans espace).

Je te remercie par avance de bien vouloir éditer ton message afin de le rendre conforme à cette règle. Smiley cligne

D'ailleurs, je rappelle que le lien qui apparaît en bandeau tout en haut du forum ("Nouveau sur le forum ?...") est important. Il contient des pistes de recherche, des indications sur les règles de vie de la communauté, etc.
Il serait courtois de ta part de bien vouloir en prendre connaissance.

Bonne continuation Smiley smile

upload/1-code.gif
Sujet clos
Aller à