Hi,

 I've finally finished a complicate image map (each state is a target) and have the html. I was wondering in a text page how I make it overlay an image (a gif file of the US). Where do I put the image file? Will it find it in the library?

Hm.  What you want to do is going to be a bit challenging.  If you copy and paste the html of your image map into the forums here, I can show you how you will need to modify it so you can get it to work in myUdutu.

Alternatively, you can just create a basic screen in myUdutu, switch it to the 'Text Only' template, and when editing your text insert your GIF into the text.  Then, using the myUdutu text editor, right click on the inserted image, and choose 'Image Map Editor'.  You can then use our editor to redefine your image map.  This may, in the end, be a little simpler than taking an existing image map that you created by other means and trying to place it in myUdutu.

I may have to look at both. I do not relish having to recreate the image map again if I can help it. Here's the .html if you want to take a look.

<!-- Beginning of Client Side Image Map -->
<img src="map.png" USEMAP="#NotNamed" BORDER=0>
<map name="NotNamed">
  <area name="North Dakota" shape="poly" coords="254,87,254,123,311,123,310,105,306,90,252,88" href="http://www.nd.gov/labor/services/human-rights"  alt="North Dakota Human Rights Division, Department of Labor" OnMouseOver="window.status='North Dakota Human Rights Division, Department of Labor'; return true" OnMouseOut="window.status=''; return true" target="_blank">
  <area name="Wyoming" shape="poly" coords="202,129,200,173,256,174,254,128,202,129" href="http://wydoe.state.wy.us/doe.asp?ID=247"  alt="Wyoming Fair Employment Program, Department of Employment Labor Standards" OnMouseOver="window.status='Wyoming Fair Employment Program, Department of Employment Labor Standards'; return true" OnMouseOut="window.status=''; return true" target="_blank">
  <area name="Montana" shape="poly" coords="254,88,254,88,254,130,206,129,201,134,189,133,179,83,254,88,254,88,254,88" href="http://erd.dli.mt.gov/humanright/complaint.asp"  alt="Montana Human Rights Commission" OnMouseOver="window.status='Montana Human Rights Commission'; return true" OnMouseOut="window.status=''; return true" target="_blank">
  <area name="Washington (State)" shape="poly" coords="170,81,113,70,116,98,131,107,162,109,168,84" href="http://www.hum.wa.gov"  alt="Washington Human Rights Commission" OnMouseOver="window.status='Washington Human Rights Commission'; return true" OnMouseOut="window.status=''; return true" target="_blank">
  <area name="Idaho" shape="poly" coords="170,83,153,151,200,158,203,135,189,132,176,81,169,81" href="http://www.humanrights.idaho.gov"  alt="Idaho Commission of Human Rights" OnMouseOver="window.status='Idaho Commission of Human Rights'; return true" OnMouseOut="window.status=''; return true" target="_blank">
  <area name="Oregon" shape="poly" coords="101,140,102,125,116,102,141,108,162,111,153,152,97,141,97,141,99,137,101,137" href="http://www.oregon.gov/BOLI/CRD/index.shtml"  alt="Oregon Division of Civil Rights, Bureau of Labor and Industries" OnMouseOver="window.status='Oregon Division of Civil Rights, Bureau of Labor and Industries'; return true" OnMouseOut="window.status=''; return true" target="_blank">
  <area name="California" shape="poly" coords="101,142,96,161,100,185,108,212,117,232,136,247,137,255,159,261,163,238,162,230,128,181,132,148,100,141" href="http://www.dfeh.ca.gov"  alt="California Department of Fair Employment and Housing" OnMouseOver="window.status='California Department of Fair Employment and Housing'; return true" OnMouseOut="window.status=''; return true" target="_blank">
  <area name="Nevada" shape="poly" coords="131,147,177,155,169,216,160,225,126,176,132,147,134,146,175,155" href="http://www.nvdetr.org/nerc.htm"  alt="Nevada Equal Rights Commission" OnMouseOver="window.status='Nevada Equal Rights Commission'; return true" OnMouseOut="window.status=''; return true" target="_blank">
  <area name="Arizona" shape="poly" coords="156,254,164,237,157,224,168,217,168,210,212,216,206,277,187,278,157,258" href="http://www.azag.gov/civil_rights"  alt="Arizona Civil Rights Division, Attorney General's Office" OnMouseOver="window.status='Arizona Civil Rights Division, Attorney General's Office'; return true" OnMouseOut="window.status=''; return true" target="_blank">
  <area name="Utah" shape="poly" coords="200,158,176,153,170,212,210,217,215,174,199,173,200,158" href="http://www.laborcommission.utah.gov/AntidiscriminationandLabor/index.html"  alt="Utah Antidiscrimination & Labor Division, Labor Commission" OnMouseOver="window.status='Utah Antidiscrimination & Labor Division, Labor Commission'; return true" OnMouseOut="window.status=''; return true" target="_blank">
  <area shape="poly" coords="181,215,185,219,184,217" href=""  alt="">
  <area name="South Dakota" shape="poly" coords="254,123,309,122,311,151,312,158,299,154,254,154,254,122,308,122" href="http://www.state.sd.us/dol/boards/hr"  alt="South Dakota Division of Human Rights, Department of Labor" OnMouseOver="window.status='South Dakota Division of Human Rights, Department of Labor'; return true" OnMouseOut="window.status=''; return true" target="_blank">
  <area shape="poly" coords="255,173,254,153,298,153,314,159,322,188,269,188,270,173,254,173" href=""  alt="">
  <area name="Colorado" shape="poly" coords="215,173,211,219,270,218,270,174,214,174" href="http://www.dora.state.co.us/civil-rights"  alt="Colorado Civil Rights Division" OnMouseOver="window.status='Colorado Civil Rights Division'; return true" OnMouseOut="window.status=''; return true" target="_blank">
  <area name="Minnesota" shape="poly" coords="303,87,309,110,310,149,350,148,348,139,338,130,338,119,341,114,346,106,358,97,329,87,320,80,303,89" href="http://www.humanrights.state.mn.us"  alt="Minnesota Department of Human Rights" OnMouseOver="window.status='Minnesota Department of Human Rights'; return true" OnMouseOut="window.status=''; return true" target="_blank">
  <area name="Wisconsin" shape="poly" coords="356,157,348,146,349,139,337,128,337,117,344,110,374,120,379,156,357,157" href="http://dwd.wisconsin.gov/er"  alt="Wisconsin Equal Rights Division, Department of Workforce Development" OnMouseOver="window.status='Wisconsin Equal Rights Division, Department of Workforce Development'; return true" OnMouseOut="window.status=''; return true" target="_blank">
  <area name="Kansas" shape="poly" coords="269,219,269,188,326,189,330,198,330,220,268,221" href="http://www.khrc.net"  alt="Kansas Human Rights Commission" OnMouseOver="window.status='Kansas Human Rights Commission'; return true" OnMouseOut="window.status=''; return true" target="_blank">
  <area name="New Mexico" shape="poly" coords="212,218,207,277,263,274,263,275,263,219,212,220" href="http://www.dws.state.nm.us/dws-humanrights.html"  alt="New Mexico Human Rights Bureau" OnMouseOver="window.status='New Mexico Human Rights Bureau'; return true" OnMouseOut="window.status=''; return true" target="_blank">
  <area name="Iowa" shape="poly" coords="321,183,309,148,350,149,358,159,352,183,320,182" href="http://www.state.ia.us/government/crc/index.html"  alt="Iowa Civil Rights Commission" OnMouseOver="window.status='Iowa Civil Rights Commission'; return true" OnMouseOut="window.status=''; return true" target="_blank">
  <area name="Montana" shape="poly" coords="332,225,330,196,321,183,350,182,375,215,370,223,330,222" href="http://erd.dli.mt.gov/humanright/complaint.asp"  alt="Montana Human Rights Commission" OnMouseOver="window.status='Montana Human Rights Commission'; return true" OnMouseOut="window.status=''; return true" target="_blank">
  <area name="Illinois" shape="poly" coords="378,156,357,156,351,182,358,195,369,211,375,213,380,212,386,200,387,179,379,154,358,158,358,158,357,157" href="http://www.state.il.us/dhr"  alt="Illinois Department of Human Rights" OnMouseOver="window.status='Illinois Department of Human Rights'; return true" OnMouseOut="window.status=''; return true" target="_blank">
  <area name="Michigan" shape="poly" coords="389,161,391,152,386,139,389,124,394,117,390,115,378,122,355,112,371,102,394,105,399,112,409,123,421,143,415,155,387,162,389,152,385,136,389,124" href="http://www.michigan.gov/mdcr"  alt="Michigan Department of Civil Rights" OnMouseOver="window.status='Michigan Department of Civil Rights'; return true" OnMouseOut="window.status=''; return true" target="_blank">
  <area name="Indiana" shape="poly" coords="403,159,382,162,385,181,385,200,395,201,398,197,401,199,407,187,403,156,385,162" href="http://www.in.gov/icrc"  alt="Indiana Civil Rights Commission" OnMouseOver="window.status='Indiana Civil Rights Commission'; return true" OnMouseOut="window.status=''; return true" target="_blank">
  <area name="Ohio" shape="poly" coords="436,146,427,156,413,154,402,159,406,185,415,190,424,187,430,184,431,178,434,181,435,174,439,173,436,147,436,147,436,146" href="http://crc.ohio.gov"  alt="Ohio Civil Rights Commission" OnMouseOver="window.status='Ohio Civil Rights Commission'; return true" OnMouseOut="window.status=''; return true" target="_blank">
  <area name="Kentucky" shape="poly" coords="371,220,387,200,399,199,406,187,414,191,423,186,424,192,433,198,426,209,370,220" href="http://www.kchr.ky.gov"  alt="Kentucky Commission on Human Rights" OnMouseOver="window.status='Kentucky Commission on Human Rights'; return true" OnMouseOut="window.status=''; return true" target="_blank">
  <area name="Oklahoma" shape="poly" coords="262,220,262,227,287,227,287,249,333,255,332,220,263,220" href="http://www.hrc.state.ok.us"  alt="Oklahoma Human Rights Commission" OnMouseOver="window.status='Oklahoma Human Rights Commission'; return true" OnMouseOut="window.status=''; return true" target="_blank">
  <area name="Arkansas" shape="poly" coords="363,260,338,260,332,251,331,222,370,221,364,250,364,260" href=""  alt="Civil Rights Act is enforced by private lawsuit only" OnMouseOver="window.status='Civil Rights Act is enforced by private lawsuit only'; return true" OnMouseOut="window.status=''; return true">
  <area name="Louisiana" shape="poly" coords="364,262,338,260,338,272,342,281,342,289,340,295,369,305,394,306,375,279,365,281,365,266,362,260,339,261" href="http://www.gov.state.la.us/index.cfm?md=pagebuilder&tmp=home&cpID=45"  alt="Louisiana Commission on Human Rights" OnMouseOver="window.status='Louisiana Commission on Human Rights'; return true" OnMouseOut="window.status=''; return true" target="_blank">
  <area name="Texas" shape="poly" coords="205,276,207,275,262,273,262,225,286,226,286,248,333,253,339,265,339,270,344,281,343,293,325,310,317,310,312,320,317,340,295,329,274,297,256,306,231,277,216,276,206,276" href="http://www.twc.state.tx.us/customers/rpm/rpmsubcrd.html"  alt="Texas Civil Rights Division, Workforce Commission" OnMouseOver="window.status='Texas Civil Rights Division, Workforce Commission'; return true" OnMouseOut="window.status=''; return true" target="_blank">
  <area name="Mississippi" shape="poly" coords="390,235,368,235,364,253,364,279,373,279,381,290,387,285,387,262,387,246" href=""  alt="Does not have" OnMouseOver="window.status='Does not have'; return true" OnMouseOut="window.status=''; return true">
  <area name="Tennessee" shape="poly" coords="367,234,372,218,440,208,418,231,389,235,365,236" href="http://www.state.tn.us/humanrights"  alt="Tennessee Human Rights Commission" OnMouseOver="window.status='Tennessee Human Rights Commission'; return true" OnMouseOut="window.status=''; return true" target="_blank">
  <area name="Vermont Additional" shape="circle" coords="470,80,9" href="http://www.atg.state.vt.us"  alt="Vermont Office of the Attorney General (Non state government employment)" OnMouseOver="window.status='Vermont Office of the Attorney General (Non state government employment)'; return true" OnMouseOut="window.status=''; return true" target="_blank">
  <area name="New York" shape="poly" coords="487,143,488,121,478,100,465,103,459,115,460,123,454,129,444,130,440,132,444,136,439,143,441,147,477,136,480,143,489,143" href="http://dhr.state.ny.us"  alt="New York Division of Human Rights" OnMouseOver="window.status='New York Division of Human Rights'; return true" OnMouseOut="window.status=''; return true" target="_blank">
  <area name="Maine" shape="poly" coords="500,108,493,90,498,83,499,73,504,63,512,63,523,84,513,94,503,111" href="http://www.state.me.us/mhrc/index.shtml"  alt="Maine Human Rights Commission" OnMouseOver="window.status='Maine Human Rights Commission'; return true" OnMouseOut="window.status=''; return true" target="_blank">
  <area name="Vermont" shape="poly" coords="489,122,489,118,490,94,476,100,486,121" href="http://hrc.state.vt.us"  alt="Vermont Human Rights Commission (State Government Employment)" OnMouseOver="window.status='Vermont Human Rights Commission (State Government Employment)'; return true" OnMouseOut="window.status=''; return true" target="_blank">
  <area name="Rhode Island" shape="poly" coords="501,129,501,137,526,138,525,130,505,132,501,128" href="http://www.richr.state.ri.us"  alt="Rhode Island Commission for Human Rights" OnMouseOver="window.status='Rhode Island Commission for Human Rights'; return true" OnMouseOut="window.status=''; return true" target="_blank">
  <area name="Connecticut" shape="poly" coords="500,138,500,128,487,131,487,140,492,141,500,137" href="http://www.ct.gov/chro"  alt="Connecticut Commission on Human Rights and Opportunities" OnMouseOver="window.status='Connecticut Commission on Human Rights and Opportunities'; return true" OnMouseOut="window.status=''; return true" target="_blank">
  <area name="New Hampshire" shape="poly" coords="490,121,490,93,495,92,504,113,507,113,493,121" href="http://www.nh.gov/hrc"  alt="New Hampshire Commission for Human Rights" OnMouseOver="window.status='New Hampshire Commission for Human Rights'; return true" OnMouseOut="window.status=''; return true" target="_blank">
  <area name="Massachusetts" shape="poly" coords="503,117,503,117,487,123,488,130,501,128,506,132,508,132,508,125,503,117" href="http://www.mass.gov/mcad"  alt="Massachusetts Commission Against Descrimination" OnMouseOver="window.status='Massachusetts Commission Against Descrimination'; return true" OnMouseOut="window.status=''; return true" target="_blank">
  <area name="Pennsylvania" shape="poly" coords="466,140,436,148,439,170,480,160,485,154,480,148,478,140,473,137" href="http://phrc.state.pa.us"  alt="Pennsylvania Human Relations Commission" OnMouseOver="window.status='Pennsylvania Human Relations Commission'; return true" OnMouseOut="window.status=''; return true" target="_blank">
  <area name="Maryland" shape="poly" coords="542,177,486,176,485,179,487,184,542,184,542,176" href="http://www.mchr.state.md.us"  alt="Maryland Commission on Human Relations" OnMouseOver="window.status='Maryland Commission on Human Relations'; return true" OnMouseOut="window.status=''; return true" target="_blank">
  <area name="New Jersey" shape="poly" coords="485,151,485,151,475,164,485,178,487,176,480,163,489,163,488,153,483,153,480,160" href="http://www.state.nj.us/lps/dcr"  alt="New Jersey Division on Civil Rights, Office of the Attorney General" OnMouseOver="window.status='New Jersey Division on Civil Rights, Office of the Attorney General'; return true" OnMouseOut="window.status=''; return true" target="_blank">
  <area name="Delaware" shape="poly" coords="483,163,480,163,487,175,488,176,525,176,524,168,481,164" href="http://www.delewareworks.com"  alt="Delaware Office of Discrimination, Department of Labor" OnMouseOver="window.status='Delaware Office of Discrimination, Department of Labor'; return true" OnMouseOut="window.status=''; return true" target="_blank">
  <area name="District of Columbia" shape="poly" coords="494,191,510,190,508,199,493,198,467,166,471,165,494,191" href="http://ohr.dc.gov"  alt="District of Columbia Office of Disability Rights" OnMouseOver="window.status='District of Columbia Office of Disability Rights'; return true" OnMouseOut="window.status=''; return true" target="_blank">
  <area name="West Virginia" shape="poly" coords="461,168,440,170,439,175,435,174,435,182,431,183,425,189,437,201,450,194,454,182,459,181,459,175,461,175,461,168" href="http://www.wvf.state.wv.us/wvhrc"  alt="West Virginia Human Rights Commission" OnMouseOver="window.status='West Virginia Human Rights Commission'; return true" OnMouseOut="window.status=''; return true" target="_blank">
  <area name="Virginia" shape="poly" coords="486,196,486,190,470,172,460,176,460,182,450,194,438,201,432,201,428,208,430,208,486,195" href="http://www.chr.vipnet.org"  alt="Virginia Human Rights Council" OnMouseOver="window.status='Virginia Human Rights Council'; return true" OnMouseOut="window.status=''; return true" target="_blank">
  <area name="North Carolina" shape="poly" coords="485,197,441,207,420,229,428,229,439,223,463,223,473,229,477,229,477,221,488,217,492,202,484,197" href="http://www.doa.state.nc.us/hrc"  alt="North Carolina Human Rights Commission" OnMouseOver="window.status='North Carolina Human Rights Commission'; return true" OnMouseOut="window.status=''; return true" target="_blank">
  <area name="Alabama" shape="poly" coords="392,285,386,260,389,235,408,232,419,275,401,279,401,285,393,285,390,278" href=""  alt="Does not have" OnMouseOver="window.status='Does not have'; return true" OnMouseOut="window.status=''; return true">
  <area name="Georgia" shape="poly" coords="454,255,423,229,418,232,409,233,420,276,431,274,434,270,453,270,453,256" href="http://www.gceo.state.ga.us"  alt="Georgia Commission of Equal Opportunity (applies to state government only)" OnMouseOver="window.status='Georgia Commission of Equal Opportunity (applies to state government only)'; return true" OnMouseOut="window.status=''; return true" target="_blank">
  <area name="Florida" shape="poly" coords="447,276,403,277,404,282,410,282,420,288,432,285,444,294,444,303,465,330,471,330,472,313,463,292,449,273" href="http://fchr.state.fl.us"  alt="Florida Commission on Human Relations" OnMouseOver="window.status='Florida Commission on Human Relations'; return true" OnMouseOut="window.status=''; return true" target="_blank">
  <area name="South Carolina" shape="poly" coords="469,233,466,226,449,224,431,229,431,232,449,248,457,251,470,234" href="http://www."  alt="">
  <area name="Alaska" shape="poly" coords="100,96,86,37,48,25,23,52,18,115,39,113,99,96" href="http://www.gov.state.ak.us/aschr"  alt="Alaska Commission for Human Rights" OnMouseOver="window.status='Alaska Commission for Human Rights'; return true" OnMouseOut="window.status=''; return true" target="_blank">
  <area shape="rect" coords="28,259,130,319" href=""  alt="">
  <area name="American Samoa" shape="rect" coords="29,322,109,333" href=""  alt="Does not have" OnMouseOver="window.status='Does not have'; return true" OnMouseOut="window.status=''; return true">
  <area name="Guam" shape="rect" coords="29,333,104,343" href=""  alt="Does not have" OnMouseOver="window.status='Does not have'; return true" OnMouseOut="window.status=''; return true">
  <area shape="rect" coords="27,344,131,354" href=""  alt="">
  <area name="Puerto Rico" shape="rect" coords="477,399,571,420" href="http://www.dtrh.prstar.net"  alt="Puerto Rico Anti Discrimination Unit, Department of Labor" OnMouseOver="window.status='Puerto Rico Anti Discrimination Unit, Department of Labor'; return true" OnMouseOut="window.status=''; return true" target="_blank">
  <area shape="default" href="http://www.adaelearning.org" target="Page Default (None)">
</map>
<!-- End of Client Side Image Map -->

 Let me know what you thank.

Many thanks, Mare
 

Hm.  Okay, this shouldn't be a problem.  You will need to insert your map.png on a screen, in some text (use the text only template for the largest workspace).

Once you've inserted your image, go the the html (denoted by <> on the bottom left of the editor).  You should see something like <img src="http://www.myudutu.com/myudutu/main/library/RenderMedia.aspxm?contentID=21175">

Add the USEMAP="#NotNamed" and BORDER=0 attributes to the image tag.

Copy and paste everything between <map> and </map> after.

That's it!  Let me know how it works.

Thanks, worked like a charm.

Now ,is it possible to make a caption or an image into a link to another page or outside?

M