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
    May 2012
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Navigation Bar Not Linking

    Hello.

    First time post here. I was hoping someone could help me figure out what might be off on my CSS / HTML on a site I am working on for a friend.

    If you have a look at http://www.theraethers.com in Firefox or Chrome youll see that the navigation bar isn't clickable even though its visible.

    I had started with a template and modified it to move the navigation towards the top of the page.

    Any help would be appreciated.

    Thanks!

  • #2
    New Coder
    Join Date
    Apr 2012
    Posts
    44
    Thanks
    0
    Thanked 14 Times in 14 Posts
    Your problem is: the padding of the <div id="header"> go over your <div id="navigation">.

    You can fix the design properly or a simple work around would be:
    Code:
    #navigation {
    position: relative;
    z-index: 9000;
    float: left;
    height: 30px;
    width: 780px;
    margin: 0 auto;
    padding-top: 1px;
    padding-bottom: 10px;
    font-family: 'Rock Salt', cursive;
    font-size: 1em;
    }
    Good luck!

  • #3
    New to the CF scene
    Join Date
    May 2012
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Xherdas,

    Thank you so much for the information. I updated my CSS file and its working now.

    Wahoo!

    Thanks again for you input. :-)


  •  

    Posting Permissions

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