Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    Regular Coder
    Join Date
    Oct 2009
    Posts
    438
    Thanks
    9
    Thanked 7 Times in 7 Posts

    <area> style problem

    All,
    I have an the following code:

    <img src="rascal.jpg" width="600" height="800" border="0" usemap="#Map" />
    <map name="Map" id="Map"><area shape="rect" coords="191,484,406,670" href="#" class="map"/></map>

    I want to add a style to the area for on hover etc. So I did this:
    </script>
    <style type="text/css">
    map{
    border: 0px solid #000000;
    }
    map:hover{
    border: 10px solid #000000;
    }
    </style>

    However it doesn't work, any ideas?

  • #2
    Regular Coder
    Join Date
    Oct 2009
    Posts
    438
    Thanks
    9
    Thanked 7 Times in 7 Posts
    It actually displays it below the image instead of in the <area>.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •