Bords arrondi d'une div XHTML/CSS
Résolu
Shaytan
-
gronobo -
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
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:
- Bords arrondi d'une div XHTML/CSS
- Div c++ - Télécharger - Langages
- Excel arrondi à 0.5 ✓ - Forum Excel
- Arrondi publipostage - Forum Word
- Arrondi 0.5 supérieur ou inférieur - Forum Excel
- Vba arrondi supérieur ✓ - Forum VB / VBA
3 réponses
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
tient 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
https://www.google.ca/search?hl=fr&q=CSS+div+arrondie&btnG=Recherche+Google&meta=&gws_rd=ssl
désolé mais ma réponse est parfaite.
CCM est là pour aider les gens... pas pour faire tout le travail à leur place
Merci