Grow your CSS skills. Land your dream job.

Custom WordPress Theme

  • # February 23, 2009 at 2:28 pm

    My layout is primarily made using floats and a little of bit of absolute and relative positioning when needed. But the problem i’m having is links aren’t able to be clicked at all. It’s like there is a layer of css over the top of them. I got the top nav to work using z-index, but no luck with the rest of the links including the sidebar. The url to the template is:

    http://www.tasteofinkstudios.com/wordpress/

    If anyone could help it would be a huge help.

    Jon

    # February 23, 2009 at 5:49 pm

    You have div { position: relative; } in your css which in my experience causes no end of headaches. Removing this solves the problem. You should apply position: relative manually to any divs which absolutely need it.

    Best wishes
    Dave

    Rob
    # February 24, 2009 at 3:17 am

    its not your position relative, its because your post class is spanning 100% of the content div, covering over your sidebar. You to create a style for the .post and set it a width :)

    # February 24, 2009 at 8:44 am

    Ah this is of course true. The reason why I thought I fixed it by removing position:relative in firebug is that you have z-index: -100 in the #content selector.

    I think you can fix it by removing z-index: -100 from #content and adding

    .post {
    margin-left: 190px;
    width: 500px;
    }

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".