Créer un bloc avec bord coupé

C'est encore moi...
Je préfére lancer une nouvelle discussion que de mettre l'info dans mon autre topic...Car cela n'a rien à voir. Mais en fait, j'aimerais en css réaliser quelque chose comme cela :
http://img403.imageshack.us/img403/3077/cadrecssar2.jpg

Je ne sais pas comment faire...Je coupe la partie coupé que j'intégre comme image...ensuite le vert, je le met directement dans ma page ?

Pour l'instant, j'aurais quelque chose comme cela...qui ne ressemble à rien du tous...

<table width="800" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="21" rowspan="2"><img src="IMG/graphisme/cadre_coupe.jpg" width="21" height="21"></td>
    <td width="779" bgcolor="#CCD642">&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td colspan="2">&nbsp;</td>
  </tr>
</table>

Mon problème c'est que j'ai encore du mal à maitriser les tableaux...avec une bordure de 1pixel de large. Et établir la taille des cellules...Si quelqu'un a déjà un tableau dans ce genre; je suis preneur
Modifié par twin (30 Jul 2007 - 12:04)

Bonjour,

En ce qui me concerne, je ne serais pas partie sur l'utilisation d'un tableau.
D'après ce que j'ai pu voir, il s'agit d'un simple bloc possédant une bordure spéciale.
Je ne saurais donc que te conseiller de faire une petite recherche sur les div aux bords arrondis : les solutions proposées satisferont entièrement ton attente ...

Un exemple du sujet : [Résolu] Coins arrondis : appel à l'aide

Bonjour,

Positionner en absolu une petite image par rapport au bloc conteneur positionné en relatif. Bref, on a un bloc (avec une bordure noire faite en CSS, et un trait vert dessiné via une image de fond), et on a une image positionné en absolu avec left: -1px; top: -1px;.

Un petit Gif ou PNG-8 (voire, grand luxe, du PNG-24), ça peut être sympa.

Merci pour vos réponses; je vais essayer cela, et je vous tiens informé