Top-Themen

AppleEntwicklungHardwareInternetLinuxMicrosoftMultimediaNetzwerkeOff TopicSicherheitSonstige SystemeVirtualisierungWeiterbildungZusammenarbeit

Aktuelle Themen (A bis Z)

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, 3807 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 ..
Ähnliche Inhalte
HTML
Gibt es einen simplen HTML Baukasten? (7)

Frage von thomasreischer zum Thema HTML ...

Outlook & Mail
Outlook 2016 - Briefpapier Bilder werden nicht angezeigt (6)

Frage von Markowitsch zum Thema Outlook & Mail ...

HTML
HTML Programmierung (5)

Frage von Alex29 zum Thema HTML ...

Grafik
gelöst Suche Programm um Bilder zu verkleinern (10)

Frage von fox14ch zum Thema Grafik ...

Neue Wissensbeiträge
Sicherheit

Millionen Euro in den Sand gesetzt?

(3)

Information von transocean zum Thema Sicherheit ...

Sicherheit

How I hacked hundreds of companies through their helpdesk

Information von SeaStorm zum Thema Sicherheit ...

Heiß diskutierte Inhalte
Netzwerke
Mobile Einwahl IPSec VPN von iPhone iPad T-Mobile zur Pfsense (13)

Frage von Spitzbube zum Thema Netzwerke ...

LAN, WAN, Wireless
Eine Netzwerkdose im Wechsel für zwei unterschiedliche Netze (12)

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

Voice over IP
SNOM D765 an LancomR883VAW (10)

Frage von MS6800 zum Thema Voice over IP ...

Windows Netzwerk
Ordner-Freigabe außerhalb der Domäne (9)

Frage von Remsboys zum Thema Windows Netzwerk ...