Forum Moderators: open

Message Too Old, No Replies

Table images not lining up, please help?

         

xamano

4:16 am on Apr 20, 2008 (gmt 0)

10+ Year Member



I've looked over this code about a dozen times and I just can't figure out what I've done wrong! For some reason, the images in the second row of my table just aren't lining up correctly.

Here's the html I have so far:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<head>
<title>. b L E E d . THE . S K Y . > > say goodnight < <</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" >
<link rel="icon" href="favicon.ico" type="image/x-icon">
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>

<table width="422" border="0" cellspacing="0" cellpadding="0" style="position:absolute; top:0px; right:0px;">
<!-- first row-->
<tr><td width="422" height="391"><img src="images/bleedthesky_01.jpg" alt="" width="422" height="391" /></td></tr>
<!-- second row -->
<tr>
<td width="36" height="178"><img src="images/bleedthesky_02.jpg" alt="" width="36" height="178" /></td>
<td width="27" height="178"><img src="images/bleedthesky_03a.jpg" alt="" width="27" height="178" /></td>
<td width="333" height="178" style="background:url(images/bleedthesky_03b.jpg) no-repeat"><iframe src=main.htm" width="333" height="178" frameborder="0" id="mainframe" name="mainframe"></iframe></td>
<td width="26" height="178"><img src="images/bleedthesky_03c.jpg" alt="" width="26" height="178" /></td>
</tr>
</table>
</body>
</html>

When I view the file in my browser, there appears to be a space exactly 386 pixels wide between image 02 and images 03a-03c.

I currently have no CSS file as of yet. I've made another web page almost exactly like this one, and yet this one just doesn't seem to work.

Any help would be TREMENDOUSLY appreciated, I just can't seem to figure this out!

penders

10:52 am on Apr 20, 2008 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month



It looks like you have 4 columns in your table (4 <td> elements on the 2nd row). I would have thought you'd need
colspan="4"
in the <td> element on the first row, otherwise this element will only occupy the first column (and force this first column to be 422px wide!):
<!-- first row--> 
<tr><td width="422" height="391" colspan="4"><img src="images/bleedthesky_01.jpg" alt="" width="422" height="391" /></td></tr>

xamano

3:13 pm on Apr 20, 2008 (gmt 0)

10+ Year Member



Oh! I totally didn't think about that, but that was exactly it! It looks perfect now, thank you! =D