Bords arrondi d'une div XHTML/CSS

Résolu/Fermé
Shaytan - 28 févr. 2009 à 23:26
 gronobo - 23 déc. 2010 à 10:58
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
A voir également:

3 réponses

Merci, des réponses comme ça on peut s'en passer...
14
Ricky38 Messages postés 4347 Date d'inscription samedi 15 mars 2008 Statut Contributeur Dernière intervention 2 novembre 2013 1 458
18 janv. 2010 à 17:11
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 4347 Date d'inscription samedi 15 mars 2008 Statut Contributeur Dernière intervention 2 novembre 2013
9 mars 2010 à 15:40
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
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 4347 Date d'inscription samedi 15 mars 2008 Statut Contributeur Dernière intervention 2 novembre 2013 1 458
28 févr. 2009 à 23:29
-9