Top-Themen

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, 3811 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
Router & Routing
PFSense HTML Seite zum Hochladen von Bildern
gelöst Frage von EpytirRouter & Routing5 Kommentare

Hey Community , ich habe mal eine Frage bei PFsense kann man ja die Login Seite selbst in HTML ...

E-Business
Möchte Bilder bzw. Fotos in HTML Code einbinden über Cloud - Ratschläge?
gelöst Frage von Jizz-MoE-Business23 Kommentare

Hallo an alle, seit einiger Zeit verkaufe ich Sachen aus dem Keller und Dachboden, die wir nicht mehr benötigen, ...

Grafik
Stapelverarbeitung Bild in neues Bild einfügen
Frage von KodaCHGrafik3 Kommentare

Guten Morgen Ich habe hier einen Ordner mit ganz vielen Bildern. Die grösse ist komplett unterschiedlich. Nun habe ich ...

HTML
HTML Programmierung
Frage von Alex29HTML5 Kommentare

Hallo zusammen, ich wollte mein Haus etwas smarter machen und habe daher nun einige Microcontroller laufen, die einige Steuerungsfunktionen ...

Neue Wissensbeiträge
Batch & Shell

Open Object Rexx: Eine mittlerweile fast vergessene Skriptsprache aus dem Mainframebereich

Information von Penny.Cilin vor 15 StundenBatch & Shell8 Kommentare

Ich kann mich noch sehr gut an diese Skriptsprache erinnern und nutze diese auch heute ab und an noch. ...

Humor (lol)

"gimme gimme gimme": Automatischer Test stolpert über Easter Egg im man-Tool

Information von Penny.Cilin vor 17 StundenHumor (lol)6 Kommentare

Interessant, was man so alles als Easter Egg implementiert. Ist schon wieder Ostern? "gimme gimme gimme": Automatischer Test stolpert ...

MikroTik RouterOS

Mikrotik - Lets Encrypt Zertifikate mit MetaROUTER Instanz auf dem Router erzeugen

Anleitung von colinardo vor 1 TagMikroTik RouterOS8 Kommentare

Einleitung Folgende Anleitung ist aus der Lage heraus entstanden das ein Kunde auf seinem Mikrotik sein Hotspot Captive Portal ...

Sicherheit

Sicherheitslücke in HP-Druckern - Firmware-Updates stehen bereit

Information von BassFishFox vor 1 TagSicherheit1 Kommentar

Ein weiterer Grund, dass Drucker keinerlei Verbindung nach "auswaerts" haben sollen. Unter Verwendung spezieller Malware können Angreifer aus der ...

Heiß diskutierte Inhalte
Windows Server
RDP macht Server schneller???
Frage von JaniDJWindows Server17 Kommentare

Hallo Community, wir betrieben seit geraumer Zeit diverse virtuelle Maschinen und Server mit Windows Server 2012. Leider haben wir ...

Windows 10
Windows 10 dunkler Bildschirm nach Umfallen
Frage von AkcentWindows 1015 Kommentare

Hallo, habe hier einen Windows 10 Rechner der von einem User umgefallen wurde (Beine übers Knie, an den PC ...

Windows 10
Bitlocker nach Verschlüsselung nicht mehr aufrufbar!
gelöst Frage von alexlazaWindows 1013 Kommentare

Hallo, ich besitze ein HP ZBook 17 G4 mit einem Windows 10 Pro Betriebssystem. Bei diesem Problem handelt sich, ...

Batch & Shell
Neuste Datei via PowerShell kopieren
gelöst Frage von kaiuwe28Batch & Shell11 Kommentare

Hallo zusammen, ich hatte mir mit Hilfe der Suche im Forum einen kleinen Code von colinardo rausgesucht und versucht ...