Bon je vous jette le code comme ça, c'est encore assez brouillé et pas optimisé ...
Mais j'ai déja un souci de déformation de hauteur des cellules ...
le but est d'attribuer à une série de divs d'un pixel de haut(autants que de pixels en hauteur) une largeur calculée de façon à arrondir les coins ...
je subodore un souci de boxtype car la cellule se déforme en hauteur ...
Code : Sélectionner tout - Visualiser dans une fenêtre à part
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
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
 
<html>
<head>
<title>Nouvelle page 1</title>
 
 
</head>
 
 
<script type='text/javascript'>
var TabWidths= new Array()
var tl
var tr
var bl
var br
 
function Widths(lines){
 var DivCount=lines
 for (i=0;i<DivCount;i++){
		var Y=i
		var R=DivCount;
		TabWidths.push(Math.ceil(R*Math.sin(Math.acos(Y/R))))
		}
 }		
 
 
function Corners(){
 var fl= document.getElementsByTagName('tr')[0]
 var ll= document.getElementsByTagName('tr')[document.getElementsByTagName('tr').length-1]
 tl=fl.getElementsByTagName('td')[0]
 tl.style.textAlign="right"
 tr=fl.getElementsByTagName('td')[fl.getElementsByTagName('td').length-1] 
 tr.style.textAlign="left"
 
 bl=ll.getElementsByTagName('td')[0]
 tl.style.textAlign="right"
 
 br=ll.getElementsByTagName('td')[ll.getElementsByTagName('td').length-1] 
 br.style.textAlign="left"
 
 var tlW=fl.offsetHeight
 var trW=ll.offsetHeight
 
 tl.style.width=tlW
 tr.style.width=tlW
 bl.style.width=tlW
 br.style.width=tlW
 alert(tlW)
 MkDivs(tlW,tl)
 MkDivs(tlW,tr)
 MkDivs(tlW,bl)
 MkDivs(tlW,br)
 
 }
 
 
 function MkDivs(Count,Paste){
  Widths(Count)
  for(i=0; i<Count-1;i++){var NewDiv =document.createElement('div');
								NewDiv.style.cssText="background-Color:red;height:1px;line-height:1px; font-size:1px;border:0px;"
								Paste.style.backgroundColor='white';
  								Paste.style.padding='0px';
  								Paste.style.margin='0px';
  								Paste.style.border='0px'
  								Paste.style.lineHeight='1px'
  								switch (Paste) { 
  												case tl: 	tl.style.textAlign='right';
  															NewDiv.style.width=TabWidths[i];
  															break;
  												case tr:  NewDiv.style.textAling='left';
  															NewDiv.style.width=TabWidths[i];
  															break;
 
 
 
  												case bl: 	bl.style.textAlign='right';
  															NewDiv.style.width=TabWidths[Count-i-1];
  															break;
  												case br:  	br.style.textAlign='left';
  															NewDiv.style.width=TabWidths[Count-i-1];
  															break;
  												}
 								Paste.insertBefore(NewDiv,Paste.firstChild)
 								}
 								Paste.removeChild(Paste.lastChild)
 	}
 
 
 
 
 
</script>
<body onload="Corners();">
<table style="background-color:red;border-collapse:collapse; " >
 
<tr>
 <td></td>
 <td>&nbsp;</td>
 <td></td>
</tr> 
<tr>
 <td></td>
 <td>cxwvxcvwvxcv</td>
 <td></td>
</tr> 
<tr>
 <td></td>
 <td>&nbsp;</td>
 <td></td>
</tr> 
 
</table>
 
</body>