Image map mit gimp hochladen?

Question

hallo 
also ich habe mit gimp ein image map gemacht dann habe ich es wie ein normales foto auf meiner hp hochgeladen (piczo) so weit so gut dort funktionieren aber die...ehm Links nicht  ich habe gehört mann muss irgentwie den html text davon hochladen aber wie bekomme ich den her ? bzw . wie bekomme  ich es hin das die links funzen ?? wen ich mein editor von windows öffne und das das imap öffnen will steht da das die datei leer ist was mach ich falsch ??
bitte Hellft mir 


(zu faul um die schreibfehler zu korrigieren )

yusuf3 · Accepted Answer

Hallo! http://de.selfhtml.org/html/grafiken/verweis_sensitive.htm http://www.html-world.de/program/html_14.php http://www.meb.uni-bonn.de/html_tutorial/verwgraf.htm Für ein "ImageMap" auf Deiner Homepage benötigst Du ein Bild und eine Textdatei für den Quellcode. Je primitiver die Programme sind, desto besser: Windows PaintBrush & NotePad sind wie geschaffen dafür, für Linux/Ubuntu gibt's ähnliche. Um das Bild genau an der Stelle Deiner Homepage anzeigen zu lassen, wo Du es hinhaben willst, keine bereits existierende Tabelle benutzt, in die Du es einfügen kannst, benötigst Du CSS-Angaben auf der betreffenden HTML-Seite:

Quelltext oben (von bis ) kopieren und hier einfügen: http://www.html-seminar.de/_test_editor.htm (Es ist ein "ImageMap" mit zwei länglichen, rechteckigen sensitiven Feldern übereinander) Für "IMAP" kannst Du auch irgendeinen (gültigen) Namen nehmen, ebenso natürlich auch für "CARD" und für "BILD.JPG". Für "LINK_x" schreibst Du die von Dir gewünschten Verlinkungen, für "LINKBESCHREIBUNG" einen Text Deiner Wahl, oder Du lässt es. Das Bild hat in diesem Beispiel hier eine Größe von 300x200 Pixeln, wurde 40 Pixel vom linken Bildrand und 50 Pixel vom oberen Bildrand positioniert. Du kannst hier die Werte hineinschreiben, die Du brauchst. Wenn Deine Homepage zentriert aufgebaut ist, müsstest Du die CSS-Angabe von der Mitte aus definieren. Beispiel für eine genau zentrierte Darstellung, 85 Pixel vom oberen Bildrand: #IMAP { position:absolute; top:0%; left:50%; width:300px; height:200px; margin-left:150px; margin-top:85px; } Die CSS-Angaben für rechtsseitig orientierten Seitenaufbau: #IMAP { position:absolute; top:0%; right:0%; width:300px; height:200px; margin-right:40px; margin-top:50px; } Wenn das Bild irgendwo (hier 50 Pixel) linksseitig am unteren Fensterrand kleben soll: #IMAP { position:absolute; bottom:0%; left:0%; width:300px; height:200px; margin-left:40px; margin-bottom:50px; } ... Zur Bestimmung der sensitiven Felder brauchst Du ein Grafikprogramm, das Dir die Mausposition in Pixeln (soundsoviel von links / soundsoviel von oben) anzeigt: in Windows Paint geschieht dies in der Statusleiste (unten rechts). PS Kenne "piczo" nicht - falls Du die HTML-Datei nicht online bearbeiten kannst, müsstest Du entweder die Datei kopieren oder nur den Inhalt und diesen dann auf Deinem PC in eine TXT-Datei einfügen. Den Quelltext kopierst Du dann dort hinein, die STYLE-Angaben in den HEAD-Bereich, den DIV-Container in den BODY-Bereich. Dieser Quelltext (oben) ist nur für HTML, nicht für XHTML. Änderungen für XHTML - der Slash am Ende bestimmter Tags (<... />):

Image map mit gimp hochladen?

1 Antwort