Learn how to a build a cloud-first strategyRegister Now

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

need help with table spacing and white lines

hey all, i need some help. i've got my table just about figured out. i am having a minor problem when the page is maximized. the background color of the extension of the banner on the right doesn't go all the way to the end of the page. it stops short about 5-10 pixels. also, there is about a 1 pixel white divider between my top banner image and the blank blue background cell to the right of that. i need this divider gone. it doesn't show up when the page is sized to about 900px, but it shows up once you maximize the page.

here is my code below. also, all of this is up on the development server of: http://111.222.333.444, in case you need to pull any of the images for testing.

please show me specifically what i need to change to get this to work. please do not send me new code to copy and paste. i'd like to know exactly what i'm doing wrong and exactly where to make changes.

thanks!

trevor

<HTML>
<HEAD>
<TITLE>STP</TITLE>
<META http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<META name="keywords" content="STP, pathology, pathologists, toxicology, histology, research">
<LINK rel="stylesheet" type="text/css" href="/style.css" />
</HEAD>
<BODY>
<SCRIPT language="javascript" src="/STPMenuCode.js"></SCRIPT>
<SCRIPT language="javascript" src="/STPMenu.js"></SCRIPT>
<NOSCRIPT>The STP Navigation System requires JavaScript. Please enable it in your
browser.</NOSCRIPT>
<TABLE border='0' cellpadding='0' cellspacing='0' width="100%">
<TR>
<TD rowspan="2" colspan='3' align="left"  height="117px" width="800px"><IMG SRC='/topbanner.jpg' width="800px"></TD><TD bgcolor="#242061" height="103px" valign="top" align="left"><IMG SRC="spacer.gif" height="103px"></TD>
</TR>
<TR>
<TD bgcolor="white" height="14" valign="top" align="left"><IMG SRC="spacer.gif" height="14px"></TD>
</TR>
<TR>
<TD align="left" bgcolor="#242061" width="138px" valign="top">
<TABLE WIDTH=137 BORDER=0 CELLPADDING=0 CELLSPACING=0 bgcolor=white>
<form name="search" action="/membersonly/search.asp" method=post>
      <TR>
            <TD COLSPAN=2>
                  <IMG SRC="/searchimages/search_01.jpg" WIDTH=15 HEIGHT=16></TD>
            <TD>
                  <IMG SRC="/searchimages/search_02.jpg" WIDTH=86 HEIGHT=16></TD>
            <TD ROWSPAN=3>
                  <input type=image SRC="/searchimages/search_03.jpg" WIDTH=38 HEIGHT=46></TD>
      </TR>
      <TR>
            <TD ROWSPAN=2>
                  <IMG SRC="/searchimages/search_04.jpg" WIDTH=13 HEIGHT=30></TD>
            <TD COLSPAN=2 width=88 height=26 align=center valign=middle>
                  
                  
                    <INPUT TYPE="hidden" NAME=FORMSUBMIT VALUE="TRUE">
        <input type="text" name="SearchString" size="10">
                  </TD>
                  
      </TR>
      <TR>
            <TD>
                  <IMG SRC="/searchimages/search_06.jpg" WIDTH=2 HEIGHT=4></TD>
            <TD>
                  <IMG SRC="/searchimages/search_07.jpg" WIDTH=86 HEIGHT=4></TD>
      </TR>
      </FORM>
</TABLE><IMG SRC="/sidebar.jpg" width="138"></TD>
<TD valign="top" width="25px">&nbsp;</TD><TD valign="top" width="637px"><br>

      <P>The Guides for Toxicologic Pathology are a series of monographs introducing
        the Standardized System of Nomenclature and Diagnostic Criteria used by
        toxicologic pathologists around the world. These monographs are used to
        diagnose proliferative and non-proliferative lesions in laboratory animals.
        Divided by organ system, the &#147;Guides&#148; include morphologic descriptions
        and color photomicrographs of spontaneous and induced lesions seen in
        laboratory animal safety and efficacy evaluations. The Guides may be obtained
        through the <A href="https://www3.afip.org/cgi-bin/bookstore.cgi#TOXIC" target="_blank">AFIP</A>.</P>
      <P>&nbsp;</P>
 
 
  </TD>
<TD>&nbsp;</TD>
</TR>
<TR>
<TD bgcolor='#242061' width="138px">&nbsp;</TD>
<TD valign="top" width="25px">&nbsp;</TD>
<TD  colspan='2' align='center' width="637px"><br><br><font size='2'>
&copy; 2005 by the Society of Toxicologic Pathology. All Rights Reserved.</font>
</TD>
<TD>&nbsp;</TD>
</TR>
</TABLE>



</BODY>
</HTML>
0
trevoray
Asked:
trevoray
  • 3
  • 2
1 Solution
 
jericotolentinoCommented:
Hi,

Add this attribute to your body tag.

<body margin="0">

As for the 1-pixel divider, it's not showing on my browser. Let me try Firefox and I'll let you know in a while.
0
 
jericotolentinoCommented:
Firefox displays the same thing as IE6. Since there's a blue square (from where I see it) to the right of the logo on the right, it could be a tables issue. Check the values of your colspan tags and make sure they're right.

BTW, the margin attribute in the body is just used to set how many pixels the edge of the document is from the edge of the viewing area.

Hope this helps!
0
 
trevorayAuthor Commented:
sorry, that didn't help (body margin=0). i'm checking in both IE 6 and firefox. you only see the white line and misspacing when your browser is open to like 1400 pixels.

