geen pointer in Firefox

[Verwijderd]

Weet iemand waarom er geen pointer te zien is in Firefox wanneer ik de onderstaande Map gebruik (in IE en Op wel!) ? Zie dat rode ding waar je op kan klikken: www.daanooms.nl

code:

            <div id="tree">[img]"images/treegeheelgrijs1.jpg"[/img]
<map name="Map" id="Map">
  <area shape="poly" coords="614,390,85,388,84,307,273,312,237,311,276,282,266,241,238,241,189,245,175,249,157,241,148,212,166,183,239,137,340,105,413,113,441,130,466,139,486,161,507,174,508,209,489,222,469,229,445,222,413,223,387,225,359,234,348,251,301,287,305,315,400,319,448,323,516,331,580,332,614,340" href="" onclick="winBRopen('tree/','tree','964','602','no');return false" alt="tree" />
</map></div>

[cyberstalker]

Dit komt doordat de map zelf een onzichtbaar element is. Op zichzelf zie je namelijk geen map staan op een pagina. Wanneer je dus iets met de cursor wilt doen, moet je dat vanuit css toepassen op het element met het usemap attribuut.

[Verwijderd]

Ik had dit al in m'n css staan: #map {cursor:pointer;}, bedoel je dat?

[crisp]

Je laadt twee - bijna identieke stylesheets in:

HTML:

<link href="../stijl.css" rel="stylesheet" />
<link href="stijl.css" rel="stylesheet" type="text/css" />

verder zitten er syntaxfouten in die stylesheets, valideert je XHTML ook niet en houd je geen rekening met het feit dat id's case-sensitive zijn en dus moet matchen met je identifiers in CSS (en in XHTML elements ook).
Je scripting is ook niet XHTML compatible en je volgt sowieso niet de HTML compatibility guidelines.

Voor je uiteindelijke probleem: zie cyberstalker

[ Voor 11% gewijzigd door crisp op 21-03-2006 22:52 ]

[Verwijderd]

hij valideert nu, alles case sensitive....wat bedoel je met: "moet je dat vanuit css toepassen op het element met het usemap attribuut." Zoiets als:

usemap {cursor:pointer;}
#map {cursor:pointer;}

[ Voor 70% gewijzigd door Verwijderd op 21-03-2006 23:11 ]

[crisp]

als je nu gewoon de href van je area-element netjes invult...

[Verwijderd]

wat doe ik niet goed?

code:

<map name="map" id="map">
  <area shape="poly" coords="614,390,85,388,84,307,273,312,237,311,276,282,266,241,238,241,189,245,175,249,157,241,148,212,166,183,239,137,340,105,413,113,441,130,466,139,486,161,507,174,508,209,489,222,469,229,445,222,413,223,387,225,359,234,348,251,301,287,305,315,400,319,448,323,516,331,580,332,614,340" 
href="javascript:winBRopen('tree/','tree','964','602','no');return false" alt="tree" />
</map>

[ Voor 36% gewijzigd door Verwijderd op 21-03-2006 23:30 ]

[crisp]

Het javascript: pseudo-protocol accepteert maar 1 statement.
Vanwege accesibility zou ik dat javascript gebeuren gewoon in de onclick laten staan:

HTML:

<area href="tree/" onclick="winBRopen('tree/','tree','964','602','no');return false">

[Verwijderd]

bedankt.

[crisp]

no prob, maar ik ga je nu toch vertellen dat ik een beetje moe wordt van de vele vragen die je hier op het forum stelt. Ik kan me niet aan de indruk onttrekken dat je de meeste problemen toch zelf had kunnen oplossen door iets meer moeite te doen en beter te zoeken cq proberen.
Het is duidelijk dat je nog een beginneling bent op webdesign gebied - dat is niet erg want dat zijn we allemaal geweest - maar WEB (en GoT in het algemeen) is toch meer bedoelt voor de wat meer gevorderden. Je mag hier best een vraag stellen, maar laat dan wat beter zien dat je al echt je best hebt gedaan om zelf het antwoord te vinden...

[ Voor 11% gewijzigd door crisp op 21-03-2006 23:50 ]