Supportnet / Forum / Webseiten/HTML
Link mit Bildern
Frage
Hallo,
ich habe da ein Problem. Also ich habe in Bild und möchte das wenn man zum Beispiel auf das Gesicht einer Person klickt einen Steckbrief erhält. Wie kann ich das denn markieren um da einen Link drauf zu setzten?
Bitte helt mir.
Ich bedanke mich schon im vorraus. Masterfreak
Antwort 1 von The Jaffa
Hallo,
Leider weiß ich nicht in welchem Programm du deine Seite machst. Ich versuch einfach mal ein paar Tipps zu geben, und du mußt dann gucken ob dein Programm diese Funktionen kann.
1. Nun, wenn es du es kompliziert haben willst, dann kannst du Das Bild in einer Tabelle Anlegen und das Tabellenfeld wo eins der Gesichter ist, mußt du dann als Link angeben. Bei der Tabelle mußt du dann natürlich alles so anpassen, dass das Bild zusammenhängend wirkt.
2. Du setzt ein unsichtbares Feld über das Gesicht, welches dann als Link fungiert. Man denkt, man klickt auf das Bild. Klickt aber auf einen Link-Button.
3. Du setzt einfach den Namen unter den Kopf (Oder unter das Bild) und dieses Textfeld läßt du dann eben als Link fungieren.
Ich hoffe ich konnte dir damit helfen.
PS: Wenn die Seite fertig ist würde ich mir gerne mal das Ergebnis angucken :-)
Viel Erfolg noch
The Jaffa
Leider weiß ich nicht in welchem Programm du deine Seite machst. Ich versuch einfach mal ein paar Tipps zu geben, und du mußt dann gucken ob dein Programm diese Funktionen kann.
1. Nun, wenn es du es kompliziert haben willst, dann kannst du Das Bild in einer Tabelle Anlegen und das Tabellenfeld wo eins der Gesichter ist, mußt du dann als Link angeben. Bei der Tabelle mußt du dann natürlich alles so anpassen, dass das Bild zusammenhängend wirkt.
2. Du setzt ein unsichtbares Feld über das Gesicht, welches dann als Link fungiert. Man denkt, man klickt auf das Bild. Klickt aber auf einen Link-Button.
3. Du setzt einfach den Namen unter den Kopf (Oder unter das Bild) und dieses Textfeld läßt du dann eben als Link fungieren.
Ich hoffe ich konnte dir damit helfen.
PS: Wenn die Seite fertig ist würde ich mir gerne mal das Ergebnis angucken :-)
Viel Erfolg noch
The Jaffa
Antwort 2 von TruckingGrizzly
Hallo,
der Quelltext müsste dann in etwa so aussehen:
<A HREF="steckbriefe/rainer.html">
<IMG SRC="bilder/rainer.jpg" ALT="Klicken Sie hier für Rainers Steckbrief">
</A>
Anstelle eines Textes wie in
<A HREF="link.html">Text</A>
wird ein Bild angezeigt. Während das Bild geladen wird und wenn der User mit der Maus darauf zeigt wird der alternative Text angezeigt (Klicken Sie hier...)
der Quelltext müsste dann in etwa so aussehen:
<A HREF="steckbriefe/rainer.html">
<IMG SRC="bilder/rainer.jpg" ALT="Klicken Sie hier für Rainers Steckbrief">
</A>
Anstelle eines Textes wie in
<A HREF="link.html">Text</A>
wird ein Bild angezeigt. Während das Bild geladen wird und wenn der User mit der Maus darauf zeigt wird der alternative Text angezeigt (Klicken Sie hier...)
Antwort 3 von Strauss
Hi
Das ganze kannst Du auch mit einer ImageMap machen.Damit werden Bereiche auf dem Bild definiert,welche man dann verlinken kann.Es gibt einige HTML-Editoren, die solche "ImageMap Generatoren" mit dabei haben (z.B. Phase5 mit PlugIn für ImageMaps)
Bei div. Suchmaschienen wirst Du zum Thema ImageMap auch fündig.
Mfg Micha
Das ganze kannst Du auch mit einer ImageMap machen.Damit werden Bereiche auf dem Bild definiert,welche man dann verlinken kann.Es gibt einige HTML-Editoren, die solche "ImageMap Generatoren" mit dabei haben (z.B. Phase5 mit PlugIn für ImageMaps)
Bei div. Suchmaschienen wirst Du zum Thema ImageMap auch fündig.
Mfg Micha
Antwort 4 von Strauss
Hi
@TruckingGrizzly
Was Du beschreibst ist ein einfacher Link auf ein Gesamtbild.
Ich hatte aber "Masterfreak" so verstanden, das er von einem Bild nur einen Teil verlinken will (z.B.von einem Gruppenfoto nur eine Person)
Mfg Micha
@TruckingGrizzly
Was Du beschreibst ist ein einfacher Link auf ein Gesamtbild.
Ich hatte aber "Masterfreak" so verstanden, das er von einem Bild nur einen Teil verlinken will (z.B.von einem Gruppenfoto nur eine Person)
Mfg Micha
Antwort 5 von TruckingGrizzly
@Strauss
Oh ja, kann man auch so verstehen. Dann müsste er natürlich mit einer Imagemap arbeiten.
@Masterfreak
Was für einen Editor benutzt du denn?
Gruß
TG
PS:
Gute Kurse bzw Nachschlagewerke bei
http://www.friedels-home.com/
und
http://selfhtml.teamone.de/
Oh ja, kann man auch so verstehen. Dann müsste er natürlich mit einer Imagemap arbeiten.
@Masterfreak
Was für einen Editor benutzt du denn?
Gruß
TG
PS:
Gute Kurse bzw Nachschlagewerke bei
http://www.friedels-home.com/
und
http://selfhtml.teamone.de/
Antwort 6 von TruckingGrizzly
Unter
http://selfhtml.teamone.de/html/grafiken/verweis_sensitive.htm
ist ne gute Beschreibung
Gruß
TG
http://selfhtml.teamone.de/html/grafiken/verweis_sensitive.htm
ist ne gute Beschreibung
Gruß
TG
Antwort 7 von TruckingGrizzly
Ich nochmal,
wenn du es ein wenig edler haben willst, kannst du´s auch mit rollovereffekten machen:
http://kerki.bei.t-online.de/deutschland.htm
Ein Beispiel als Denkanstoss.
Gruß
TG
wenn du es ein wenig edler haben willst, kannst du´s auch mit rollovereffekten machen:
http://kerki.bei.t-online.de/deutschland.htm
Ein Beispiel als Denkanstoss.
Gruß
TG
Antwort 8 von Masterfreak
DANKE an alle die mir geholfen haben.
Ich arbeite mit dem HTML Editor Phase 5.
Gruß Masterfreak
Ich arbeite mit dem HTML Editor Phase 5.
Gruß Masterfreak
Antwort 9 von Masterfreak
Nochmal,
also ich habe jetzt versucht das Plugin zu finden.
Aber ich habe es nicht gefunden. Könnt ihr mir nicht die Seite sagen wo es das Plugin Imagemap für den HTML Editor Phase 5 gibt??
Masterfreak
also ich habe jetzt versucht das Plugin zu finden.
Aber ich habe es nicht gefunden. Könnt ihr mir nicht die Seite sagen wo es das Plugin Imagemap für den HTML Editor Phase 5 gibt??
Masterfreak
Antwort 10 von Friedel
Was für ein Plugin? Wozu soll das gut sein?
Wie du Imagemaps erstellen kannst, kannst du unter
http://www.friedels-home.com/index.htm?/Kurse/HTML/26imagemaps.htm
nachlesen.
@TruckingGrizzly: Danke für die Werbung :-)
Wie du Imagemaps erstellen kannst, kannst du unter
http://www.friedels-home.com/index.htm?/Kurse/HTML/26imagemaps.htm
nachlesen.
@TruckingGrizzly: Danke für die Werbung :-)
Antwort 11 von TruckingGrizzly
@Masterfreak
Der HTML Editor ist kein Programm zum erstellen von Webseiten, sondern ein Unterstützungstool für Programmierer, die mit HTML u.a. umgehen können.
Ulli Meybohms HTML EDITOR erstellt keinen Quelltext nach dem WYSIWYG-Prinzip!
Wenn du dich nicht in die Materie einarbeiten kannst oder willst, dann wirst du an dem Editor keine Freude haben, sondern solltest auf einen der großen, teuren Editoren zurückgreifen.
Einen ImageMapEditor hab ich mal gebraucht, da hab ich GeoHTML genommen:
http://www.fegi.ru/geohtml/
Ist zwar englisch, geht aber...
Gruß
TG
@Friedel: Danke für Tipps und Hilfe :-)
Einmal bitte Designcheck, inhalte interessieren noch nicht:
http://www.michael-wat.de
css kann ich noch nicht...
Der HTML Editor ist kein Programm zum erstellen von Webseiten, sondern ein Unterstützungstool für Programmierer, die mit HTML u.a. umgehen können.
Ulli Meybohms HTML EDITOR erstellt keinen Quelltext nach dem WYSIWYG-Prinzip!
Wenn du dich nicht in die Materie einarbeiten kannst oder willst, dann wirst du an dem Editor keine Freude haben, sondern solltest auf einen der großen, teuren Editoren zurückgreifen.
Einen ImageMapEditor hab ich mal gebraucht, da hab ich GeoHTML genommen:
http://www.fegi.ru/geohtml/
Ist zwar englisch, geht aber...
Gruß
TG
@Friedel: Danke für Tipps und Hilfe :-)
Einmal bitte Designcheck, inhalte interessieren noch nicht:
http://www.michael-wat.de
css kann ich noch nicht...
Antwort 12 von Friedel
@TruckingGrizzly: Soweit OK. Auf der Startseite ist ein Tippfehler. "Weltbewegendes" schreibt man klein. Ist zwar nix schlimmes, aber mich ärgert es immer, wenn ich auf meinen Seiten Tippfehler finde. Obwohl die Seite schon 85000 mal besucht wurde hat es bisher niemand für nötig befunden mich auf diesen Fehler hin zu weisen.
Auf der Wattenscheid-Seite solltest du nicht den ganzen Text zentriert ausrichten (finde ich, ist aber Geschmacksache). Bei längeren Texten mit mehreren Absätzen empfiehlt sich der Blocksatz.
Als störend empfinde ich die Tatsache, daß du unterschiedliche Farben für Links verwendest (im linken Frame sind die Links weiß, im rechten Orange) und daß du keine unterschiedlichen Farben für unbenutzte, aktive und benutzte Links verwendest.
Auf der Wattenscheid-Seite solltest du nicht den ganzen Text zentriert ausrichten (finde ich, ist aber Geschmacksache). Bei längeren Texten mit mehreren Absätzen empfiehlt sich der Blocksatz.
Als störend empfinde ich die Tatsache, daß du unterschiedliche Farben für Links verwendest (im linken Frame sind die Links weiß, im rechten Orange) und daß du keine unterschiedlichen Farben für unbenutzte, aktive und benutzte Links verwendest.

