killtec
Jul 17, 2013, updated at 07:24:53 (UTC)
view1747
view8
0
Goto Top

Imagemap Problem

GermansolvedQuestionHTMLDevelopment
Hallo,
ich habe eine Image-Map auf einer Seite hinzugefügt. Jetzt ist folgendes Problem:
Im IE funktioniert es so, wie es sein soll. In jedem anderem Browser nicht.
Ich nutze den Firefox. Ist die Seite "minimiert" lässt sich die Image-Map anklicken und auch der Mauszeiger ändert sich.
d269c3c0f3469ea52f40b8a0d2d0375e

Ist die Seite jedoch im Vollbild, funktioniert es nicht.
d1530328725fc648c05037ab54f57be0

Habt ihr eine Idee? Ich bin hierzu ein wenig Ratlos.

Gruß
comment-contentCommentShareShare
Share on Facebook Share on Twitter Share on Reddit Share on Linkedin

Content-Key: 211686

Url: https://administrator.de/contentid/211686

Printed on: April 23, 2024 at 17:04 o'clock

8 Comments
Latest comment
Goto Top
Member: colinardo
colinardo Jul 17, 2013 updated at 08:11:53 (UTC)
Goto Top
Hi killtec,
wie wär's mit deinem HTML-Code dazu ?

zu Firefox und Image-Maps fällt mir im Moment nur folgendes ein: Der Verweis auf deine Image-Map sollte vor dem Namen eine # beinhalten.

Beispiel:
<img usemap="#deineMAP" src="...." />  
<map id="deineMAP" name="deineMAP">  
   <area .......>
</map>

Grüße Uwe
Member: killtec
killtec Jul 17, 2013 updated at 08:12:10 (UTC)
Goto Top
Sorry,
mein Fehler. Hier der Code:
<map id="ImgMap0" name="ImgMap0">  

<area alt="" coords="366, 41, 618, 195" href="http://www.seite1.de" shape="rect" />  

<area alt="" coords="488, 0, 980, 250" href="http://www.seite2.de" shape="rect" />  

<area alt="" coords="0, 0, 488, 250" href="http://www.seite3.de" shape="rect" />  

</map>
<div style="position: relative; z-index: auto !important; text-decoration:none;"><img src="/templates/fahrweiterbildung/images/gbr.jpg" width="980" height="250" usemap="#ImgMap0" border="0"/></div>

Gruß
Member: colinardo
colinardo Jul 17, 2013 at 08:22:46 (UTC)
Goto Top
was meinst du mit "minimiert" bzw. "maximiert". Das "Fenster" maximiert oder den Vollbild-Modus von Firefox?
Mit "minimiert" meinst du eine beliebige Größe des Fenster außer Maximiert ?
kannst du die Seite eventuell als Link (auch gern via PM) zur Verfügung stellen ? damit man besser sieht was du meinst.
Member: killtec
killtec Jul 17, 2013 at 08:28:20 (UTC)
Goto Top
Also unter Minimiert meine ich, dass wenn das Menü direkt unter dem Header dargestellt wird. Wird das Menü so dargestellt, wie es sein soll, dann funktioniert es im FF nicht. im IE komischerweise schon.

Gruß
Member: colinardo
colinardo Jul 17, 2013 at 08:41:31 (UTC)
Goto Top
Danke für den Link. Das Problem ist folgender DIV der sich über die Image-Map legt und damit die Links quasi außer gefecht legt, wenn du dieses DIV mal weglässt oder dessen CSS Attribut z-index auf -1 setzt geht es:
<div class="art-shapes">  
<h1 data-left="1.83%" class="art-headline">  
    <a href="/"></a>  
</h1>
<h2 data-left="1.83%" class="art-slogan"></h2>  
</div>
Member: colinardo
colinardo Jul 17, 2013 at 08:43:43 (UTC)
Goto Top
wenn du das ganze ohne Image-Maps machen möchtest empfehle ich dir diesen Tipp:
http://www.position-relative.com/tutorials/tute1_css_bg_image.php
Member: killtec
killtec Jul 17, 2013 at 08:47:21 (UTC)
Goto Top
Hi,
Danke für die Info, werde das gleich nachschauen. Das Impage Map Problem ist folgendes. Es ist eine Seite für drei Domains und die Map ist nur bei einer gebraucht. Werde mir aber dein Link nochmal anschauen.
Gebe hierzu noch eine Rückmeldung.

Danke.
Member: killtec
killtec Jul 17, 2013 at 08:51:11 (UTC)
Goto Top
So, habe das herade angepasst mit dem Div. Funktioniert. Besten Dank. Dein tut werde ich mir anschauen. Vielen Dank.

Gruß und eine Schöne Woche.
GermansolvedQuestionHTMLDevelopment
Hotly discussed
gleixnerdCheck of ZFW Firewallgleixnerd - 5 CommentsjstrickerWireguard VPN on UDM Pro behind Fritzbox - Handshake did not completejstricker - 3 CommentsAlexWishaHow to set up and configure a Linux GRE tunnelAlexWisha - 3 Comments