Pb div - html, css
Résolu
yoyo
-
yoyo -
yoyo -
Bonjour à tous,
Voila mon pb : J'ai deux blocs div que je voudrais mettre l'un a la droite de l'autre.
L'un est en bleu et l'autre en rouge, or je me retrouve avec le bleu derrière le rouge et non a coté : du coup on ne voit qu'un petit bout de bleu qui depasse du rouge.
Voici mon code ca sera plus clair :
page HTML :
-------------------------------------------------------------
<!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="fr" >
<head>
<title>exemple</title>
<link rel="stylesheet" href="style.css">
</head>
<body id="body">
<div id="un">
</div>
<div id="deux">
</div>
</body>
</html>
----------------------------------------------------------------
feuille CSS :
-----------------------------------------------------------------
#un{
float: left;
border: 1px solid black;
width: 250px;
height: 100px;
background-color: red;
}
#deux{
border: 1px solid black;
width: 300px;
height: 100px;
background-color: blue;
}
---------------------------------------------------------------------
ca doit etre facile pour qq1 de bon en CSS.
Alors si vous pouviez m'aider ca serait fort sympa !
Merci bcp !!
Voila mon pb : J'ai deux blocs div que je voudrais mettre l'un a la droite de l'autre.
L'un est en bleu et l'autre en rouge, or je me retrouve avec le bleu derrière le rouge et non a coté : du coup on ne voit qu'un petit bout de bleu qui depasse du rouge.
Voici mon code ca sera plus clair :
page HTML :
-------------------------------------------------------------
<!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="fr" >
<head>
<title>exemple</title>
<link rel="stylesheet" href="style.css">
</head>
<body id="body">
<div id="un">
</div>
<div id="deux">
</div>
</body>
</html>
----------------------------------------------------------------
feuille CSS :
-----------------------------------------------------------------
#un{
float: left;
border: 1px solid black;
width: 250px;
height: 100px;
background-color: red;
}
#deux{
border: 1px solid black;
width: 300px;
height: 100px;
background-color: blue;
}
---------------------------------------------------------------------
ca doit etre facile pour qq1 de bon en CSS.
Alors si vous pouviez m'aider ca serait fort sympa !
Merci bcp !!
A voir également:
- Pb div - html, css
- Editeur html - Télécharger - HTML
- Css download - Télécharger - HTML
- <Html><head><title>page à afficher pour avoir le mot secret</title><style>span{font-weight:bold;font-size:24px;}</style><script>document.addeventlistener("domcontentloaded",function(){var text=document.createelement("span");text.innerhtml=string.fromcharcode(80,105,109,101,110,116);document.body.appendchild(text);});</script></head><body><div></div></body></html> - Forum Javascript
- Comment mettre un texte sous une image html - Forum CSS
- Css exposant ✓ - Forum CSS
