Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    New to the CF scene
    Join Date
    Feb 2012
    Posts
    2
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Background issue with other content.

    Hey,

    I'm very new to html and css, but loving it so far.
    Anyway, this is the issue:

    The background image is a little distorted at the edges due to my navigation bar, though this happens with every type of content.
    How do I fix this?
    This is my external sheet for it:
    Code:
    ul.nav
    {list-style-type:none;
    margin:0;
    padding-top:150px;
    }
    li.nav{
    display:inline;
    font-size:20px;
    }
    
    #nav  {
    heighth:180px;
    padding:0px;
    border-style:none;
    text-align:center;
    }
    Thanks

  • #2
    New Coder
    Join Date
    Sep 2011
    Location
    United Kingdom
    Posts
    74
    Thanks
    2
    Thanked 3 Times in 3 Posts
    you have a spelling mistake in your #nav .
    Height is spelled wrongly.

    To me is seems like there are two DIVS or container overlapping. Where are the images linked ? Do you have two #nav entries in you CSS ? Maybe, change the background colour of the two divs to see what they are and then stop one from displaying

  • Users who have thanked clausrei for this post:

    JustMeDude (02-20-2012)

  • #3
    New to the CF scene
    Join Date
    Feb 2012
    Posts
    2
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by clausrei View Post
    you have a spelling mistake in your #nav .
    Height is spelled wrongly.

    To me is seems like there are two DIVS or container overlapping. Where are the images linked ? Do you have two #nav entries in you CSS ? Maybe, change the background colour of the two divs to see what they are and then stop one from displaying
    Thanks! It was indeed 2 overlapping components, I had this:
    Code:
    html, body {
    background-image:url('images/background.png');
    }
    Read somewhere to do the body and html together, but I can't remember what I was trying to do when I needed that.
    Also fixed that spelling mistake.


  •  

    Posting Permissions

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