Avatar billede weeelo Nybegynder
07. november 2007 - 17:46 Der er 33 kommentarer og
1 løsning

Usemap, background og explorer

Hejsa,

Jeg har et problem med at få usemap til at virke i explorer. Jeg har følgende kodestump:

<td style="background: url(_graphics/top_background.jpg) no-repeat;">
<img src="_graphics/top_layer.png" usemap="#topmenu" border="0">
<map name="topmenu">       
<area href="index.php" shape="rect" coords="36, 17, 270, 103">
</map>
</td>

Det virker fint i Firefox, men virker ikke i Explorer. Nogen der kender til problemet, eller har en idé om hvad der kan være i vejen?

Mvh Weeelo
Avatar billede erikjacobsen Ekspert
07. november 2007 - 21:51 #1
Du prøver at bruge XHTML?

Prøv:  <map name="topmenu" id="topmenu">
Avatar billede weeelo Nybegynder
07. november 2007 - 21:58 #2
Niks, det virkede ikke..
Avatar billede erikjacobsen Ekspert
07. november 2007 - 22:08 #3
Så kan det kun være fordi du anbringer din <map> midt inde i en tabel celle. Smid den et eller andet sted hen. Virker den her hos dog: http://n0p.com/804794.php
Avatar billede weeelo Nybegynder
07. november 2007 - 22:14 #4
Ja, den virker fint. Det er meget mystisk - det virker heller ikke at flytte den udenfor tabellen. For at gøre det endnu mere mærkeligt, så har jeg en anden usemap, der virker fint på samme site.
Avatar billede erikjacobsen Ekspert
07. november 2007 - 22:15 #5
Hr du andre navnet "topmenu" flere gange på siden. Må vi se siden?
Avatar billede weeelo Nybegynder
07. november 2007 - 22:16 #6
Mit umiddelbare bud er at billedet, usemappen skal bruges på er et transparante png-billede.
Avatar billede weeelo Nybegynder
07. november 2007 - 22:17 #7
http://www.bountyclub.dk/new/rejsemaal.php

- Som du kan se her på linket virker usemappen på kortet fint. Den i topmenuen er dog ikke særlig venlig i Explorer :(
Avatar billede erikjacobsen Ekspert
07. november 2007 - 22:21 #8
Virker umiddelbart her i IE7 og FF2
Avatar billede weeelo Nybegynder
07. november 2007 - 22:23 #9
Virker ikke i IE6.
Avatar billede erikjacobsen Ekspert
07. november 2007 - 22:23 #10
Kender ikke noget til IE6. Men din <map> skal være inde i din <body>...</body>
Avatar billede erikjacobsen Ekspert
07. november 2007 - 22:25 #11
...og man må ikke have noget efter </html> ... men det er nu ikke det der giver anledning til den fejl.
Avatar billede weeelo Nybegynder
07. november 2007 - 22:30 #12
Ja, den skal nok lige en tur gennem validatoren når den "er færdig". Synes godt nok det er mærkeligt at den ikke fungerer med IE6 - du har ikke mulighed for at teste via IE6?
Avatar billede erikjacobsen Ekspert
07. november 2007 - 22:33 #13
Nej, jeg har kun en enkelt IE7 til rådighed. Men flyt den indenfor <body>...</body> og se hvad der sker ved det.
Avatar billede weeelo Nybegynder
07. november 2007 - 22:38 #14
Det hjalp desværre ikke.
Avatar billede weeelo Nybegynder
08. november 2007 - 14:27 #15
Når jeg skifter png-billedet ud med et jpg-billede fungerer det fint, så det lader til at det er selve billedet det ikke fungerer med. Ret mærkværdigt!
Avatar billede weeelo Nybegynder
08. november 2007 - 14:39 #16
Jeg havde vidst ret. Fandt dette fix (http://homepage.ntlworld.com/bobosola/imagemap.htm?x=69&y=51), men kan ikke helt få det til at spille.
Avatar billede weeelo Nybegynder
08. november 2007 - 15:44 #17
Det virker utrolig underligt.. Jeg har sat eksemplet fra ovenstående link ind sammen med min version - de er stort set identiske, men alligevel fungerer min ikke.

Se det her: http://www.bountyclub.dk/new/test.php
Avatar billede erikjacobsen Ekspert
08. november 2007 - 20:04 #18
Nu har jeg ikke IE6, men kender da problemet med transparente .png-er. Er det så hele problemet, eller er der også et problem i at du ikke kan klikke på de der links i dit areamap?
Avatar billede weeelo Nybegynder
09. november 2007 - 13:42 #19
Altså det bliver vist fint nok, jeg havde i forvejen included pngfix.js, så det er ikke noget problem. Man kan bare ikke klikke på linksene. Det forekommer mig ret mærkeligt, at jeg på http://www.bountyclub.dk/new/test.php kan klikke på bilens links, men at det ikke fungerer i mit png-billede.

Jeg kan ikke se nogen umiddelbar forskel i koden, der gør at det ene skulle virke fremfor det andet.
Avatar billede erikjacobsen Ekspert
09. november 2007 - 14:31 #20
Jamen, ja, jeg kan heller ikke se der som sådan er noget galt. Kan du udskifte dit PNG billede med fx et JPG på din testside, og se om der er noget galt.

Jeg kommer i tanker om, at jeg vist i et skab har en ret aldrende maskine stående med Windows 2000 på. Den må da køre IE6. Det kunne være jeg skulle tage den frem og støve den af. Mind mig evt. om det i weekenden ;)
Avatar billede weeelo Nybegynder
09. november 2007 - 14:48 #21
Det virker ganske fint med jpg og jeg har også tænkt mig at bruge det som en midlertidig løsning, men jeg forstår virkelig ikke hvordan IE kan være så elendig til at håndtere png.
Avatar billede erikjacobsen Ekspert
09. november 2007 - 15:00 #22
IE6 har jo aldrig helt forstået PNG. Det er jo også en ny teknologi, og IE6 er en gammel browser. Men lad os nu se om vi ikke kan komme til bunds i det her ...
Avatar billede erikjacobsen Ekspert
10. november 2007 - 11:34 #23
Javel, så. En gammel Compaq med W2K og IE6. Du kan i den kode du viser nu på http://www.bountyclub.dk/new/test.php blot fjerne dit png-fix, og så virker dine links på billedet. Prøv det.

Jeg ved ikke hvad png-fix gør for at dette sker.

Er det vigtigt med IE6 kan man vel lave et hack ... fx tage dit billede som baggrund i en div, lægge et gennemsigtigt gif i div-en, og lave usemap på det.

Men ellers er det vist sådan at IE6 er en død sild mht png og transparens.
Avatar billede weeelo Nybegynder
12. november 2007 - 17:43 #24
Så blev en velfortjent weekend overstået :)

