Bords arrondi d'une div XHTML/CSS

Résolu
Shaytan -  
 gronobo -
Bonjour,

Je souhaite faire des bords arrondis a mon div:

J'ai copié/collé le code de ce site (pour ne pas me casser la tete) mais il ne fonctionne pas sur mon div. Quelqu'un aurait la solution?

http://www.html.it/articoli/nifty/index.html


CSS

#corps
{
color: red;
font-size: 14 px;
font-family: "Comic Sans MS";
border: none;
width: 800px;
height: 400px;
margin-top: 200px;
margin-left: 225px;
position: absolute;
padding-top: 10px;
padding-left: 10px;
overflow: auto;
background-color: #FF9900;
}

.rtop, .rbottom{display:block}
.rtop *, .rbottom *{display: block; height: 1px; overflow: hidden}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px; height: 2px}

HTML

<div id="corps">
<b class="rtop">
<b class="r1"></b> <b class="r2"></b> <b class="r3"></b> <b class="r4"></b>
</b>
<!--content goes here -->
<b class="rbottom">
<b class="r4"></b> <b class="r3"></b> <b class="r2"></b> <b class="r1"></b>
</b>
</div>

Qu'est-ce qui ne va pas??
Merci de bien vouloir m'aider

3 réponses

anonymous
 
Merci, des réponses comme ça on peut s'en passer...
14
Ricky38 Messages postés 4349 Date d'inscription   Statut Contributeur Dernière intervention   1 462
 
Salut,

désolé mais ma réponse est parfaite.

CCM est là pour aider les gens... pas pour faire tout le travail à leur place

Merci
0
tatort > Ricky38 Messages postés 4349 Date d'inscription   Statut Contributeur Dernière intervention  
 
dsl mais votre message ne sert à rien, vu que je retombe sur la page de recherche google que j'avais tapée juste avant d'arriver ici
0
gronobo
 
En gros il existe 2 types de méthode, la méthode "new age" en CSS3, qui a le mérite d'être simple à mettre en oeuvre avec la propriété border-radius. Malheureusement cette technique n'est pas interprété par tous les navigateurs. Donc pour être sur que vos bords arrondis soient visible de partout mieux vaut encore faire "à l'ancienne" en découpant une image d'un bloc au bords arrondis. Il existe divers méthodes, en voici une présenté dans un tuto : http://gronoblog.blogspot.com/2010/12/bloc-de-taille-variable-en-css.html
6
Ricky38 Messages postés 4349 Date d'inscription   Statut Contributeur Dernière intervention   1 462
 
-9