brauche hilfe beim verlinken - wer kann mir das erklären?

danispatzi · 08.11.2007, 17:21

Hallo erstmal

ich bin ganz neu hier

ich hoffe mir kann von euch jemand helfen
hab mir richtig was vorgenommen und weiß nun nicht wie ich das ganze umsetzen soll

brauch also jemanden der mir das ganze mal erklärt *lernfähig-bin*

ich bin grad dabei meine HP umzugestalten
nun will ich also von meiner HP die Startseite neu machen
hab da jetzt was mit PhotoImpact gebastelt und auf ne seite gepackt :
http://freenet-homepage.de/daniela_n...tartseite.html

und alles was jetzt schrift ist will/muß ich verlinken
weiß nun aber nicht wie ich das machen muß
ich kann das mit dem verlinken nur wenn die bildchen alle einzeln untereinander sind, hier sind sie aber quer über das bild verteilt

ich hoffe mir kann hier jemand zu hilfe eilen und mir das mal richtig "auf deutsch" erklären *hoffnungsvoll-gugg*

Guin · 08.11.2007, 17:26

Moin,
mit image-map kann man einzelne Bereiche einer Grafik definieren und verlinken.

http://de.selfhtml.org/html/grafiken..._sensitive.htm

danispatzi · 08.11.2007, 21:47

hi Guin

hm, bei dem link gugge ich wie ne kuh ins uhrwerk
kenne mich doch damit nicht aus
das müßte mir dummi mal wer auf deutsch erklären

Guin · 08.11.2007, 21:54

Die Erklaerung ist doch auf Deutsch

Das abgebildete Beispiel ist doch auch ganz gut.

Also erstes gibt du das Bild mit <img ...> an.
Danach wird die map definiert (<map name="...).
Nun kannst du mit "area" und z.B. shape="poly" Poligone auf dem Bild definieren und diese Bereiche wie gewuenscht verlinken.

Aber wie gesagt, es steht da alles auf Deutsch. Probiere es einfach mal aus.

danispatzi · 09.11.2007, 07:49

Nun kannst du mit "area" und z.B. shape="poly" Poligone auf dem Bild definieren und diese Bereiche wie gewuenscht verlinken.

ja aber woher weiß ich was für zahlen ich da eingeben muß?
*doch-pc-blond-bin*

Guin · 09.11.2007, 08:07

Guten morgen,
am besten nimmst du dafuer ein Grafikprogramm her, das dir die Koordinaten am Mauszeiger anzeigen kann (Paint kann das).

Fuer das Geschenkeschildchen waeren die Koordinaten
shape="poly" coords="370,436,398,628,436,292,456,298,470,346,442,450"

danispatzi · 09.11.2007, 08:12

moin
also ich öffne das bildchen in paint und notiere mir die koordinaten
und wieso sind das jetzt so viele zahlen für das geschenkeschildchen bei dir?

Guin · 09.11.2007, 08:15

Das Geschenkeschildchen hat 6 Ecken (deshalb shape="poly"). Das macht also 12 Zahlen (x1,y1,x2,y2,...).

Zitat:

Zitat von selfhtml

Ein Polygon (shape="poly") definieren Sie mit den Koordinaten x1,y1,x2,y2 ... xn,yn
wobei bedeuten:
x = Pixel einer Ecke von links
y = Pixel einer Ecke von oben
Sie können so viele Ecken definieren wie Sie wollen. Von der letzten definierten Ecke müssen Sie sich eine Linie zur ersten definierten Ecke hinzudenken. Diese schließt das Polygon.

danispatzi · 09.11.2007, 08:18

ach so

mal testen gehe --->

danis` · 09.11.2007, 08:27

*ot* ist es zur zeit eigtl mode, dass alle möglichen namen mit "danis" abgekürzt werden? *verzweifel*

danispatzi · 09.11.2007, 08:36

moin danis

ich bin ne dani mit spatzi ;-)

danispatzi · 09.11.2007, 08:51

also irgendwas mache ich falsch

wollte jetzt mal probehalber die sigs und awards verlinken

<body background="http://freenet-homepage.de/daniela_ndh/Hompagen/fuer%20hompage/background.jpg"> <center><img src="http://freenet-homepage.de/daniela_ndh/Hompagen/fuer%20hompage/hp-startseite.jpg">

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<title>Verweis-sensitive Grafiken definieren - map, area, usemap</title>
</head>
<body>

<h1></h1>

<p>

<img src="http://freenet-homepage.de/daniela_ndh/Hompagen/fuer%20hompage/hp-startseite.jpg" width="345" height="312" border="0" alt="hp-Startseite" usemap="Startseite">
<map name="Startseite">
<area shape="poly" coords="275,373,247,257,321,247,351,352" href="http://freenet-homepage.de/daniela_ndh/Hompagen/dani-signum.html" alt="meineSigs" title="meineSigs">
<area shape="poly" coords="643,368,624,243,690,237,713,354" href="http://freenet-homepage.de/daniela_ndh/Hompagen/awards.html" alt="Awards" title="Awards">
</map>
</p>

</body>
</html>

funzt abba nicht :-(

Guin · 09.11.2007, 09:05

Mir fallen 2 Sachen auf.

1. Die Bildgröße ist nicht korrekt angegeben
width="345" height="312" <- das stimmt so nicht

2. usemap der Grafik ist nicht ganz korrekt.
Da feht noch ein "#" vor dem Namen.
usemap="#Startseite"

danispatzi · 09.11.2007, 09:18

ich bekomm hier gleich ne kriese

http://freenet-homepage.de/daniela_n...est-seite.html

so isses jetzt:

<img src="http://freenet-homepage.de/daniela_ndh/Hompagen/fuer%20hompage/hp-startseite.jpg" width="900" height="579" border="0" alt="hp-Startseite" usemap="#Startseite">
<map name="Startseite">

geht aber noch nicht

Guin · 09.11.2007, 09:23

Funktioniert doch. (und schau dir mal die erste Zeile in deinem Quellcode an)