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

Problem with tooltip

  • # December 23, 2012 at 12:07 pm

    I m learning to create tooltip for a project and I m required to create the tooltip exactly same as we see on
    here is the code

    the tooltip which is shown in the code that I have, is rectangular and I need to add the “V” shape at the bottom(as seen on facebook). I tried to use an image and played with the background-position-x and y but didn’t work very well. What do I do to add the V shape at the bottom of the tooltip?
    Thanks in advance

    # December 23, 2012 at 12:28 pm

    This reply has been reported for inappropriate content.

    @sayedtaqui, you can create arrow with css and then incorporate somehow with your tool tip by positioning it absolutely. I have never done tooltip like that before so you might want to play with it.
    Here’s the arrow pointing down,

    # December 23, 2012 at 1:02 pm

    Hey jurotek , that was help check this one now

    # December 23, 2012 at 1:18 pm

    This reply has been reported for inappropriate content.

    @sayedtaqui, very nice

    # December 23, 2012 at 2:22 pm

    yes thanks a lot

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