/    Sign up×
Community /Pin to ProfileBookmark

Image Map – help with valadation

hi guys,

first time working with image maps, need a little help! i closed the area tag with /> but that gave me more errors…

here is my code im working with

[CODE]<div id=”cardboard”>
<img src=”images/cardboard_index.gif” alt=”ALC” usemap=”#circle_btn”/>
</div>
<map id=”circle_btn”>
<area shape=”circle” coords=”571,273,46″ href=”/html/index.html” target=”_blank” onfocus=”this.blur()” alt=”ALC”
</map>[/CODE]

and here are the errors

[QUOTE]

Error Line 31 column 0: unclosed start-tag requires SHORTTAG YES.
</map>

Error Line 31 column 5: end tag for “area” omitted, but OMITTAG NO was specified.
</map>
You may have neglected to close an element, or perhaps you meant to “self-close” an element, that is, ending it with “/>” instead of “>”.

Info Line 30 column 0: start tag was here.
<area shape=”circle” coords=”571,273,46″ href=”/html/index.html” target=”_blank”

[/QUOTE]

much appricated any help or feed back would be great

to post a comment
CSS

2 Comments(s)

Copy linkTweet thisAlerts:
@ShrineDesignsJan 05.2006 — in xml/xhtml, you must do this for empty elements (i.e. a tag that does not have a closing tag)&lt;area ... /&gt;in html though, you must do this&lt;area ...&gt;
Copy linkTweet thisAlerts:
@Css_CalavauthorJan 05.2006 — thanks for your help, im all validated now.

.. i was valadating to eliminate another problem. but doesnt seem to work. in FF your cannot "click" on 2 of the href's. but in IE you can click on all 3. this has happened ever sinced i changed the links they are going to> to .php

anyone? i thought by valadating the code it would fix the problem...

heres the links..

www.alcoholicclothing.com

[CODE]<div id="cardboard">
<img src="images/cardboard_index.gif" alt="ALC" usemap="#circle_btn"/>
</div>
<map id="circle_btn">
<area shape="circle" coords="571,273,46" href="/html/index.html" target="_blank" onfocus="this.blur()" alt="ALC" />
</map>

<div id="cover05">
<a href="./html/winter/index.php" target="_blank" onfocus="this.blur()" title="Winter 05/06"> <img src="images/cover05.jpg" alt="ALC" /> </a>
</div>

<div id="cover0506">
<a href="./html/summer/index.php" target="_blank" onfocus="this.blur()" title="Summer 06"> <img src="images/cover0506.jpg" alt="ALC" /> </a>
</div>[/CODE]
×

Success!

Help @Css_Calav spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 5.18,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...