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

hover prob

  • # January 8, 2013 at 6:38 am

    hello every one,

    i am linking a image open it before seeing my problem, actually i want to highlight image area as red line when i hover mouse left side text or input box that is marked. i hope you must be understand what i want.

    is this possible with css if not please tell me any js or anything else.

    # January 8, 2013 at 6:47 am

    Link isn’t working.

    # January 8, 2013 at 6:54 am

    it is working well….

    or give me any mail id on that i can send it..

    # January 8, 2013 at 7:33 am

    This reply has been reported for inappropriate content.

    I’m confused by your question.

    EDIT: Just worked it out.

    Give me a minute and I’ll answer properly :-)

    # January 8, 2013 at 7:42 am

    This reply has been reported for inappropriate content.

    To clarify:

    The elements on the left are HTML elements that relate to particular components in the picture.

    When you highlight one of these elements, you want the area it relates to on the picture to also be highlighted.

    I would recommend you look into the map tag. Someone more experienced with maps (or something entirely different) might be able to give concrete examples. The only limitation here is that the area tag is generally not visible, so you might need to look into something like:

    jQuery map hilight plugin

    I don’t think there’s a simple-to-implement solution for this.

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