Forum Moderators: open
I am new here, but I thought I'd post here as this forum always helped me solve my problems. Anyway here are two images of table:
<Sorry, no personal URLs. See TOS [webmasterworld.com]>
As you see it shows really nicely in opera(firefox, mozilla...etc), but height is screwed up in IE. I have searched the forums/google and haven't found solution to my problem.
Here is table source:
<table width="100%" border="0" align="center" cellPadding="0" cellSpacing="0" class="stats_table"><tr>
<td width="10%" style="background-image:url(template/images/small_filler.jpg);"> <font size=-2>Date</font> <a href="ed2k.php?order=date&seek=manga"><img src="template/images/drop.gif" border=0 height=7 width=10 alt="Dropdown"></a></td>
<td width="49%" style="background-image:url(template/images/small_filler.jpg);"><div align="left"><font size=-2>Filename </font><a href="ed2k.php?order=filename&seek=manga"><img src="template/images/drop.gif" border=0 height=7 width=10></a></div></td>
<td width="7%" style="background-image:url(template/images/small_filler.jpg);"><div align="right"><font size=-2>Filesize </font><a href="ed2k.php?order=filesize&seek=manga"><img src="template/images/drop.gif" border=0 height=7 width=10></a></div></td>
<td width="7%" style="background-image:url(template/images/small_filler.jpg);"><div align="center"> <font size=-2>Type </font><a href="ed2k.php?order=type&seek=manga"><img src="template/images/drop.gif" border=0 height=7 width=10></a></div></td>
<td width="27%" style="background-image:url(template/images/small_filler.jpg);"><div align="right"><font size=-2>File hash</font> <a href="ed2k.php?order=infohash&seek=manga"><img src="template/images/drop.gif" border=0 height=7 width=10></a> </div></td></tr><tr><td class="row2"> 2004-04-08</td>
<td class="row2"><div align="left">Some text here</a></div></td>
<td class="row2"><div align="right">more text </div></td>
<td class="row2"><div align="right">text</div></td>
<td class="row2"> text again</td></tr>
</table> If you have any ideas please help me, coz after 2h of searching and banging my head against monitor I am tired :(
Thank you in advance!
[edited by: tedster at 10:23 pm (utc) on April 17, 2004]
Try it like this...
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>table</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
/*<![CDATA[*/
.stats_table {
width:100%;
border-collapse:collapse;
}
.bckgrd {
background:url(template/images/small_filler.jpg);
font-size:10px;
}
.row2 {
font-size:12px
}
img {
width:10px;
height:7px;
border:0
}
td {
padding:0 4px 0 4px
}
/*//]]>*/
</style></head>
<body>
<table class="stats_table" summary=""><tr>
<td class="bckgrd" width="10%">Date<a href="ed2k.php?order=date&seek=manga">
<img src="template/images/drop.gif" alt="Dropdown"></a></td>
<td class="bckgrd"width="49%" ><div align="left">Filename<a href="ed2k.php?order=filename&seek=manga"><img src="template/images/drop.gif" alt=""/></a></div></td>
<td class="bckgrd"width="7%" ><div align="right">Filesize<a href="ed2k.php?order=filesize&seek=manga"><img src="template/images/drop.gif" alt=""/></a></div></td>
<td class="bckgrd"width="7%"><div align="center">Type<a href="ed2k.php?order=type&seek=manga"><img src="template/images/drop.gif" alt=""/></a></div></td>
<td class="bckgrd"width="27%"><div align="right">File hash<a href="ed2k.php?order=infohash&seek=manga"><img src="template/images/drop.gif" alt=""/></a></div></td>
</tr><tr>
<td class="row2">2004-04-08</td>
<td class="row2"><div align="left">Some text here</div></td>
<td class="row2"><div align="right">more text</div></td>
<td class="row2"><div align="center">text</div></td>
<td class="row2"><div align="right">text again</div></td>
</tr></table>
</body>
</html>
Where you used for spacing I have used 4px padding in the 'css'.
You may have to adjust these values to suit your needs ;)
birdbrain
<tr>
<td class="row2">2004-04-08</td>
<td class="row2"><div align="left">Some text here</div></td>
<td class="row2"><div align="right">more text</div></td>
<td class="row2"><div align="center">text</div></td>
<td class="row2"><div align="right">text again</div></td>
</tr> Still shows stretched :'(
P.S. I really wish MS would follow standarts like everyone else...
I am sorry but you have lost me there ;)
I have viewed the code in....
birdbrain