PDA

Click to See Complete Forum and Search --> : issue with table rowspan on firefox

gbaka
10-05-2009, 09:36 AM
I'm having trouble making a table with rowspan or colspan becuase it doesn't go into the other rows it just stays on the same row and I'm only having this issue with firefix
heres what the problem looks like http://img145.imageshack.us/img145/1104/exampletable.jpg
<table border="1">
<tbody>
<tr>
<th rowspan="3" class="avatar"><img src="http://ani-down.com/wp-content/uploads/2009/10/default.gif" alt="" /></th>
<td>adasda</td>


</tr>
<tr>

<td>fsdfsdf</td>
</tr>
<tr>

<td>sfdfsdf</td>
</tr>
</tbody>
</table>
btw I'm using this on wordpress but I'm pretty sure that doesn't affect it.
gbaka
10-05-2009, 11:13 PM
k its not firefox anyone know what can cause it to do that in css or html in firefox?
opifex
10-06-2009, 01:33 AM
try this...



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<title>table test 1</title>
<style type="text/css">
table.info {height: 200px; width: 200px; border-width: 3px;border-color: black;}
td.avatar {padding:10px;}
td.data {border-width: 0 0 0 1px; border-color: black; padding: 3px 8px;}
img.avatar {width: 90%;}

</style>
</head>

<body>

<table class="info">
<tbody>
<tr>
<td rowspan="3" class="avatar"><img class="avatar"
src="http://ani-down.com/wp-content/uploads/2009/10/default.gif"
alt="avatar" /></td>
<td class="data">adasda</td>
</tr>
<tr>
<td class="data">fsdfsdf</td>
</tr>
<tr>
<td class="data">sfdfsdf</td>
</tr>
</tbody>
</table>
</body>
</html>


... or something to that effect. Borders, alignment, etc. are in the style sheet.