J
Jammer
I have a simple HTML table that I want to use as a progress bar - by
changing the width of the two TD elements with javascript, you show
progress. The problem is that when I change the width to 100 and 0
resp., you still see a sliver of white for the right cell... any way
to do this, it's drivin me nuts! I tried also changing the back color
of the right cell to blue when it hits 100, but it only works in
Mozilla/Firefox, not IE. Plz help??
<html>
<head></head>
<body>
<table width="250" cellpadding="0" cellspacing="0" hspace="0"
vspace="0" height=20>
<tr>
<td width=20% bgcolor=blue id="leftCell" style="border-top: 1px
solid;
border-bottom: 1px solid;border-left: 1px solid;">
</td>
<td width=80% bgcolor=white id="rightCell" style="border-top: 1px
solid;
border-bottom: 1px solid;border-right: 1px solid;">
</td>
</tr>
</table>
<SCRIPT>
document.getElementById("leftCell").width="100%";
document.getElementById("rightCell").width="0%";
//document.getElementById("rightCell").style.backgroundColor =
"green";
</SCRIPT>
</body>
</html>
changing the width of the two TD elements with javascript, you show
progress. The problem is that when I change the width to 100 and 0
resp., you still see a sliver of white for the right cell... any way
to do this, it's drivin me nuts! I tried also changing the back color
of the right cell to blue when it hits 100, but it only works in
Mozilla/Firefox, not IE. Plz help??
<html>
<head></head>
<body>
<table width="250" cellpadding="0" cellspacing="0" hspace="0"
vspace="0" height=20>
<tr>
<td width=20% bgcolor=blue id="leftCell" style="border-top: 1px
solid;
border-bottom: 1px solid;border-left: 1px solid;">
</td>
<td width=80% bgcolor=white id="rightCell" style="border-top: 1px
solid;
border-bottom: 1px solid;border-right: 1px solid;">
</td>
</tr>
</table>
<SCRIPT>
document.getElementById("leftCell").width="100%";
document.getElementById("rightCell").width="0%";
//document.getElementById("rightCell").style.backgroundColor =
"green";
</SCRIPT>
</body>
</html>