Im Hintergrund Bild also das was auch oben im Body-Tag mit drin ist? Hmm...glaub fast nicht das das geht.

Wenn es ein großes Bild ist, dann würde ich das in einen Layer packen.
Hast keinen Dreamweaver? Dann kann man unten bei den Eigenschaften vom Bild auf diesen kleinen Pfeil rechts unten klicken. Da kann man dann den Bild bestimmte Bereiche einen Link zuordnen. Das sieht dann z.B. so aus:

<img src="atomhusky.jpg" width="475" height="395" usemap="#Map" border="0">
<map name="Map">
<area shape="rect" coords="41,65,165,388" href="#hallo.htm" target="_blank">
<area shape="rect" coords="248,59,473,370" href="#hallo2.htm" target="_blank">
</map>

Quoted

Original von Matthias
Im Hintergrund Bild also das was auch oben im Body-Tag mit drin ist? Hmm...glaub fast nicht das das geht.

Richtig, nur sehr aufwendig über unsichtbare DIVs/LAYERs.

Die IMAGEMAP ist dafür sicher die beste Variante.

Ja wie gesagt kannst ein bißchen tricksen in dem du das Bild ganz normal in den Body-Tag einfügst und dann Layer an der Stelle fest positionierst an der man klicken soll. In den Layer packst du ein transparentes (unsichtbares) Bild rein, dem du einen Link zuweist. Is halt bissl umständlich.

Also einen Layer fügst du so ein:

<div id="Layer1" style="position:absolute; width:200px; height:115px; z-index:1; left: 65px; top: 172px"></div>

Die Werte kannst du dann ja beliebig verändern. Der z-index ist dafür da wenn sich z.B. zwei Layer überschneiden. Dann sieht man immer den Layer im Vordergrund, der den höheren z-index Wert hat.

Wenn du dann noch ein Bild (bei dir dann halt transparent) einfügen willst, sieht das in etwa so aus:

<div id="Layer1" style="position:absolute; width:200px; height:115px; z-index:1; left: 77px; top: 188px"><a href="link.htm"><img src="file:///C|/blabla/Desktop/atomhusky.jpg" width="475" height="395" border="0"></a></div>

Wenn du den Layer gleich "verstecken" willst kann du auch statt dem "unsichtbaren Bild" einfach ein normales Bild nehmen und den Layer auf "hidden stellen. So dann halt:

<div id="Layer1" style="position:absolute; width:200px; height:115px; z-index:1; left: 77px; top: 188px; visibility: hidden"><a href="link.htm"><img src="file:///C|/blabla/Desktop/atomhusky.jpg" width="475" height="395" border="0"></a></div>

Wobei du mit den Layern die Problematik haben wirst, das IE, Netscape, Opera und Firefox sie alle unterschiedlich positionieren. Ich befürchte fast du denkst viel zu kompliziert für das was du eigentlich machen willst.

Quoted

Original von euer
Nennt sich sowas nicht Hotspot?

Das kann man ganz schnell mit FrontPage erledigen, das wäre um einiges einfacher.(Ich nutze das Prog aber auch kaum).

Das da is ein HotSpot: http://www.t-com.de/is-bin/INTERSHOP.enf…fen%2funterwegs

So sieht davon der Quelltext aus:

<a href="javascript:window.open('index.htm','Old Samson','scrollbars=no,width=1024,height=640');void(0);" onmouseover="window.status='Click to enter'; return true;" onmouseout="window.status=''; return true;">Klick mich</a>

Is da irgendwas falsch?

Quoted

Original von Matthias
So sieht davon der Quelltext aus:

<a href="javascript:window.open('index.htm','Old Samson','scrollbars=no,width=1024,height=640');void(0);" onmouseover="window.status='Click to enter'; return true;" onmouseout="window.status=''; return true;">Klick mich</a>

Is da irgendwas falsch?

Ja. Du darfst bei IE keine Fensternamen mit Leerzeichen verwenden. Mit "OldSamson" müsste es funktionieren.