Top-Themen

AppleEntwicklungHardwareInternetLinuxMicrosoftMultimediaNetzwerkeOff TopicSicherheitSonstige SystemeVirtualisierungWeiterbildungZusammenarbeit

Aktuelle Themen

Administrator.de FeedbackApache ServerAppleAssemblerAudioAusbildungAuslandBackupBasicBatch & ShellBenchmarksBibliotheken & ToolkitsBlogsCloud-DiensteClusterCMSCPU, RAM, MainboardsCSSC und C++DatenbankenDatenschutzDebianDigitiales FernsehenDNSDrucker und ScannerDSL, VDSLE-BooksE-BusinessE-MailEntwicklungErkennung und -AbwehrExchange ServerFestplatten, SSD, RaidFirewallFlatratesGoogle AndroidGrafikGrafikkarten & MonitoreGroupwareHardwareHosting & HousingHTMLHumor (lol)Hyper-VIconsIDE & EditorenInformationsdiensteInstallationInstant MessagingInternetInternet DomäneniOSISDN & AnaloganschlüsseiTunesJavaJavaScriptKiXtartKVMLAN, WAN, WirelessLinuxLinux DesktopLinux NetzwerkLinux ToolsLinux UserverwaltungLizenzierungMac OS XMicrosoftMicrosoft OfficeMikroTik RouterOSMonitoringMultimediaMultimedia & ZubehörNetzwerkeNetzwerkgrundlagenNetzwerkmanagementNetzwerkprotokolleNotebook & ZubehörNovell NetwareOff TopicOpenOffice, LibreOfficeOutlook & MailPapierkorbPascal und DelphiPeripheriegerätePerlPHPPythonRechtliche FragenRedHat, CentOS, FedoraRouter & RoutingSambaSAN, NAS, DASSchriftartenSchulung & TrainingSEOServerServer-HardwareSicherheitSicherheits-ToolsSicherheitsgrundlagenSolarisSonstige SystemeSoziale NetzwerkeSpeicherkartenStudentenjobs & PraktikumSuche ProjektpartnerSuseSwitche und HubsTipps & TricksTK-Netze & GeräteUbuntuUMTS, EDGE & GPRSUtilitiesVB for ApplicationsVerschlüsselung & ZertifikateVideo & StreamingViren und TrojanerVirtualisierungVisual StudioVmwareVoice over IPWebbrowserWebentwicklungWeiterbildungWindows 7Windows 8Windows 10Windows InstallationWindows MobileWindows NetzwerkWindows ServerWindows SystemdateienWindows ToolsWindows UpdateWindows UserverwaltungWindows VistaWindows XPXenserverXMLZusammenarbeit
GELÖST

Imagemap Problem

Frage Entwicklung HTML

Mitglied: killtec

killtec (Level 3) - Jetzt verbinden

17.07.2013, aktualisiert 09:24 Uhr, 1422 Aufrufe, 8 Kommentare

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 - Klicke auf das Bild, um es zu vergrößern

Ist die Seite jedoch im Vollbild, funktioniert es nicht.
d1530328725fc648c05037ab54f57be0 - Klicke auf das Bild, um es zu vergrößern

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

Gruß
Mitglied: colinardo
17.07.2013, aktualisiert um 10:11 Uhr
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:
01.
<img usemap="#deineMAP" src="...." /> 
02.
<map id="deineMAP" name="deineMAP"> 
03.
   <area .......> 
04.
</map>
Grüße Uwe
Bitte warten ..
Mitglied: killtec
17.07.2013, aktualisiert um 10:12 Uhr
Sorry,
mein Fehler. Hier der Code:
01.
<map id="ImgMap0" name="ImgMap0"> 
02.
 
03.
<area alt="" coords="366, 41, 618, 195" href="http://www.seite1.de" shape="rect" /> 
04.
 
05.
<area alt="" coords="488, 0, 980, 250" href="http://www.seite2.de" shape="rect" /> 
06.
 
07.
<area alt="" coords="0, 0, 488, 250" href="http://www.seite3.de" shape="rect" /> 
08.
 
09.
</map> 
10.
<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> 
11.
 
Gruß
Bitte warten ..
Mitglied: colinardo
17.07.2013 um 10:22 Uhr
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.
Bitte warten ..
Mitglied: killtec
17.07.2013 um 10:28 Uhr
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ß
Bitte warten ..
Mitglied: colinardo
17.07.2013 um 10:41 Uhr
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:
01.
<div class="art-shapes"> 
02.
<h1 data-left="1.83%" class="art-headline"> 
03.
    <a href="/"></a> 
04.
</h1> 
05.
<h2 data-left="1.83%" class="art-slogan"></h2> 
06.
</div>
Bitte warten ..
Mitglied: colinardo
17.07.2013 um 10:43 Uhr
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
Bitte warten ..
Mitglied: killtec
17.07.2013 um 10:47 Uhr
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.
Bitte warten ..
Mitglied: killtec
17.07.2013 um 10:51 Uhr
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.
Bitte warten ..
Ähnliche Inhalte
Netzwerkgrundlagen
Multi NAT Problem (8)

Frage von Gr33n93 zum Thema Netzwerkgrundlagen ...

Windows Server
gelöst Update BackupExec 2015 auf 2016 führt zu SQL-Server Problem (17)

Frage von montylein1981 zum Thema Windows Server ...

Drucker und Scanner
Problem mit Konica Minolta bizhub C754e mit EFI - Wegen Fehlern gelöscht (4)

Frage von StefanKittel zum Thema Drucker und Scanner ...

Neue Wissensbeiträge
Sicherheits-Tools

Sicherheitstest von Passwörtern für ganze DB-Tabellen

(1)

Tipp von gdconsult zum Thema Sicherheits-Tools ...

Peripheriegeräte

Was beachten bei der Wahl einer USV Anlage im Serverschrank

(8)

Tipp von zetboxit zum Thema Peripheriegeräte ...

Windows 10

Das Windows 10 Creators Update ist auf dem Weg

(6)

Anleitung von BassFishFox zum Thema Windows 10 ...

Heiß diskutierte Inhalte