Supportnet Computer
Planet of Tech

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

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...)

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

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

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/


Antwort 6 von TruckingGrizzly

Unter
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

Antwort 8 von Masterfreak

DANKE an alle die mir geholfen haben.

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

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 :-)

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...

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.

Ich möchte kostenlos eine Frage an die Mitglieder stellen:


Ähnliche Themen:


Suche in allen vorhandenen Beiträgen: