Improve company productivity with a Business Account.Sign Up

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 255
  • Last Modified:

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.
0
kmorris1186
Asked:
kmorris1186
  • 5
  • 5
1 Solution
 
seanpowellCommented:
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;">
0
 
kmorris1186Author Commented:
If you want, i could paste the whole page.  There is some ASP scripting in there as well.
0
 
seanpowellCommented:
... 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
0
Get 10% Off Your First Squarespace Website

Ready to showcase your work, publish content or promote your business online? With Squarespace’s award-winning templates and 24/7 customer service, getting started is simple. Head to Squarespace.com and use offer code ‘EXPERTS’ to get 10% off your first purchase.

 
seanpowellCommented:
Yes - post it all, I'll have a look :-)
0
 
kmorris1186Author Commented:
----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">&nbsp;</td>
    </tr>
    <tr>
      <td colspan="4" align="center"><div align="center"><strong>Description:</strong>&nbsp;<%=RS1.Fields("Description")%></div></td>
    </tr>
    <tr>
      <td colspan="4" align="center"><div align="center">&nbsp;</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:&nbsp;<%=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:&nbsp;$<%=RS1.Fields("Bid")%></font></td>
          </tr>
          <tr>
            <td width="79">&nbsp;</td>
            <td width="124">&nbsp;</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>&nbsp;</td>
            <td>&nbsp;</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.
0
 
kmorris1186Author Commented:
i just noticed that Dreamweaver is putting a lot of duplicate code...
like this:

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

i am removing them now.
0
 
seanpowellCommented:
Yes - it's just conflicting values that you're passing.

The first cell should only have a width of 65 (750 - 685) but you have a 203 wide table in that cell further down.

You also have incorrect colspan attributes.

I can post a correct version, but I'll need to change the widths on the tables and cells that you've set. So which one's can I adjust?
0
 
seanpowellCommented:
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">&nbsp;</td>
    </tr>
    <tr>
      <td colspan="2" align="center"><strong>Description:</strong>&nbsp;<%=RS1.Fields("Description")%></td>
    </tr>
    <tr>
      <td colspan="2" align="center">&nbsp;</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:&nbsp;<%=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:&nbsp;$<%=RS1.Fields("Bid")%></font></td>
          </tr>
          <tr>
            <td width="79" nowrap>&nbsp;</td>
            <td width="100%">&nbsp;</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>&nbsp;</td>
            <td>&nbsp;</td>
          </tr>
        </table></td>
    </tr>
  </table>
0
 
kmorris1186Author Commented:
guess this is what i get for letting Dreamweaver do all the HTML for me eh?

I am trying that one now.
0
 
kmorris1186Author Commented:
That worked great man!

Thanks a bunch!
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

What Kind of Coding Program is Right for You?

There are many ways to learn to code these days. From coding bootcamps like Flatiron School to online courses to totally free beginner resources. The best way to learn to code depends on many factors, but the most important one is you. See what course is best for you.

  • 5
  • 5
Tackle projects and never again get stuck behind a technical roadblock.
Join Now