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

Next Office Hours Session: "Implementing an SVG Icon System" Nov 30 - 6:00 PM Eastern

Navigation bar moves on (Zoom in & Zoom out)

  • # February 9, 2013 at 11:07 pm

    So as the title, need some help.
    Cant get my Navigation Images to stay in position.

    position: absolute;
    width: 200px;
    height: 150px;
    top: 20px;
    left: 920px;
    background-repeat: no-repeat;

    #menuhome:hover {
    background-image : url(images/homehover.png);

    # February 10, 2013 at 4:14 am

    Can you put this in Codepen?

    However, my initial guess is because you are using absolute positioning.

    It’s just my opinion but absolute position is usually a BAD idea unless you are trying to achieve something specific.

    The are better, more flexible and easier to maintain ways of laying out your page.

    Also, this is because a declared pixel is not really a screen pixel :

    Eventually the way the browser will run out of space trying to cram all the pixels you have declared into a set width and the page breaks.

Viewing 2 posts - 1 through 2 (of 2 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