Grow your CSS skills. Land your dream job.

Need help debugging CSS

  • # May 1, 2013 at 6:21 pm

    My website, http://www.capullo.com, has a vertical navigation menu on the left side of all pages. When clicking through the menu items to the different pages, the menu display has a continuity in display and position.

    One page, http://www.capullo.com/costa-rica-fishing-photos/index.html has links to various sub-pages with photos. On the actual photo pages is a link back to the photo index page.

    I’ve noticed that when clicking through to any of the photo pages, then back to the photo index page, there is a spacing change in the menu. It looks like a line height issue, but I can’t seem to see where the problem code is.

    The style sheet URL is http://www.capullo.com/css/style.css. Thanks for any help in tracking this down.

    # May 1, 2013 at 6:33 pm

    It’s because when you go to a photo page, the ‘Photos’ in the sidebar becomes a link, and padding is added to it from line 106 of your stylesheet.

    This should fix it:

    .presentphoto {
    padding: 0;
    }

    # May 1, 2013 at 7:16 pm

    Thanks so much for the pointer, I think the problem is now resolved.

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

You must be logged in to reply to this topic.

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