Dreamweaver

ysglnd · 11.04.2011, 18:14

Hi, ich hab ein Problem,

ich wollte eine Homepage mittels Dreamweaver erstellen.
Mein Anliegen ist folgendes:

ich wollte einen Bereich eines Bildes auf der Seite mit der Hotspot-Funktion erstellen, jedoch klappt es nicht so wie ich mir das vorgestellt hab. Ich hab also einen Kasten gezogen auf dem Bild, einen Hyperlink und ein Ziel angegeben. Laut den Videotutorials sollte ich nun den markierten Bereich in einem Browser anklicken können, dies geht bei mir jedoch nicht. Was mache ich falsch?

Falls ihr mir nicht helfen könnt mittels Dreamweaver würde ich es gerne notfalls über den Quellcode versuchen

und zwar ist in meiner td folgendes drin:

<img src="Bilder/index_06.png" alt="" name="Map2" width="607" height="83" border="0" usemap="#Map" id="Map2" ></td>

dabei hat dreamweaver die usemap erstellt

am ende meines codes steht dann noch

<map name="Map">
<area shape="rect" coords="-361,200,-214,277" href="www.google.de" target="_new" alt="">
</map>

<map name="Map2">
<area shape="rect" coords="417,36,569,115" href="www.google.de" target="_new">
</map>

(ich hab zwei kästen erzeugt)
ich hoffe jemand kann mir helfen, sodass ich meinen gewünschten bereich zukünftig anklicken kann

Anzeige

Schau dir mal diesen Bereich an. Dort ist für jeden was dabei!

Dreami · 11.04.2011, 18:50

Könntest du mal den kompletten Quellcode posten und sagen, was du genau erreichen möchtest

?

ysglnd · 11.04.2011, 18:57

ja kann ich, habe aber die dateien auf meinem rechner und arbeite offline

mein ziel ist es auf einer grafik in einem bereich einen link zu setzen, um genau auf diesen bereich klicken zu können um weiterverlinkt zu werden

mein problem ist, dass dieser bereich nicht anklickbar ist

quelltext:

<html>
<head>
<title>index</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

<table id="Tabelle_01" width="2000" height="1200" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="5">
<img src="Bilder/index_01.png" width="2000" height="38" alt=""></td>
</tr>
<tr>
<td rowspan="6" width="316" height="1162">
</td>
<td colspan="3">
<img src="Bilder/index_03.png" alt="" width="607" height="194" border="0" usemap="#Map2"></td>
<td rowspan="6" width="1077" height="1162" >
</td>
</tr>
<tr>
<td colspan="3">
<img src="Bilder/index_05.png" width="607" height="15" alt=""></td>
</tr>
<tr>
<td colspan="3">
<img src="Bilder/index_06.png" alt="" name="Map2" width="607" height="83" border="0" usemap="#Map" id="Map2" ></td>
</tr>
<tr>
<td colspan="3">
<img src="Bilder/index_07.png" width="607" height="40" alt=""></td>
</tr>
<tr>
<td rowspan="2">
<img src="Bilder/index_08.png" width="76" height="830" alt=""></td>
<td width="531" height="830"> <iframe frameborder="0" name="Bilder" width="531" height="830" src="Bilder.html">
</td>
<td rowspan="2">
<img src="Bilder/index_10.png" width="42" height="830" alt=""></td>
</tr>
<tr>
<td>
<img src="Bilder/index_11.png" width="531" height="48" alt=""></td>
</tr>
</table>


<map name="Map">
<area shape="rect" coords="-361,200,-214,277" href="www.google.de" target="_new" alt="">
</map>

<map name="Map2">
<area shape="rect" coords="417,36,569,115" href="www.google.de" target="_new">
</map>
</body>
</html>

Dreami · 11.04.2011, 19:06

Sicher, dass das mit Tabellen sinnvoll ist

?
Hast du bewusst 2 Bilder für die Klickbereiche genommen

?

Hier Code der funktioniert

HTML-Code:

<img src="Bilder/Links.png" width="800" height="300" border="0" usemap="#map" />

  <map name="map">
    <!-- #$-:Image map file created by GIMP Image Map plug-in -->
    <!-- #$-:GIMP Image Map plug-in by Maurits Rijk -->
    <!-- #$-:Please do not edit lines starting with "#$" -->
    <!-- #$VERSION:2.3 -->
    <!-- #$AUTHOR:Dreami -->
    <area shape="rect" coords="23,25,310,150" href="http://www.forumla.de" target="_blank" alt="Forumla" />
    <area shape="rect" coords="447,42,774,130" href="http://www.bertschingers.ch/tobias" target="_blank" alt="Tobias Bertschinger"/>
    <area shape="rect" coords="25,191,391,274" href="http://www.p0rnflakes.de" target="_blank" alt="p0rnflakes"/>

    <area shape="rect" coords="412,205,774,254" href="http://www.the-compiler.org/" target="_blank" alt="The Compiler"/>
  </map>

Das Bild ist hier Bilder/Links.jpg und die entsprechenden Koordinaten verweisen auf die Klickbereiche

<img src="Bilder/Links.png" width="800" height="300" border="0" usemap="#map" />
und
<map name="map">
müssen zusammenpassen.

Das ganze in Aktion siehst du hier:
Links - Dreamis Seite

Hab dir mal die entsprechenden Bereiche markiert, was zusammenpassen muss

ysglnd · 11.04.2011, 19:15

naja ich hab ne page gemacht, die aus bildern besteht, und hab zwei versuche gestartet auf jeweils anderen bildern...

hmm also größtenteils sieht es meinem ähnlich oder seh ich das falsch? was hast du denn anders gemacht, dass man bei dir alles anklicken kann?