Skip navigation
Currently Being Moderated

What is this line in my code?

Nov 11, 2013 2:16 PM

I can't figure out what this line is both in Dreamweaver and after I publish my site online.  Does anyone have any thoughts on this?  There's a small solid line that runs the width of my main content. ....

 

The page is password protected so I can't give the login info, but it's not anything that I can even see when I used Developer Tools, it's not a Horizonal Rule, and nothing is underlined.  Just wondered if anyone has encountered this before.  I'm using Dreamweaver cs5.5.  ...

 

Any thoughts of stuff to check on would be great!

 
Replies
  • Currently Being Moderated
    Nov 11, 2013 2:23 PM   in reply to fourwhitesocks

    I just about asked if it was bigger than a bread box, but I'll go with: could it be part of an image (an accidental line left in the image itself)?

     
    |
    Mark as:
  • Currently Being Moderated
    Nov 11, 2013 8:51 PM   in reply to fourwhitesocks

    Have you checked it in different browsers or on a different monitor?

     

    I had a 1024X768 CRT that would show all sorts of anomalies that neither my laptop nor my LCD widescreens pick up.

     
    |
    Mark as:
  • Currently Being Moderated
    Nov 12, 2013 4:17 AM   in reply to fourwhitesocks

    Check your CSS. It looks as though it might be a border on the top of the numbered list. Assuming the megaphone is floated, the border would stretch behind it.

     
    |
    Mark as:
  • Currently Being Moderated
    Nov 12, 2013 9:49 AM   in reply to fourwhitesocks

    The line is in your repeated background image lg-header-bg2.jpg

     

    It's actually just 2 black pixels set 2 pixels from the top of that image. Since the background is repeated horizontally only, it appears as an unbroken line.

     

    You'll need to modify the image in Photoshop or some other graphic editor.

     
    |
    Mark as:
  • Currently Being Moderated
    Nov 12, 2013 10:42 AM   in reply to fourwhitesocks

    You actually have it set to start at the bottom of its container within the styles.css stylesheet...

     

    .LargeHeader {

    color: #000000;

    padding-right: 10px;

    padding-top: 15px;

    position: relative;

    text-align: left;

    width: 680px;

    margin-left: 220px;

    background-color: rgba(255,255,255,1);

    background-repeat: repeat-x;

    background-image: url(Images/lg-header-bg2.jpg);

    padding-left: 10px;

    -moz-border-radius:10px;

    -webkit-border-radius:10px;

    border-radius: 0px 0px 10px 10px;

    overflow: hidden;

    height: auto;

    background-position: left bottom;

    }

     
    |
    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points