+ Reply to Thread
Page 1 of 2
1 2 LastLast
Results 1 to 10 of 17

Thread: border around image map area

  1. #1
    gor
    gor is offline
    Newbie gor is an unknown quantity at this point
    Join Date
    Sep 2007
    Posts
    15

    border around image map area

    hi
    how to draw some border around area in image map?
    or how to highlight it in any possible way?
    thanks

  2. #2
    Jordan
    Guest

    Re: border around image map area

    Why don't you just use CSS and wrap a div tag around it? With the CSS you could create a border and there are many different types (dotted line, solid line, etc).

  3. #3
    gor
    gor is offline
    Newbie gor is an unknown quantity at this point
    Join Date
    Sep 2007
    Posts
    15

    Re: border around image map area

    CSS is prohibited - I can use just HTML

  4. #4
    Jordan
    Guest

    Re: border around image map area

    oh. Paste your HTML code please and I will help.

  5. #5
    gor
    gor is offline
    Newbie gor is an unknown quantity at this point
    Join Date
    Sep 2007
    Posts
    15

    Re: border around image map area

    thanks a lot:
    Code:
    <html>
    <body bgcolor="868686">
      <div align="center"><img alt="java Duke" usemap="#map" width="300" height="300" src="image.jpg"/></div>
      <map name="map">
        <area shape="rect" coords="81,107,181,155" href="imgRed.html" >
        <area shape="circle" coords="247,61,25" href="imgBlack.html" >
        <area shape="poly" coords="49,283,79,159,142,166,190,140,190,126,203,135,259,211,266,274,257,288,210,261,154,247,102,262" href="imgWhite.html">
      </map>
    </body>
    </html>
    it is my school assignment, so some things are strange (like resizing of the image)

    here is the image:
    Bijgevoegde miniaturen border around image map area-image.jpg  

  6. #6
    Jordan
    Guest

    Re: border around image map area

    Ok, in your img tag just add a border="xx" where xx is the size. For example:

    HTML Code:
    <html>
    <body bgcolor="868686">
      <div align="center"><img alt="java Duke" usemap="#map" width="300" height="300" src="image.jpg" border="1"/></div>
      <map name="map">
        <area shape="rect" coords="81,107,181,155" href="imgRed.html" >
        <area shape="circle" coords="247,61,25" href="imgBlack.html" >
        <area shape="poly" coords="49,283,79,159,142,166,190,140,190,126,203,135,259,211,266,274,257,288,210,261,154,247,102,262" href="imgWhite.html">
      </map>
    </body>
    </html>
    That should do what you are looking for.

  7. #7
    gor
    gor is offline
    Newbie gor is an unknown quantity at this point
    Join Date
    Sep 2007
    Posts
    15

    Re: border around image map area

    yes, I found this solution on the internet, but it doesn't work to me - it makes border around the whole image - not just around areas

  8. #8
    Jordan
    Guest

    Re: border around image map area

    Oh, I see. I don't know if that is possible. What version of HTML?

  9. #9
    gor
    gor is offline
    Newbie gor is an unknown quantity at this point
    Join Date
    Sep 2007
    Posts
    15

    Re: border around image map area

    4.01 - the newest one
    and i must use only internet explorer :sneaky2:

  10. #10
    Jordan
    Guest

    Re: border around image map area

    I know of no way. I'll send morefood in here, he may have an answer for you!

+ Reply to Thread
Page 1 of 2
1 2 LastLast

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

     

Similar Threads

  1. p style border help!
    By j.lai in forum HTML Programming
    Replies: 5
    Last Post: 06-07-2010, 05:54 AM
  2. Border Factory
    By Howdy_McGee in forum Java Help
    Replies: 2
    Last Post: 05-24-2010, 07:24 AM
  3. Vista Border For Your Progz
    By TcM in forum VB Tutorials
    Replies: 54
    Last Post: 08-19-2009, 03:33 PM

SEO by vBSEO 3.5.2