Wie einer bestimmten Position Link mitgeben?

[Novakane]

Hallo,

folgendes Problem:

ich hab eine site, welche aus einer Tabelle besteht. Die Tabelle hat ein Hintergrundbild.
Nun möchte ich, dass sobald der Besucher über eine bestimmte Position des Bildes fährt, diese verlinkt ist. Ist das irgendwie möglich?

Ich habe mal versucht einen Layer um den Ausschnitt zu ziehen. Aber einen Layer ohne Inhalt kann ich keinen Link mitgeben.

Ich hoffe Ihr versteht was ich meine *g*
Falls nicht sagt kurz Bescheid und ich versuche es noch mal etwas anders zu erklären

Besten Dank schon mal im Voraus!

Greets
Simon

[Terry]

Sowas geht. Das nennt man Imagemap.

Hier findest Du mehr darüber: http://selfhtml.teamone.de/html/graf..._sensitive.htm

Die üblichen Grafikprogramme (Photoshop bzw. Imageready, Fireworks, aber auch PaintShopPro, Photompact und Gimp) unterstützen das auch alle und nehmen Dir viel Arbeit ab...
es gibt dafür aber auch kostenlose kleine Extra-Programme, mit denen Du genau die Positionen bestimmen kannst - notfalls mal googlen...

[Novakane]

Hallo Terry,

vielen lieben Dank, das ist glaube genau das was ich suche

Ich habe Photoshop zwar zur Verfügung versuche es aber lieber erst mal mit Hilfe Deines Links. Dann kann ich die Funktionsweise auch besser kennenlernen.

Falls ich noch Fragen haben sollte melde ich mich einfach noch mal *g*

Viele Grüße
Simon

[Novakane]

Ok, da bin ich also noch mal wieder

Die Funktionsweise anhand des Beispieles habe ich jetzt verstanden.

Ich muss dem Bild ein usemap="#whatever" Attribut mitgeben, damit ich es als verweissensitiv kennzeichne.

Bei mir ist das Bild so integriert:

<table width="747" height="739" cellpadding="5" background="detail_bg.jpg">

Wie schaffe ich es dem Bild das Attribut mitzugeben? Folgendes funzt schon mal nicht:

<table width="747" height="739" cellpadding="5" background="detail_bg.jpg" usemap="#whatever">

Wahrscheinlich weil sich das Attribut dann gar nicht auf das Bild bezieht *glaub*

Im Beispiel auf der selfhtml site ist das Bild mit einem <img>-Tag eingefügt worden. Dies ist ja bei mir nicht der Fall :/

Würde mich über Eure Hilfe freuen
Bekomme vor lauter Nachdenken schon Kopfschmerzen *g*

Greets
Simon

[Mausdrachen]

Hallo Novakane

nicht auf das Bild sondern auf die 'map' bezieht es sich. Als erstes gibst du den mapnamen an <map name="wathever"> und mit <...... usemap="#whatever"> greifst du dann drauf zu. Welches Bild dort dann im Hintergrund ist, ist völlig schnuppe. Du legst ja mit <area alt="irgendwas" coords="291, 51, 45" shape="circle" href="wohin_auch_immer"> fest, wo der Link sein soll. (In diesem Falle hier wäre es kreisförmig.)

Ich hoffe es hilft
Liebe Grüsse
Michaela

EDIT

Vergessen: auch wenn diese Seite nicht den Ansprüchen des TP's entspricht, schau dir hier mal den Quelltext an. Die Navi (der Bilderkreis) hab ich mit area shapes gemacht.

[Novakane]

Hallo Michaela,

vielen Dank für Deine Hilfe!

Korrigier mich falls ich falsch liege, aber wenn ich das richtig verstehe kann ich mit dem area-tag nur dann die Koordinaten festlegen, wenn ich mit usemap eine Bild als Map festgelegt habe.
Dies bekomm ich bei meinem Hintergrundbild aber nicht hin, da er den usemap-tag nicht auf das Hintergrunbild bezieht sondern auf die Tabelle oder was auch immer (siehe weiter unten).

Der Quelltext von Deiner site ähnelt dem der selfhtml site.
Das Problem bei mir ist, dass sich das usemap nicht auf ein bild mit einem "<img src...-tag" beziehen kann, weil ich mein Bild im <table...-tag integriert habe.
Ich weiß bei mir einfach nicht wohin ich das Attribut "usemap" packen soll.

Meine Idee sah so aus:

<map name="whatever">
<area shape="rect" coords="420,530,530,550" href="http://www.google.de/" target="_blank" alt="Google">
</map>
</p>
<table width="747" height="739" cellpadding="5" background="detail_bg.jpg" usemap="#whatever">

Nur leider klappt es hiermit nicht

[Mausdrachen]

Ich habe alles in der Zelle definiert, in der die map sich auch befindet (siehe Quelltext). Es ist dabei völlig egal ob das Hintergrundbild angezeigt wird oder nicht.
Sorry, aber jetzt muss ich erst mal weg... Solltest Du es bis heut abend nicht hinbekommen haben, schaue ich es mir noch mal genauer an und probier mal ein bisschen rum.

Liebe Grüsse
Michaela

[Novakane]

Oh weh. Ich schaff es einfach nicht, egal wie ich es versuche.
Hier ist mein kompletter body-inhalt. Wäre schön wenn Ihr Euch das mal anschauen könntet und mir dann sagen wo der Fehler ist.

<body>
<map name="whatever">
<area shape="rect" coords="390,530,530,550" href="http://www.google.de/" alt="Google">
</map>
<table width="747" height="739" cellpadding="5" background="detail_bg.jpg" usemap="#whatever">
<tr>
<td height="100" colspan="3">&nbsp;</td>
</tr>
<tr>
<td rowspan="2"><p class="style2">&nbsp;</p>
</td>
<td width="205">&nbsp;</td>
<td width="205" height="430"><div id="Layer1" style="position:absolute; width:163px; height:98px; z-index:1; left: 565px; top: 355px;">
</div></td>
</tr>
<tr>
<td colspan="2">&nbsp;</td>
</tr>
</table>
</body>

[Mausdrachen]

sorry, schlechte Nachrichten es geht wirklich nur in Verbindung mit einem Image. Hätte mir ja eigentlich klar sein müssen, heißt ja nicht umsonst "imagemap".
Die einzige Möglichkeit wäre mit einem transparenten gif zu arbeiten. Ich weiß ja nicht, was du mit deiner Tabelle vor hast und ob es in allen Zellen areas geben soll. Du musst dann pro Zelle eine neue Map anlegen, zellübergreifend hab ich es nicht hinbekommen. Hier hab ich dir noch mal eben ein Beispiel gemacht. Ich hab es vorher mit einem transparenten gif probiert und nur jetzt das Bild genommen, damit du auch sehen kannst, wo die Bereiche sind.

Tut mir leid, das ich dir da nicht mehr helfen konnte. Weiterhin viel Erfolg
Liebe Grüsse
Michaela

[Novakane]

Hallo Michaela,

das macht überhaupt nichts! Ich danke Dir vielmals für Deine Hilfe und dafür, dass Du Dir so viel Zeit dafür genommen hast!

Jetzt sind wir beide schlauer und ich muss das Ganze nun halt doch anders angehen

Viele Grüße
Simon