Bords arrondi d'une div XHTML/CSS
Résolu
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
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
Configuration: Windows Vista Internet Explorer 7.0
3 réponses
-
Merci, des réponses comme ça on peut s'en passer...
-
-
@Ricky38dsl 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
-
-
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
-
Contributeurtient tu as un paquet de trucs ici:
https://www.google.ca/search?hl=fr&q=CSS+div+arrondie&btnG=Recherche+Google&meta=&gws_rd=ssl
