Bonjour tout le monde :)
je débute en html css, et je voudrais arriver a ce résultat "http://data.imagup.com/11/1144237489.jpg"
la pour le moment je suis a ca... "http://data.imagup.com/12/1144237544.jpg"
en bref je veux mettre le contenu a droite .... voila mon code css si qqun voudrais bien me guidé ou me montré ce que je doit utilisé :)
Html
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" >
<head>
<title>Exercice 01</title>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<div id="page">
<header>
entete
</header>
<div id="mvh">
<nav>
menu-vertical-haut
</nav>
</div>
<div id="mvb">
<nav>
menu-vertical-bas
</nav>
</div>
<section>
contenu
</section>
<footer>
pied
</footer>
</body>
</div>
</html>
CSS
#page
{
width: 990px;
height:1000px;
margin: auto;
}
header
{
width: 990px;
height: 100px;
background: #a9a9a9;
text-align: center;
border: 1px solid black;
}
#mvb
{
width: 150px;
height: 309px;
background: #00FF00;
}
#mvh
{
display: inline-block;
width: 150px;
height: 309px;
background: #4169e1;
vertical-align: bottom;
}
section
{
display: inline-block;
margin-left: 150px;
width: 840px;
height: 618px;
background: #000080;
text-align: center;
border: 1px solid black;
}
footer
{
width: 990px;
height: 50px;
background: #d3d3d3;
text-align: center;
border: 1px solid black;
}
merci bien ^^
Afficher la suite
