Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people, just like you, are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
Solved

Table size with image problem.

Posted on 2004-09-02
10
241 Views
Last Modified: 2012-06-27
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
Comment
Question by:kmorris1186
  • 5
  • 5
10 Comments
 
LVL 31

Expert Comment

by:seanpowell
ID: 11963817
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
 
LVL 7

Author Comment

by:kmorris1186
ID: 11963856
If you want, i could paste the whole page.  There is some ASP scripting in there as well.
0
 
LVL 31

Expert Comment

by:seanpowell
ID: 11963870
... 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
Free Tool: Postgres Monitoring System

A PHP and Perl based system to collect and display usage statistics from PostgreSQL databases.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

 
LVL 31

Expert Comment

by:seanpowell
ID: 11963875
Yes - post it all, I'll have a look :-)
0
 
LVL 7

Author Comment

by:kmorris1186
ID: 11963902
----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
 
LVL 7

Author Comment

by:kmorris1186
ID: 11963931
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
 
LVL 31

Accepted Solution

by:
seanpowell earned 50 total points
ID: 11963982
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
 
LVL 31

Expert Comment

by:seanpowell
ID: 11964012
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
 
LVL 7

Author Comment

by:kmorris1186
ID: 11964076
guess this is what i get for letting Dreamweaver do all the HTML for me eh?

I am trying that one now.
0
 
LVL 7

Author Comment

by:kmorris1186
ID: 11964139
That worked great man!

Thanks a bunch!
0

Featured Post

Free Tool: Path Explorer

An intuitive utility to help find the CSS path to UI elements on a webpage. These paths are used frequently in a variety of front-end development and QA automation tasks.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Things That Drive Us Nuts Have you noticed the use of the reCaptcha feature at EE and other web sites?  It wants you to read and retype something that looks like this.Insanity!  It's not EE's fault - that's just the way reCaptcha works.  But it is …
When crafting your “Why Us” page, there are a plethora of pitfalls to avoid. Follow these five tips, and you’ll be well on your way to creating an effective page.
In this tutorial viewers will learn how to position items using CSS's three positioning types Create a new HTML document with an internal stylesheet.: Create another div in CSS and name it Absolute : Type "position:absolute;" and "top:10px; left:50p…
In this tutorial viewers will learn how to embed Flash content in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <object> tag to embed Flash content.: To specify that the object is Flash content, d…

809 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question