CSS: comment faire pour que mes coins soit arrondi

Version imprimable

16/02/2006, 09h28
pierrot10

CSS: comment faire pour que mes coins soit arrondi
Bonjour,
j aimerais savoir s'il y a une possibilité avec les CSS que lews coins d'une cellule doit arrondi?
Par exemple, j'ai un <td class="row2"></td>.
Code:

1 2 3 4 5 6 .row4{ background-color:#F2f6f7; vertical-align:top; border-left:1px solid #cccccc; border-right:1px solid #cccccc; }
Que puis-je ajouter , ci-dessus, pour que les coin de ma cellule (<td>) soit arrondi?
Merci
16/02/2006, 09h38
SpaceFrog

Tu n'est pourtant pas nouveau sur le forum ...
Pense à utiliser la fonction rechercher
http://web.developpez.com/faq/html/?..._angle_arrondi
16/02/2006, 09h45
pierrot10

Oui merci, j'avais vu ceci... mais j'aimerais eviter d'utilser des image pour faire mes arrondi. C'est pourquoi je me demandais s'il y avait pas une soltion de le faire qu'avec CSS... :)
16/02/2006, 10h25
SpaceFrog

la propriété radiused est prévue mais pas encore implémentée ...
donc en attendant sauf à utiliser un paquets de div pour simuler l'arrondi il n'y a que les images ...
16/02/2006, 10h27
pierrot10

ok merci
16/02/2006, 10h40
ilood

Bonjour

Pour firefox, et pour tous les navigateurs à base du moteur Gecko, il existe

Code:

-moz-border-radius: 20px;

Mais ce n'est pas une propriété standard validée par le w3c. Ta feuille de syle ne sera donc pas valide.

edit: SpaceFrog a été plus rapide..

Juste pour le fun parceque ça me tarraudait ...

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
 
<html>
<head>
<title>Nouvelle page 1</title>
 
 
</head>
 
 
<script type='text/javascript'>
function Rounded(){
//alert(Math.sin(17)*17)
var DivCount=document.getElementsByTagName('div').length
for (i=0;i<DivCount;i++){
		var Y=i
		var R=DivCount;
		var X=Math.ceil(R*Math.sin(Math.acos(Y/R)))
 
 
document.getElementsByTagName('div')[DivCount-i-1].style.width=X+'px'
 
}
}
</script>
<body onload="Rounded()">
 
<script type='text-javascript'>
for (i=0;i<200;i++){
document.write("\<div style='background-color:red;height:1px;line-height:1px;font-size:1px;'\>&nbsp\<\/div\>")
}
</script>
 
 
</body>
</html>