Pour faire avancer le shimiliblick au niveau des contours j'ai honteusement pompé un code sur un site, dès que je l'ai vu ça ma fait til avec la question posé ici.
Donc voilà le dis code adapté à la situation :
Note : je n'ai pas tout indenté parce que je ne trouve pas ça pertinent de voir dans un code source quand on veut débeuguer quelque chose de voir ça alors que ça permet juste d'afficher des images de fond. Par contre des commentaires permettent de s'y retrouver.
<!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" lang="fr">
<head>
<title>Encadrer un block avec des images en CSS</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
.all {
background: #000;
}
.t {
background: transparent url('images/m_t.png') top left repeat-x;
height: 16px;
}
.tl {
float: left;
background: transparent url('images/m_tl.png') 0 0 no-repeat;
width: 8px;
height: 16px;
}
.tr {
float: right;
background: transparent url('images/m_tr.png') 0 0 no-repeat;
width: 8px;
height: 16px;
}
.ml {
background: transparent url('images/m_ml.png') 0 0 repeat-y;
}
.mr {
background: transparent url('images/m_mr.png') right 0 repeat-y;
}
.b {
background: transparent url('images/m_b.png') 0 bottom repeat-x;
height: 8px;
}
.bl {
float: left;
background: transparent url('images/m_bl.png') 0 bottom no-repeat;
width: 8px;
height: 8px;
}
.br {
float: right;
background: transparent url('images/m_br.png') right bottom no-repeat;
width: 8px;
height: 8px;
}
</style>
</head>
<body style="background: #000;">
<><div class="all"><div class="t"><div class="tl"></div><div class="tr"></div></div><div class="ml"><div class="mr">
<br />
<br />
<br />
<br />
<br />
<></div></div><div class="b"><div class="bl"></div><div class="br"></div></div></div>
</body>
</html>
Fichier joint
Vous n'avez pas l'autorisation de télécharger ce fichier