asked on

Table size with image problem.

I have a table that is 750 pixles long. I have an image that is 689 pixles long. Why does internet exploder (no pun intended) show the table being about 900 pixles long? When i look at the source it still shows the table properties as 750 pixles.

Here is the code

---- Begin HTML -----
<table width="750" border="0" cellspacing="0" cellpadding="0">
<tr>
<td colspan="4" align="center"><div align="left"><img src="/auction/DHL_Logo_Top.gif" width="689" height="36"></div></td>
</tr>
----- End HTML ------

Any idea? this is an Intranet site, other wise i would give you the link to view it.

Thanks.

seanpowell

There's not enough there to diagnose I'm afraid, but you might try doing this:

<table width="750" border="0" cellspacing="0" cellpadding="0" style="table-layout:fixed;">

kmorris1186

ASKER

If you want, i could paste the whole page. There is some ASP scripting in there as well.

seanpowell

... forgot to mention - it "appears" that your div is unecessary - you may want to remove it and just set the alignment on the td cell instead:

<td colspan="4" style="text-align:left;"><img src="/auction/DHL_Logo_Top.gif" width="689" height="36"></td>

although left aligned is usually the default, so even that may not ne needed...

Thanks,
Sean

seanpowell

Yes - post it all, I'll have a look :-)

kmorris1186

ASKER

----HTML Code with some ASP----
<html>
<head>
<title><%=RS1.Fields("ItemName")%></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<BODY bgColor=#FFCC00 leftMargin=5 topMargin=5>
<form action="Updatebid.asp" enctype="multipart/form-data" name="form1" id="form1">
<table width="750" border="0" cellspacing="0" cellpadding="0">
<tr>
<td colspan="4" align="center"><div align="left"> </div></td>
</tr>
<tr>
<td colspan="4" align="center"><font size="+3">
<input name="Num" type="hidden" id="Num2" value="<%=AuctionNum%>">
<%=RS1.Fields("ItemName")%></font></td>
</tr>
<tr>
<td colspan="4" align="center"> </td>
</tr>
<tr>
<td colspan="4" align="center"><div align="center"><strong>Description:</strong> <%=RS1.Fields("Description")%></div></td>
</tr>
<tr>
<td colspan="4" align="center"><div align="center"> </div></td>
</tr>
<tr>
<td colspan="3"></td>
<td width="685" rowspan="3" valign="top"><table width="567" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="521"><div align="center">
<%If RS1.Fields("Image1") <> "" then
                  Response.write("<img name=Image1 src=images/"&RS1.Fields("Image1")&" width=300 height=300 alt=></div>")
                  End if%>
</div></td>
</tr>
<tr>
<td><div align="center">
<%If RS1.Fields("Image1") <> "" then
                  Response.write("<img name=Image1 src=images/"&RS1.Fields("Image1")&" width=300 height=300 alt=></div>")
                  End if%>
</div></td>
</tr>
<tr>
<td><div align="center">
<%If RS1.Fields("Image1") <> "" then
                  Response.write("<img name=Image1 src=images/"&RS1.Fields("Image1")&" width=300 height=300 alt=></div>")
                  End if%>
</div></td>
</tr>
</table></td>
</tr>
<tr>
<td colspan="3"></td>
</tr>
<tr>
<td colspan="3" valign="top"> <table width="203" border="0" cellspacing="0" cellpadding="0">
<tr>
<td colspan="2"><font size="-1">End: <%=RS1.Fields("DateTimeEnd")%></font></td>
</tr>
<tr>
<td colspan="2"><font size="-1">Time Left</font>:</td>
</tr>
<tr>
<td colspan="2"><font size="-1"><%=EndTimeLeft%></font></td>
</tr>
<tr>
<td colspan="2"><font color="#FF0000" size="+2">Bid: $<%=RS1.Fields("Bid")%></font></td>
</tr>
<tr>
<td width="79"> </td>
<td width="124"> </td>
</tr>
<tr>
<td colspan="2"><div align="center">Place Bid</div></td>
</tr>
<tr>
<td>First Name:</td>
<td><input name="FirstName" type="text" id="FirstName" size="15"></td>
</tr>
<tr>
<td><p>Last Name:</p></td>
<td><input name="LastName" type="text" id="LastName" size="15"></td>
</tr>
<tr>
<td>Bid:</td>
<td><input name="Bid" type="text" id="Bid" size="8"></td>
</tr>
<tr>
<td><font size="-2">Whole Dollar Ammounts Only</font></td>
<td><input type="submit" name="Submit" value="Submit"></td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table></td>
</tr>
</table>
</form>
</body>
</html>
----- End HTML code ------

