bonjour à tous,
j'essaie de placer 4 balises div cote à cote.
j'ai ecrit la page ci dessous, et ça marche.
le problème c'est que je voudrais un tracé noir autour de chaque div et les espacer d'au moins 5 pixels.
je sèche un peu.
Merci de votre aide.
</head>
j'essaie de placer 4 balises div cote à cote.
j'ai ecrit la page ci dessous, et ça marche.
le problème c'est que je voudrais un tracé noir autour de chaque div et les espacer d'au moins 5 pixels.
je sèche un peu.
Merci de votre aide.
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>4 balises div cote a cote</title>
[code=css]
<style>
#gauche,#droite,#milieug,#milieud,{
overflow:hidden;
display:inline-block;
border:1px solid black;
}
/* safari and opera need this */
#gauche,#milieug {float:left}
#droite,#milieud {float:right}
#gauche {width:25%}
#milieug {width:25%}
#milieud {width:25%}
#droite {width:25%}
</style>
</head>
<body>
<p> </p>
<div>
<p>toto</p>
<div id="gauche" align="center">
<h1>gauche</h1>
</div>
<div id="milieug" align="center">
<h1>milieu-gauche</h1>
</div>
<div id="milieud" align="center">
<h1>droite</h1>
</div>
<div id="droite" align="center">
<h1>milieu-droit</h1>
</div>
<p>toto</p>
</div>
</body>
</html>