Grow your CSS skills. Land your dream job.

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.

    http://datanova.co.in/dnitest/scrap/check.jpg

    # 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

    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

    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](http://davidlynch.org/projects/maphilight/docs/ “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.

*May or may not contain any actual "CSS" or "Tricks".