The Lodge is members-only design/dev videos and Office Hours.

Next Office Hours Session: "Programming Fundamentals" Dec 02 - 2:00 PM Eastern

Need help debugging CSS

  • # May 1, 2013 at 6:21 pm

    My website,, 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, 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 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.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed