Imagemap Problem

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.

Ist die Seite jedoch im Vollbild, funktioniert es nicht.

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

Gruß

Bitte markiere auch die Kommentare, die zur Lösung des Beitrags beigetragen haben

Content-ID: 211686

Url: https://administrator.de/forum/imagemap-problem-211686.html

Ausgedruckt am: 03.04.2025 um 22:04 Uhr

8 Kommentare

Neuester Kommentar

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

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ß

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.

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ß

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>

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

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.