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

Hide Part of an Image

  • # March 16, 2010 at 2:23 pm

    I’m looking for some code that will allow me to hide a portion of the image if the browser is not open full width. I figure this should be pretty easy but every bit of code i find has some interactivity and clicking involved – menu buttons and such. I don’t want any of that. Any suggestions?

    You can see what i mean here:

    The celtic knot needs to be able to be hidden.


    [edit] fixed. the link.

    # March 16, 2010 at 2:54 pm

    broken link

    # March 16, 2010 at 5:47 pm

    This reply has been reported for inappropriate content.

    "noahgelman" wrote:
    broken link

    But you could quite easily find it in 3 seconds

    # March 16, 2010 at 10:00 pm

    The site looks pretty good. I’m not exactly sure what celtic knots you want to hide.

    # March 17, 2010 at 8:31 am

    the red knot at the top of the page, in the top left corner. my client wants only the right half of the knot to show if the browser is not enlarged to full width


    # March 17, 2010 at 1:30 pm

    Position it with absolute positioning, should allow it to hide whatever portion of it you want without causing scroll.

    # March 18, 2010 at 9:01 am


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