Log in

View Full Version : Annoying tables problem!


dwarfer
06-02-2009, 04:25 PM
Here is my code :

<!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>Untitled Document</title>
<style type="text/css">
<!--
body {
background-color: #000;
}
-->
</style></head>

<body>
<p>&nbsp;</p>
<p>&nbsp;</p>
<table width="0" height="0" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="0"><img src="images/bubble_left.jpg" width="60" height="159" /></td>
<td height="0" align="center" valign="middle" bgcolor="#FFFFFF"></td>
<td><img src="images/bubble_right.jpg" width="60" height="159" /></td>
<td width="279" height="0" rowspan="2"><img src="images/ryan.jpg" width="280" height="390" /></td>
</tr>
<tr>
<td width="60" height="0"></td>
<td width="361" height="0" align="right" valign="top" bgcolor="#000000"><img src="images/bubble_tail.jpg" width="151" height="61" align="top" /></td>
<td width="60" height="0"></td>
</tr>
</table>
</body>
</html>


Heres how it looks in Opera (how it's supposed to look) : http://i40.tinypic.com/25ksot1.png

And here it is in Firefox : http://i43.tinypic.com/23sbpza.png

Why is it doing this :confused: I have tried everything.

Any help would be greatly appreciated!

Thanks.
Markus
06-03-2009, 11:06 AM
Hi,

what often helps is to turn the border of the table to 1 to see how your table look like.

Try to adjust your table to fit the pictures.

Here is a suggestion

<table border="1" width="100%">
<tr>
<td colspan="3">1</td>
<td rowspan="4">face</td>
</tr>
<tr>
<td>1</td>
<td>speach bubble</td>
<td>3</td>
</tr>
<tr>
<td colspan="3">1</td>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
</table>