SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    SitePoint Member
    Join Date
    May 2006
    Posts
    4
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Unwanted Line at the Top of the html Pages

    Hi

    I have revamped our site to a liquid three column layout (using the code provided in 'The CSS Anthology') but there is what looks like a one pixel line that has appeared above the top banner and I cant work out where its come from.

    I pasted the code into Dreamweaver and built if from there but as was not written in that application, the code view does not give me WHSIWYG to allow me to highlight the line, track down and identify the code or style that is applied to it.

    Could someone have a look at it for me and maybe give me some guidance as to how I can eliminated it as it is needs to mimic the dynamic pages in the online shop which are rendering correctly (apart from the Side Nav buttons background but thats being attended to)

    The site is at http://www.east-coast-leisure.co.uk

    Thanks in advance

    Jomo

  2. #2
    Is Still Alive silver trophybronze trophy RetroNetro's Avatar
    Join Date
    Jul 2003
    Location
    Texas
    Posts
    6,883
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    Hello

    Is it this?

    Code CSS:
    #header {
    	BACKGROUND: #ffff9b;
    	LEFT: 5px;
    	OVERFLOW: hidden;
    	WIDTH: 100%;
    	COLOR: #000000;
    	POSITION: absolute;
    	TOP: 2px;
    	HEIGHT: 100px;
    	visibility: visible;
    	border-top-width: 1px;
    	border-bottom-width: 1px;
    	border-top-style: solid;
    	border-bottom-style: solid;
    	border-top-color: ##ffff9b;
    	border-bottom-color: #ffff9b;
    }
    The border-top stuff is what I am referring to.

    Hope it helps.

  3. #3
    SitePoint Wizard
    Join Date
    Jul 2003
    Location
    Kent
    Posts
    1,921
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    Setting border-top-width to 0px removed it for me.
    Of course you should remove all the other references to border-top for #header as well, as they are unnecessary once you set it to 0px

  4. #4
    Is Still Alive silver trophybronze trophy RetroNetro's Avatar
    Join Date
    Jul 2003
    Location
    Texas
    Posts
    6,883
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by Dr John View Post
    Setting border-top-width to 0px removed it for me.
    Of course you should remove all the other references to border-top for #header as well, as they are unnecessary once you set it to 0px
    Yes but you might as well just do it like this:

    Code CSS:
    border-width: 0 0 1px 0;
    border-color:#ffff9b;
    border-style: solid;

  5. #5
    SitePoint Member
    Join Date
    May 2006
    Posts
    4
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Many thanks - line now gone

    Jomo


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
  •