anyone else willing to help me? i've checked and double checked all of my colspan tags and spacing and everything else i can think of. that's why i'm offering 500 pts on here.

thanks!
0
Concerto's Cloud Advisory Services

Want to avoid the missteps to gaining all the benefits of the cloud? Learn more about the different assessment options from our Cloud Advisory team.

 
AndyCommented:
Firstly, you do not need to add 'px' to the image sizes and all images should have both height and width defined if possible or the table will not finishe drawing until all the images are loaded.

I made the following changes...

1) Removed the afore mentioned 'px's
2) Added height to top banner image.
3) Gave cell containing your header extension a width of 100% so if fills all remaining space.
4) Removed the cell bottom right of the page which was doing nothing but giving you a thihck white line all the way down the right side.

Here's the code....

<HTML>
<HEAD>
<TITLE>STP</TITLE>
<META http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<META name="keywords" content="STP, pathology, pathologists, toxicology, histology, research">
<LINK rel="stylesheet" type="text/css" href="/style.css" />

<HEAD>
<BODY>
<SCRIPT language="javascript" src="/STPMenuCode.js"></SCRIPT>
<SCRIPT language="javascript" src="/STPMenu.js"></SCRIPT>
<NOSCRIPT>The STP Navigation System requires JavaScript. Please enable it in your
browser.</NOSCRIPT>
<TABLE border='0' cellpadding='0' cellspacing='0' width="100%">
<TR>
<TD rowspan="2" colspan='3' align="left"  height="117"><img src='http://111.222.333.444/topbanner.jpg' height="117" width="800"></TD>
<TD width="162" height="103" align="left" valign="top" bgcolor="#242061"><IMG SRC="http://111.222.333.444/spacer.gif" height="103"></TD>
</TR>
<TR>
<TD bgcolor="white" height="14" valign="top" align="left" width="100%"><IMG SRC="http://111.222.333.444/spacer.gif" height="14"></TD>
</TR>
<TR>
<TD align="left" bgcolor="#242061" width="141" valign="top">
<TABLE WIDTH=137 BORDER=0 CELLPADDING=0 CELLSPACING=0 bgcolor=white>
<form name="search" action="/membersonly/search.asp" method=post>
     <TR>
          <TD COLSPAN=2>
               <IMG SRC="http://111.222.333.444/searchimages/search_01.jpg" WIDTH=15 HEIGHT=16></TD>
          <TD>
               <IMG SRC="http://111.222.333.444/searchimages/search_02.jpg" WIDTH=86 HEIGHT=16></TD>
          <TD ROWSPAN=3>
               <input type=image SRC="http://111.222.333.444/searchimages/search_03.jpg" WIDTH=38 HEIGHT=46></TD>
     </TR>
     <TR>
          <TD ROWSPAN=2>
               <IMG SRC="http://111.222.333.444/searchimages/search_04.jpg" WIDTH=13 HEIGHT=30></TD>
          <TD COLSPAN=2 width=88 height=26 align=center valign=middle>
               
               
                 <INPUT TYPE="hidden" NAME=FORMSUBMIT VALUE="TRUE">
        <input type="text" name="SearchString" size="10">
               </TD>
               
     </TR>
     <TR>
          <TD>
               <IMG SRC="http://111.222.333.444/searchimages/search_06.jpg" WIDTH=2 HEIGHT=4></TD>
          <TD>
               <IMG SRC="http://111.222.333.444/searchimages/search_07.jpg" WIDTH=86 HEIGHT=4></TD>
     </TR>
     </FORM>
</TABLE><IMG SRC="http://111.222.333.444/sidebar.jpg" width="138"></TD>
<TD valign="top" width="25">&nbsp;</TD><TD valign="top" width="637"><br>

      <P>The Guides for Toxicologic Pathology are a series of monographs introducing
        the Standardized System of Nomenclature and Diagnostic Criteria used by
        toxicologic pathologists around the world. These monographs are used to
        diagnose proliferative and non-proliferative lesions in laboratory animals.
        Divided by organ system, the &#147;Guides&#148; include morphologic descriptions
        and color photomicrographs of spontaneous and induced lesions seen in
        laboratory animal safety and efficacy evaluations. The Guides may be obtained
        through the <A href="https://www3.afip.org/cgi-bin/bookstore.cgi#TOXIC" target="_blank">AFIP</A>.</P>
      <P>&nbsp;</P>
 
 
  </TD>
<TD>&nbsp;</TD>
</TR>
<TR>
<TD bgcolor='#242061' width="141">&nbsp;</TD>
<TD valign="top" width="25">&nbsp;</TD>
<TD  colspan='2' align='center'><br><br><font size='2'>
&copy; 2005 by the Society of Toxicologic Pathology. All Rights Reserved.</font>
</TD>
</TR>
</TABLE>



</BODY>
</HTML>
0
 
jericotolentinoCommented:
Sorry, I was thinking CSS. ;-)

This should work:
<BODY style="margin:0px;">

I won't be able to solve problem though until I can find a monitor that can display that high a resolution (I'm at 1024x768).

Good luck!
0
 
AndyCommented:
Oh, I had to add the ip address so I could see the images. You can remove them if you like.
0

Featured Post

Free Tool: Subnet Calculator

The subnet calculator helps you design networks by taking an IP address and network mask and returning information such as network, broadcast address, and host range.

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

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