Forum Moderators: open
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!
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>