SitePoint Sponsor

User Tag List

Results 1 to 9 of 9
  1. #1
    SitePoint Member
    Join Date
    Sep 2012
    Posts
    2
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Help with Mystery Line?

    Hi,

    I am fairly new to coding and need an expert's help. I just changed out a graphic on the site I manage and now there is a mystery line that looks like a horizontal rule. I cannot see where the error is on the page! Could someone please take a look at www.boojum.org? Between the logo and the header statement (the chalkboard graphic) there appears a line. Where is it in the code? What did I do wrong?

    ANY help is very much appreciated!!

    Thanks, Robyn

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,207
    Mentioned
    456 Post(s)
    Tagged
    8 Thread(s)
    Hi Robyn. Welcome to the forums.

    In your HTML, you have this:

    Code:
    <div id="call_us">
          <hr />
    Just remove that <hr /> bit and all will be fine.

  3. #3
    SitePoint Mentor bronze trophy
    ronpat's Avatar
    Join Date
    Jun 2012
    Location
    NJ, USA
    Posts
    2,534
    Mentioned
    62 Post(s)
    Tagged
    2 Thread(s)
    The <hr /> is the source of the line, but deleting it will cause the footer stuff to rise to the top of the page.

    Robyn,

    Which graphic did you replace? What did you "touch" when you replaced the graphic? In other words, it's easy to see what's causing the line, but not why it suddenly appeared. A clue might help.

  4. #4
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,207
    Mentioned
    456 Post(s)
    Tagged
    8 Thread(s)
    Quote Originally Posted by ronpat View Post
    The <hr /> is the source of the line, but deleting it will cause the footer stuff to rise to the top of the page.
    Hm, doesn't do that for me in testing. Are you speaking about a specific browser?

  5. #5
    SitePoint Mentor bronze trophy
    ronpat's Avatar
    Join Date
    Jun 2012
    Location
    NJ, USA
    Posts
    2,534
    Mentioned
    62 Post(s)
    Tagged
    2 Thread(s)
    Hm, doesn't do that for me in testing. Are you speaking about a specific browser?
    Firefox 15.0.1

  6. #6
    SitePoint Mentor bronze trophy
    ronpat's Avatar
    Join Date
    Jun 2012
    Location
    NJ, USA
    Posts
    2,534
    Mentioned
    62 Post(s)
    Tagged
    2 Thread(s)
    The page is apparently supposed to render the <hr> just above the footer.

    Looks like adding overflow:hidden to the #main_wrapper in style.css should fix the problem on all pages.
    Code:
    style.css
    
    #main_wrapper {
        width:1020px;
        margin:0 auto;
        overflow:hidden;
    }
    Ralph, what do you think? Other possibilities?

  7. #7
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,207
    Mentioned
    456 Post(s)
    Tagged
    8 Thread(s)
    OK, yes, I see that in Firefox. (It was fine just to delete it in Chrome.) Good idea ronpat. That code certainly does the trick.

  8. #8
    SitePoint Member
    Join Date
    Sep 2012
    Posts
    2
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Ralph and Ron,

    You are my heroes!! That worked splendidly!!!! Thank you so much. I apologize for not responding sooner, I have been too ill to see a screen without going cross eyed. Not good for someone like me!
    Again, thank you for all your help!
    Robyn

  9. #9
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,207
    Mentioned
    456 Post(s)
    Tagged
    8 Thread(s)
    Your'e welcome, Robyn. Sorry to hear you haven't been well. Do come back if you have more questions.


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •