Problem with my header graphic....Help!

12 replies
  • WEB DESIGN
  • |
Hi there,

I have a problem with the way my header graphic is showing up on the web

Discover How Internet Marketing Gurus Drive Tons of Traffic to Their Website & How You Can Too In Just A Few Hours With Video Marketing Tactics

You'll be able to see that there's a gap between the header and the middle section.

Does anyone know how I fix this?

Craig
#graphic #graphichelp #header #problem #web design
  • Profile picture of the author Stephen Saha
    I think the cellpadding in this line
    <TABLE border=0 cellSpacing=0 cellPadding=18 width=720>
    is causing the problem.

    Stephen
    {{ DiscussionBoard.errors[702095].message }}
    • Profile picture of the author Craig Dawber
      Hi Stephen,

      If I changed the correct bit of the code then I don't think that has worked.

      Any other ideas?

      Craig
      {{ DiscussionBoard.errors[703651].message }}
      • Profile picture of the author angelamh
        Hi there, I see you've still got a gap in your graphics... what you have is a case of a couple of rogue pixels in the header itself. Change this:

        <IMG height=217
        src="Discover%20How%20Internet%20Marketing%20Gurus %20Drive%20Tons%20of%20Traffic%20to%20Their%20Webs ite%20&amp;%20How%20You%20Can%20Too%20In%20Just%20 A%20Few%20Hours%20With%20Video%20Marketing%20Tacti cs_files/WebPage_01.gif"
        width=800 border=0>

        to this:

        <IMG height=215
        src="Discover%20How%20Internet%20Marketing%20Gurus %20Drive%20Tons%20of%20Traffic%20to%20Their%20Webs ite%20&amp;%20How%20You%20Can%20Too%20In%20Just%20 A%20Few%20Hours%20With%20Video%20Marketing%20Tacti cs_files/WebPage_01.gif"
        width=800 border=0>

        I tested it already, and it will definitely cure what ails you.
        {{ DiscussionBoard.errors[703856].message }}
        • Profile picture of the author Craig Dawber
          Originally Posted by angelamh View Post

          Hi there, I see you've still got a gap in your graphics... what you have is a case of a couple of rogue pixels in the header itself. Change this:

          <IMG height=217
          src="Discover%20How%20Internet%20Marketing%20Gurus %20Drive%20Tons%20of%20Traffic%20to%20Their%20Webs ite%20&amp;%20How%20You%20Can%20Too%20In%20Just%20 A%20Few%20Hours%20With%20Video%20Marketing%20Tacti cs_files/WebPage_01.gif"
          width=800 border=0>

          to this:

          <IMG height=215
          src="Discover%20How%20Internet%20Marketing%20Gurus %20Drive%20Tons%20of%20Traffic%20to%20Their%20Webs ite%20&amp;%20How%20You%20Can%20Too%20In%20Just%20 A%20Few%20Hours%20With%20Video%20Marketing%20Tacti cs_files/WebPage_01.gif"
          width=800 border=0>

          I tested it already, and it will definitely cure what ails you.
          Hi Angela,

          I don't have the above code in the source code.

          I did a search and replace but couldn't find it anywhere.

          Are you sure that's correct?

          I have this on lines 15 & 16

          <TD vAlign=top width="100%"><IMG border=0 src="images/WebPage_01.gif"
          width=800 height=215>

          Thanks for your help.

          Craig
          {{ DiscussionBoard.errors[704130].message }}
          • Profile picture of the author angelamh
            Yeah, that'd be the same thing. Where you give the size for the header image, just make it a couple pixels shorter (215 rather than 217).
            {{ DiscussionBoard.errors[704564].message }}
            • Profile picture of the author Craig Dawber
              Originally Posted by angelamh View Post

              Yeah, that'd be the same thing. Where you give the size for the header image, just make it a couple pixels shorter (215 rather than 217).
              Yeah I have done that but it's made no change.

              Any other ideas?

              Craig
              {{ DiscussionBoard.errors[704623].message }}
              • Profile picture of the author 1samu
                put your side-bg (blablabla/videomarketing/images/WebPage_02.gif) to the header column. it'll close the gap and make it tidy. no need to resize anything.
                {{ DiscussionBoard.errors[705911].message }}
                • Profile picture of the author Craig Dawber
                  Originally Posted by 1samu View Post

                  put your side-bg (blablabla/videomarketing/images/WebPage_02.gif) to the header column. it'll close the gap and make it tidy. no need to resize anything.
                  How do I do that?

                  Sorry I can't see how to do it.

                  Thanks for your help.

                  Craig
                  {{ DiscussionBoard.errors[706620].message }}
                  • Profile picture of the author 1samu
                    Originally Posted by Craig Dawber View Post

                    How do I do that?

                    Sorry I can't see how to do it.

                    Thanks for your help.

                    Craig
                    find this code :

                    Code:
                    <table border="0" cellpadding="0" cellspacing="0" width="800">
                    <tbody>
                      <tr>
                        <td valign="top" width="100%"><img src="blablablabla/WebPage_01.gif" border="0" width="800" height="215">
                    and change it to this :

                    Code:
                    <table border="0" cellpadding="0" cellspacing="0" width="800">
                      <tbody>
                      <tr>
                        <td width="100%" valign="top" background="blablablabla/WebPage_02.gif"><img src="blablablabla/WebPage_01.gif" border="0" width="800" height="215">
                    {{ DiscussionBoard.errors[706888].message }}
                    • Profile picture of the author viane
                      You should set table width to 100% it might set your header up
                      {{ DiscussionBoard.errors[708258].message }}
                    • Profile picture of the author Craig Dawber
                      Originally Posted by 1samu View Post

                      find this code :

                      Code:
                      <table border="0" cellpadding="0" cellspacing="0" width="800">
                      <tbody>
                        <tr>
                          <td valign="top" width="100%"><img src="blablablabla/WebPage_01.gif" border="0" width="800" height="215">
                      and change it to this :

                      Code:
                      <table border="0" cellpadding="0" cellspacing="0" width="800">
                        <tbody>
                        <tr>
                          <td width="100%" valign="top" background="blablablabla/WebPage_02.gif"><img src="blablablabla/WebPage_01.gif" border="0" width="800" height="215">
                      I tried this but it doesn't work.

                      Any other ideas?

                      Craig
                      {{ DiscussionBoard.errors[711548].message }}
                      • Profile picture of the author 1samu
                        Originally Posted by Craig Dawber View Post

                        I tried this but it doesn't work.

                        Any other ideas?

                        Craig
                        send me your index file, than I'll fix it for you. it should be easy.
                        {{ DiscussionBoard.errors[711609].message }}

Trending Topics