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

Imagemap mit HTML ohne Bild

Frage Entwicklung Webentwicklung

Mitglied: frindly

frindly (Level 1) - Jetzt verbinden

10.11.2010 um 13:49 Uhr, 3777 Aufrufe, 4 Kommentare

Imagemap erstellen, und Hintergundbild verwenden

Hallo
ich möchte gern ein Imagemap mit HTML erstellen, das ist ja zunächst kein Problem.
Nun ist das Bild aber als Hintergrundbild vorhanden.
Kann ich das irgendwie nutzen, so das ich nur noch die anklickbaren Bereiche definiere,
oder muss auf jeden Fall eine Bilddatei vorhanden sein???
Mitglied: Jochem
10.11.2010 um 14:39 Uhr
Moin,
wie soll ich das verstehen:

Nun ist das Bild aber als Hintergrundbild vorhanden

oder muss auf jeden Fall eine Bilddatei vorhanden sein?

Das Hintergrundbild kommt ja nicht irgendwo dahergeschwommen, sondern liegt in einem Verzeichnis auf dem Server, welcher die Anwendung hostet. Also ist dieses Bild als Datei schonmal vorhanden. Und damit ist auch eine Bilddatei vorhanden.

Im Normalfall definierst Du Dir ein Div, paßt das Hintergrundbild da rein und pixelst Dir die Positionen für die anklickbaren Bereiche aus. Welches Bild schlußendlich dort eingestellt wird, ist dann relativ egal.

Oder versteh ich da was nicht richtig?

Gruß J chem
Bitte warten ..
Mitglied: frindly
10.11.2010 um 14:54 Uhr
Das Problem ist ... es handelt sich um eine Box von einem xt-commerce Shop.
Dort wird an anderer Stelle für diese Box ein Hintergrundbild erstellt.
Nun möchte ich, das man Bereiche dieses Bildes anklicken kann.
Da das Hinergrundbild woanders erzeugt wird, und schon da ist.. müsste ich einen anklickbaren Bereich ohne Bild basteln
denn das ist ja schon da oder ein transparentes Bild darüber legen,
im Moment der beste Weg für mich...
Bitte warten ..
Mitglied: Jochem
10.11.2010 um 15:31 Uhr
Moin,
sag ich doch: definier Dir ein Div in den Ausmaßen des Bildes und rechne Dir dort die X- und Y-Koordinaten der Bereiche zum Anklicken aus. Solange Du für das DIV keine Border- oder Background-Attribute vergibst, wird da auch nichts angezeigt:

< code type="html">
<div>
<map name="Ortsteile">
<area href="/Ortsteile/Neustadt/Neustadt.php" shape="rect" coords="145, 16, 223, 27" alt="Neustadtn">
<area href="/Ortsteile/Neustadt/Neustadt.php" shape="circle" coords="160, 33, 7" alt="Neustadt">
</map>
</div>

<p>
<img src="/pics/ortsplan.gif" border="0" width="250" height="350" alt="Ortsteile" usemap="#Ortsteile">
</p>
</code>

Gruß J chem
Bitte warten ..
Mitglied: dog
10.11.2010 um 21:30 Uhr
Es gibt so lustige 1x1 Pixel große, transparente GIFs.
Die kann man praktisch für alles missbrauchen
Bitte warten ..
Neuester Wissensbeitrag
Ähnliche Inhalte
Webentwicklung
gelöst HTML Output in eine txt Datei mit VisualBasicScript (2)

Frage von coca22COCA zum Thema Webentwicklung ...

Windows Netzwerk
gelöst Frage zu den Netzwerkfreigaben mit Bild (8)

Frage von M.Marz zum Thema Windows Netzwerk ...

Python
gelöst Python requests JSON Objekt + Bild versenden (4)

Frage von nullacht15 zum Thema Python ...

PHP
gelöst HTML Dropdownmenü auslesen und in PHP als Variable übergeben (35)

Frage von ITFlori zum Thema PHP ...

Heiß diskutierte Inhalte
Windows Userverwaltung
Ausgeschiedene Mitarbeiter im Unternehmen - was tun mit den AD Konten? (33)

Frage von patz223 zum Thema Windows Userverwaltung ...

LAN, WAN, Wireless
Server erkennt Client nicht wenn er ausserhalb des DHCP Pools liegt (22)

Frage von Mar-west zum Thema LAN, WAN, Wireless ...

LAN, WAN, Wireless
FritzBox, zwei Server, verschiedene Netze (21)

Frage von DavidGl zum Thema LAN, WAN, Wireless ...

Viren und Trojaner
Aufgepasst: Neue Ransomware Goldeneye verbreitet sich rasant (20)

Link von Penny.Cilin zum Thema Viren und Trojaner ...