http://www.bountyclub.dk/new/test.php - Mappen fungerer både med og uden include af png-fix, men er ikke transparent nogle af gangene.

Det er sat op som du har beskrevet - kan bare ikke få skidtet til at være transparent!
Avatar billede weeelo Nybegynder
12. november 2007 - 17:54 #25
Kan man gøre sådan, at man lave png'en som et img og dermed få det til at være transparent vha. pngfix'et. Derefter laver man en div, der placerer sig ovenpå billedet med en transparent-billede i, som så holder mappen?
Avatar billede weeelo Nybegynder
12. november 2007 - 18:10 #26
Det ser sgu ud til at give pote. Jeg har lagt de to billeder ind i hver sin div, som ligger med en absolut placering, centreret i en celle. Det spiller - og endda sammen med pngfix'et, men hvorfor i alverden bliver mine "skyggekanter" rundt om selve siden ikke vist.
Avatar billede erikjacobsen Ekspert
12. november 2007 - 19:04 #27
Ok... hvor har du det henne, og det der med kanterne, er det i alle browsere?
Avatar billede weeelo Nybegynder
12. november 2007 - 19:09 #28
Det med kanterne er stadig kun i IE6. Det fungerer fint her: http://www.bountyclub.dk/new/index.php
Avatar billede weeelo Nybegynder
12. november 2007 - 19:10 #29
Pt har jeg i øvrigt gjort sådan at png-kanterne ikke vises i IE.
Avatar billede weeelo Nybegynder
15. november 2007 - 19:21 #30
Jeg har droppet at få de sidste kanter vist i IE6. Tak for hjælpen Erik :)
Avatar billede erikjacobsen Ekspert
15. november 2007 - 21:27 #31
Du er velkommen. For at få afsluttet, så svar selv, accepter eget svar.
Avatar billede weeelo Nybegynder
15. november 2007 - 23:17 #32
Vil du ikke have point for hjælpen?
Avatar billede erikjacobsen Ekspert
15. november 2007 - 23:32 #33
Jeg samler slet ikke på point, tak.
Avatar billede weeelo Nybegynder
15. november 2007 - 23:37 #34
Nå ok, men tak for hjælpen i hvert fald :)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester