4 Replies Latest reply on Jan 9, 2007 12:03 PM by Newsgroup_User

    removing thin white top border

    fireman_d
      Hello, I've noticed when I've been exporting files to html w/ slices that when they come up in a browser there is always a thin hairline white border along the top of my webpage. This becomes a bigger problem when I'm using frames becasue it is very apparent for the middle frame becaseu the white line breaks up the flush look of the site, unless it's white that is. Does anyone have a tip for eliminting this white line? here is an example:

      http://ronaldreaganhs.org/index5.html


      and resizing the frames doesn't do the trick.


      thanks,
        • 1. Re: removing thin white top border
          Level 7
          Looks like you should ask this question in the GoLive group

          alex

          fireman_d wrote:
          > Hello, I've noticed when I've been exporting files to html w/ slices that when
          > they come up in a browser there is always a thin hairline white border along
          > the top of my webpage. This becomes a bigger problem when I'm using frames
          > becasue it is very apparent for the middle frame becaseu the white line breaks
          > up the flush look of the site, unless it's white that is. Does anyone have a
          > tip for eliminting this white line? here is an example:
          >
          > http://ronaldreaganhs.org/index5.html
          >
          >
          > and resizing the frames doesn't do the trick.
          >
          >
          > thanks,
          >
          • 2. Re: removing thin white top border
            Level 7
            fireman_d wrote:
            > Hello, I've noticed when I've been exporting files to html w/ slices that when
            > they come up in a browser there is always a thin hairline white border along
            > the top of my webpage. This becomes a bigger problem when I'm using frames
            > becasue it is very apparent for the middle frame becaseu the white line breaks
            > up the flush look of the site, unless it's white that is. Does anyone have a
            > tip for eliminting this white line? here is an example:
            >
            > http://ronaldreaganhs.org/index5.html
            >
            >
            > and resizing the frames doesn't do the trick.
            >
            >
            > thanks,
            >
            You have four(or so) large vertical graphics inside cells. Changing the
            <td>'s holding them to vertical alignment 'Top' makes the line go away.

            This is one of them....
            <td rowspan="5"><img name="index_r3_c8"
            src="index1_files/index_r3_c8.jpg" border="0" height="780" width="277"></td>

            Change to this......
            <td rowspan="5" valign="top"><img name="index_r3_c8"
            src="index1_files/index_r3_c8.jpg" border="0" height="780" width="277"></td>

            I think I found four. Anyway, it's a place to start.

            SKB
            • 3. Re: removing thin white top border
              fireman_d Level 1
              as you can see, I inserted the valign="top" command all over the place, but still get a hairline white top in Internet Explorer, not Safari though... I'm thinking I'll have to live w/ it I guess. here's te code:

              <table valign="top" border="0" cellpadding="0" cellspacing="0" width="1000">
              <!-- fwtable fwsrc="RRHS_Main_TOP.png" fwbase="index1.jpg" -->
              <tr height="0"valign="top">
              <td height="0" valign="top"><img src="slice/spacer.gif" width="42" height="0" border="0"></td>
              <td height="0" valign="top"><img src="slice/spacer.gif" width="41" height="0" border="0"></td>
              <td height="0" valign="top"><img src="slice/spacer.gif" width="107" height="0" border="0"></td>
              <td height="0" valign="top"><img src="slice/spacer.gif" width="21" height="0" border="0"></td>
              <td height="0" valign="top"><img src="slice/spacer.gif" width="375" height="0" border="0"></td>
              <td height="0" valign="top"><img src="slice/spacer.gif" width="11" height="0" border="0"></td>
              <td height="0" valign="top"><img src="slice/spacer.gif" width="126" height="0" border="0"></td>
              <td height="0" valign="top"><img src="slice/spacer.gif" width="42" height="0" border="0"></td>
              <td height="0" valign="top"><img src="slice/spacer.gif" width="235" height="0" border="0"></td>
              <td height="0" valign="top"><img src="slice/spacer.gif" width="1" height="0" border="0"></td>
              </tr>
              <tr> <td colspan="9"><img name="index1_r1_c1" src="slice/index1_r1_c1.jpg" width="1000" height="30" border="0"></td>
              <td><img src="slice/spacer.gif" width="1" height="30" border="0"></td>
              </tr>
              • 4. Re: removing thin white top border
                Level 7
                fireman_d wrote:
                > as you can see, I inserted the valign="top" command all over the place, but
                > still get a hairline white top in Internet Explorer, not Safari though... I'm
                > thinking I'll have to live w/ it I guess. here's te code:
                >
                > <table valign="top" border="0" cellpadding="0" cellspacing="0" width="1000">
                > <!-- fwtable fwsrc="RRHS_Main_TOP.png" fwbase="index1.jpg" -->
                > <tr height="0"valign="top">
                > <td height="0" valign="top"><img src="slice/spacer.gif" width="42"
                > height="0" border="0"></td>
                > <td height="0" valign="top"><img src="slice/spacer.gif" width="41"
                > height="0" border="0"></td>
                > <td height="0" valign="top"><img src="slice/spacer.gif" width="107"
                > height="0" border="0"></td>
                > <td height="0" valign="top"><img src="slice/spacer.gif" width="21"
                > height="0" border="0"></td>
                > <td height="0" valign="top"><img src="slice/spacer.gif" width="375"
                > height="0" border="0"></td>
                > <td height="0" valign="top"><img src="slice/spacer.gif" width="11"
                > height="0" border="0"></td>
                > <td height="0" valign="top"><img src="slice/spacer.gif" width="126"
                > height="0" border="0"></td>
                > <td height="0" valign="top"><img src="slice/spacer.gif" width="42"
                > height="0" border="0"></td>
                > <td height="0" valign="top"><img src="slice/spacer.gif" width="235"
                > height="0" border="0"></td>
                > <td height="0" valign="top"><img src="slice/spacer.gif" width="1"
                > height="0" border="0"></td>
                > </tr>
                > <tr> <td colspan="9"><img name="index1_r1_c1"
                > src="slice/index1_r1_c1.jpg" width="1000" height="30" border="0"></td>
                > <td><img src="slice/spacer.gif" width="1" height="30" border="0"></td>
                > </tr>
                >

                All of this code is in the top frame not the bottom frame where the line
                is. The <td>s I was referring to are in /body/index1.html document. Look
                for these four <td>s.

                1. <td rowspan="5"><img name="index_r3_c8"
                src="index1_files/index_r3_c8.jpg" border="0" height="780" width="277"></td>

                2.<td rowspan="5"><img name="index_r3_c6"
                src="index1_files/index_r3_c6.jpg" border="0" height="780" width="21"></td>

                3.<td rowspan="5"><img name="index_r3_c3"
                src="index1_files/index_r3_c3.jpg" border="0" height="780" width="30"></td>

                4.<td rowspan="6"><img name="index_r2_c1"
                src="index1_files/index_r2_c1.jpg" border="0" height="786" width="74"></td>

                Align them to 'top' and the line will go away. Firefox still shows
                mis-alignment at the bottom. Probably some other spacing issues.

                Anyway, the answer I provided was just a quick solution to get it
                looking ok.

                The best solution is to use an html editor to write the html and only
                use Fireworks to create the graphics to export into the html.

                SKB