VIVEZ LE
FOOTBALL !

Posez votre question Signaler

Bords arrondi d'une div XHTML/CSS [Résolu]

Shaytan - Dernière réponse le 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
Lire la suite 

Bords arrondi d'une div XHTML/CSS »

5 réponses
Réponse
+12
moins plus
Merci, des réponses comme ça on peut s'en passer...
Ricky38- 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
tatort - 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
Ajouter un commentaire
Réponse
+4
moins plus
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
Ajouter un commentaire
Réponse
-10
moins plus
tient tu as un paquet de trucs ici:

http://www.google.ca/search?hl=fr&q=CSS+div+arrondie&btnG=Recherche+Google&meta=
Ajouter un commentaire
Ce document intitulé « bords arrondi d'une div XHTML/CSS » issu de CommentCaMarche (www.commentcamarche.net) est mis à disposition sous les termes de la licence Creative Commons. Vous pouvez copier, modifier des copies de cette page, dans les conditions fixées par la licence, tant que cette note apparaît clairement.
Dossier à la une
Passage au tout numérique : quel coût pour les particuliers ?