Probleme position blocs
ricocorto
Messages postés
50
Statut
Membre
-
dreamfeeder Messages postés 253 Statut Membre -
dreamfeeder Messages postés 253 Statut Membre -
Bonjour,
mon problème c'est que je n'arrive pas a décoller mon bloc (class:gauche) du bord du corps
j'ai mon en tete , mon menu horizontalement juste dessous ensuite un div corps centré
dans lequel je voudrais mettre deux divs cote a cote .J'arrive a les décaler du haut avec un pad
ding top dans le corps, mettre un espace entre mes deux blocs grâce a un margin left sur le
class:droite .
html
css
A quel élément dois je attribuer une valeur
merci d'avance
PS:j'ai beau me relire j'ai l'impression que ce que j'ai écris est clair
Je reste la pour des question
mon problème c'est que je n'arrive pas a décoller mon bloc (class:gauche) du bord du corps
j'ai mon en tete , mon menu horizontalement juste dessous ensuite un div corps centré
dans lequel je voudrais mettre deux divs cote a cote .J'arrive a les décaler du haut avec un pad
ding top dans le corps, mettre un espace entre mes deux blocs grâce a un margin left sur le
class:droite .
html
<!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" >
<head>
<title>**"""__ """**</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="Design" href="a.css" />
</head>
<body>
<div id="tete">
</div>
<div id="menu">
<a href="">Accueil</a>
<a href="">Equipage</a>
<a href="">Soirées</a>
<a href="">Plan</a>
<a href="">Livre d'or</a>
</div>
<div id="corps">
<div class="gauche">
</div>
<div class="droite">
</div>
<div class="pied">
</div>
</div>
</body>
</html>
css
body
{
background-color:#D5D6F7;
}
* {margin: 0; padding: 0;}
#tete
{
width: 900px;
height: 250px;
margin-left: auto;
margin-right:auto;
background: url("ima/.gif");
background-color: white;
}
#menu
{
width:900px;
height:30px;
margin-left: auto;
margin-right:auto;
background:url('') repeat-x;
background-color:white;
}
#menu a
{
display:block; /*Pour que le "bloc" soit un vrai bloc*/
float:left; /*Pour que les blocs soient alignés horizontalement (essayez de l'enlever pour voir)*/
width:19%; /*J'explique en détail après*/
height:30px; /*La même hauteur que notre menu*/
border:none; /*On enlève les bordures (enfin, on ne les met pas, même s'il n'y en avait pas)*/
text-align:center; /*Pour que les liens soient centrés par rapport à l'horizontale*/
font: 1.2em "Trebuchet MS",Arial,sans-serif ;
text-decoration:none;
}
#menu a, #menu a:visited /*on utilisera les propriétés qui suivront sur les liens dans menu, et les liens visités dans menu*/
{
color:black; /*la couleur*/
text-align:center; /*on le centre horizontalement*/
padding-top:3px; /*on le centre verticalement*/
}
#menu a:hover, #menu a:visited:hover /*on utilisera les propriétés qui suivront sur les liens survolés dans menu, et les liens survolés et visités dans menu*/
{
color:blue; /*la couleur*/
text-decoration:none; /*on enlève le soulignement du lien*/
}
#corps
{
width: 900px;
height: 400px;
margin-left: auto;
margin-right:auto;
background: url("ima/.gif");
background-color: blue;
padding-top:40px;
}
.gauche
{
width: 300px;
height: 200px;
float:left;
background: url("ima/.gif");
background-color: red;
}
.droite
{
width: 400px;
height: 200px;
float:left;
margin-left:20px;
background: url("ima/.gif");
background-color: yellow;
}
A quel élément dois je attribuer une valeur
merci d'avance
PS:j'ai beau me relire j'ai l'impression que ce que j'ai écris est clair
Je reste la pour des question
A voir également:
- Probleme position blocs
- Ma position - Guide
- Suivi position google - Guide
- Position whatsapp - Guide
- Position gps - Guide
- Trouver sa position sur google - Guide
