Voici un court extrait de mon code source : j'ai inclus les CSS, pour plus de facilités pour tester. C'est provisoire.
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style>
body {
background-color: #FFFFFF;
color: #666699;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 70%;
}
div.level0 {
background: #9999CC;
border-color: #000000;
border-style: solid;
border-width: 1px;
color: #000000;
margin: 10px;
padding: 0px;
width: 130px;
}
div.level1 {
background: #666699;
border-left-color: #FFFFFF;
border-left-style: solid;
border-left-width: 1px;
border-top-color: #FFFFFF;
border-top-style: solid;
border-top-width: 1px;
color: #FFFFFF;
margin: 0px;
text-align: center;
width: 100%;
}
</style>
</head>
<body>
<div class="level0"><div class="level1">Salut !</div>
Item 1<br />
Item 2
</div>
</body>
</html> |
Bon, c'est cool, mais j'aimerai que les mots ne soient pas collés comme ils le sont. Alors me direz vous ! Rien de plus simple ! Il suffit de regler le padding de .level0 (par ex : padding: 3px et je suis d'accord.
Seulement, je veux que le div de level1 colle aux bords du div sous jacent. D'où le problème !
---------------
Le site de ma maman