Creer un contour sur div 4 coins arrondis

Bonjour,

Je suis en train de voir pour creer des coins arrondis...

J'ai opté pour la méthode des 4 images représentant les 4 coins...

Le problème que je rencontre c'est que je ne sais pas comment créer la bodure tout au tour ? J'ai une image 2x2px pour le contour...

Code HTML :

<div class="test">
 <div id="hg">
  <div id="hd">
   <div id="bd">
    <div id="bg">
     <h3 style="padding-left:8px; padding-right:8px; padding-top:8px;">Lorem ipsum</h3>
     <p style="padding-left:8px; padding-right:8px;">
     Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
     Mauris vulputate laoreet urna. Integer magna. 
     Donec facilisis lectus sed quam. 
     Curabitur sit amet lacus id lacus facilisis venenatis.
     </p>
     <p style="padding-left:8px; padding-right:8px;">Glorius aldem riu dim.</p>
     <p style="padding-left:8px; padding-right:8px; padding-bottom:8px;">Xater ferty louko dersa.</p>
     </div><!-- /bg -->
    </div><!-- /bd -->
  </div><!-- /hd -->
 </div><!-- /hg -->
</div>

Le css :

<style type="text/css">
<!--
.test{
	width:500px;
}
#hg {
background:url(coinHG.png) no-repeat top left;
}
#hd {
background:url(coinHD.png) no-repeat top right;
}
#bd {
background:url(coinBD.png) no-repeat bottom right;
}
#bg {
background:url(coinBG.png) no-repeat bottom left;
}
-->
</style>

Page test: http://voilou.fr/testarrondi/Sanstitre-1.html

Merci pour votre aide

Salut,

en l'état les éléments DIV n'apportent rien par rapport au tableau. Comme tu as une largeur fixe il existe une méthode plus simple expliquée dans cet article.