without the picture at the top it formats just fine. With it, it grows to 900 or so.

kmorris1186

ASKER

i just noticed that Dreamweaver is putting a lot of duplicate code...
like this:

align="center"><div align="center">

i am removing them now.

ASKER CERTIFIED SOLUTION

seanpowell

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

seanpowell

Here's an example of correct values:

<table width="750" border="0" cellspacing="0" cellpadding="0">
<tr>
<td colspan="2" align="left"><img src="color1.gif" width="689" height="36"></td>
</tr>
<tr>
<td colspan="2" align="center"><font size="+3">
<input name="Num" type="hidden" id="Num2" value="<%=AuctionNum%>">
<%=RS1.Fields("ItemName")%></font></td>
</tr>
<tr>
<td colspan="2" align="center"> </td>
</tr>
<tr>
<td colspan="2" align="center"><strong>Description:</strong> <%=RS1.Fields("Description")%></td>
</tr>
<tr>
<td colspan="2" align="center"> </td>
</tr>
<tr>
<td width="203" nowrap></td>
<td width="547" rowspan="3" valign="top">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="100%" align="center">
<%If RS1.Fields("Image1") <> "" then
Response.write("<img name=Image1 src=images/"&RS1.Fields("Image1")&" width=300 height=300 alt=>")
End if%>
</td>
</tr>
<tr>
<td align="center">
<%If RS1.Fields("Image1") <> "" then
Response.write("<img name=Image1 src=images/"&RS1.Fields("Image1")&" width=300 height=300 alt=>")
End if%>
</td>
</tr>
<tr>
<td align="center">
<%If RS1.Fields("Image1") <> "" then
Response.write("<img name=Image1 src=images/"&RS1.Fields("Image1")&" width=300 height=300 alt=>")
End if%>
</td>
</tr>
</table></td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td valign="top">
<table width="203" border="0" cellspacing="0" cellpadding="0">
<tr>
<td colspan="2"><font size="-1">End: <%=RS1.Fields("DateTimeEnd")%></font></td>
</tr>
<tr>
<td colspan="2"><font size="-1">Time Left</font>:</td>
</tr>
<tr>
<td colspan="2"><font size="-1"><%=EndTimeLeft%></font></td>
</tr>
<tr>
<td colspan="2"><font color="#FF0000" size="+2">Bid: $<%=RS1.Fields("Bid")%></font></td>
</tr>
<tr>
<td width="79" nowrap> </td>
<td width="100%"> </td>
</tr>
<tr>
<td colspan="2" align="center">Place Bid</td>
</tr>
<tr>
<td>First Name:</td>
<td><input name="FirstName" type="text" id="FirstName" size="15"></td>
</tr>
<tr>
<td><p>Last Name:</p></td>
<td><input name="LastName" type="text" id="LastName" size="15"></td>
</tr>
<tr>
<td>Bid:</td>
<td><input name="Bid" type="text" id="Bid" size="8"></td>
</tr>
<tr>
<td><font size="-2">Whole Dollar Ammounts Only</font></td>
<td><input type="submit" name="Submit" value="Submit"></td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table></td>
</tr>
</table>

kmorris1186

ASKER

guess this is what i get for letting Dreamweaver do all the HTML for me eh?

I am trying that one now.

kmorris1186

ASKER

That worked great man!

Thanks a bunch!