Friday, September 19th 2025, 3:55am UTC+2

You are not logged in.


<html> Frage, beliebiege Bereich als Links definieren

||KTM LC 4||

Date of registration: Apr 16th 2003

Posts: 1,638

Bike: KTM LC 2 jetzt: KTM LC4 620 Super Competition

Location: Stuttgart/Esslingen

1

Thursday, January 27th 2005, 7:19pm

<html> Frage, beliebiege Bereich als Links definieren

Wies schon da steht:

Ich hab ne seite mit nem Hintergrundbild. Auf dem Hintergrund bild gibts 2 Feleder die ich gerne verlinken würde. Die Felder befinden sich unten in der Mitte des hintergrundbildes. Wie geht der vollständige Code umsowas zu definieren?

danke
www.hellobuy.de | zuschlagen!
  • Go to the top of the page

Matthias

Unregistered

2

Thursday, January 27th 2005, 7:28pm

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>
  • Go to the top of the page

fwmone

Unregistered

3

Thursday, January 27th 2005, 7:41pm

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.
  • Go to the top of the page

||KTM LC 4||

Date of registration: Apr 16th 2003

Posts: 1,638

Bike: KTM LC 2 jetzt: KTM LC4 620 Super Competition

Location: Stuttgart/Esslingen

4

Thursday, January 27th 2005, 7:49pm

danke erstmal, aber wie ich nem Bild dass ich durch den Image-Tag einfüge, die bereiche zuweis (Image-Map) weiss ich, blos ich hätte des Bild gerne im <Body>

kann man den Image-Tag nicht irgendwie umgehen, oder n leeres bild einfügen?
www.hellobuy.de | zuschlagen!
  • Go to the top of the page

Matthias

Unregistered

5

Thursday, January 27th 2005, 7:52pm

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.
  • Go to the top of the page

||KTM LC 4||

Date of registration: Apr 16th 2003

Posts: 1,638

Bike: KTM LC 2 jetzt: KTM LC4 620 Super Competition

Location: Stuttgart/Esslingen

6

Thursday, January 27th 2005, 7:58pm

kannst du mir vll. sagen wie ich des mim Layer mach? hab die methode noch nie verwendet
www.hellobuy.de | zuschlagen!
  • Go to the top of the page

Matthias

Unregistered

7

Thursday, January 27th 2005, 8:07pm

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>
  • Go to the top of the page

fwmone

Unregistered

8

Thursday, January 27th 2005, 8:20pm

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.
  • Go to the top of the page

euer

Date of registration: Dec 22nd 2003

Posts: 4,061

Bike: Varadero125 *verkauft* ; zzr600 *verkauft*; Suzuki SV 650S K3; Yamaha SR 125

9

Thursday, January 27th 2005, 8:39pm

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).
blup
  • Go to the top of the page

fwmone

Unregistered

10

Thursday, January 27th 2005, 8:53pm

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

;)
  • Go to the top of the page

||KTM LC 4||

Date of registration: Apr 16th 2003

Posts: 1,638

Bike: KTM LC 2 jetzt: KTM LC4 620 Super Competition

Location: Stuttgart/Esslingen

11

Thursday, January 27th 2005, 9:11pm

Matthias hat mir geholfen mit Dream Weaver. Jetzt hab ichs so dass man auf ner extra seite auf "start" klickt und per java script öffnet sich dann n neues Vollbildfenster (ohne adresszeile)

Bloß beim IE geht dass nich, (auch nich ohne Pop Up Blocker) nur in Mozilla usw gehts...

weiss jemand was?
www.hellobuy.de | zuschlagen!
  • Go to the top of the page

Matthias

Unregistered

12

Thursday, January 27th 2005, 9:23pm

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?
  • Go to the top of the page

||KTM LC 4||

Date of registration: Apr 16th 2003

Posts: 1,638

Bike: KTM LC 2 jetzt: KTM LC4 620 Super Competition

Location: Stuttgart/Esslingen

13

Thursday, January 27th 2005, 9:28pm

hab jetzt übrigens mit Frontpage Hot Spots hinbekommen..
jetzt hab ichs eigentlich so wie ich wollte.
www.hellobuy.de | zuschlagen!
  • Go to the top of the page

fwmone

Unregistered

14

Friday, January 28th 2005, 6:08am

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.
  • Go to the top of the page

||KTM LC 4||

Date of registration: Apr 16th 2003

Posts: 1,638

Bike: KTM LC 2 jetzt: KTM LC4 620 Super Competition

Location: Stuttgart/Esslingen

15

Friday, January 28th 2005, 2:19pm

Quoted

Original von fwmone

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.


Genau daran lags. Jetzt tuts.
www.hellobuy.de | zuschlagen!
  • Go to the top of the page
Rate this thread