Bonjour,
Tout dabord désolé pour le titre de mon sujet mais je trouve pas de version courte pour expliquer mon probleme.
Ca se passse ici : http://eyesbutterfly.com/v2/
(code en bas de page)
Probleme : Dans mon conteneur j'ai un block nomé "block" dailleurs. Dans cellui ci même j'ai un block pour l'image, un en dessous a gauche pour le numéro et un a sa droite pour du texte.
Le probleme est au niveau du block nomé block. Je voudrais qu'il englobe donc l'image le numero et le texte. Seulement on remarque bien qu'il ne descend pas jusqu'en bas puisque la couleur grise s'arrete alors qu'elle devrais descendre plus bas et il devrais même y avoir une marge.
Je suis presque sur qu'il me manque une broutille de code quelque part mais je ne suis pas assez callé pour trouver ce qui cloche...
Voilà si quelqun voit l'erreur dans mon code, je l'en remercie d'avance... :
Tout dabord désolé pour le titre de mon sujet mais je trouve pas de version courte pour expliquer mon probleme.
Ca se passse ici : http://eyesbutterfly.com/v2/
(code en bas de page)
Probleme : Dans mon conteneur j'ai un block nomé "block" dailleurs. Dans cellui ci même j'ai un block pour l'image, un en dessous a gauche pour le numéro et un a sa droite pour du texte.
Le probleme est au niveau du block nomé block. Je voudrais qu'il englobe donc l'image le numero et le texte. Seulement on remarque bien qu'il ne descend pas jusqu'en bas puisque la couleur grise s'arrete alors qu'elle devrais descendre plus bas et il devrais même y avoir une marge.
Je suis presque sur qu'il me manque une broutille de code quelque part mais je ne suis pas assez callé pour trouver ce qui cloche...
Voilà si quelqun voit l'erreur dans mon code, je l'en remercie d'avance... :
html,body {
margin: 10px;
padding: 0px;
background-color: #1D1F2C;
}
#conteneur {
position: absolute;
width: 670px;
left: 50%;
margin-left: -335px;
background-color: #FFFFFF;
border: 0;
}
.block {
width: 650px;
margin: 10px 10px 0 10px;
padding: 0;
background-color: #B3B3B3;
}
.image {
width: 650px;
height: 250px;
background-color: transparent;
}
.numero {
display: inline;
float: left;
width: 30px;
background-color: #666666;
padding: 10px;
text-align: center;
}
.texte {
display: inline;
float: right;
width: 580px;
background-color: transparent;
padding: 10px;
}
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>titre</title>
<link href="styles.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="conteneur">
<!-- BLOCk TOTAL -->
<div class="block">
<div class="image"></div>
<div class="numero">1</div>
<div class="texte">
r
</div>
</div>
<!-- FIN BLOCk TOTAL -->
</div>
</body>
</html>