[html] Clickable image maps willen niet.

Pagina: 1
Acties:

  • Timo
  • Registratie: Oktober 2001
  • Laatst online: 09-03 02:52
Ik heb geprobeerd om mijn site te laten navigeren door middel van clickable maps.

Ik heb dus met het programma "map this" , die clickable image map gemaakt.
Opgeslagen als html, en in mijn pagina gezet.

code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
<html>
<head>
<title>plaaakje</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- ImageReady Styles (plaaakje.psd) -->
<MAP NAME="plak">
<!-- #$-:Image Map file created by Map THIS! -->
<!-- #$-:Map THIS! free image map editor by Todd C. Wilson -->
<!-- #$-:Please do not edit lines starting with "#$" -->
<!-- #$VERSION:1.30 -->
<!-- #$AUTHOR:plakjes -->
<!-- #$DATE:Sun Dec 12 10:26:40 2004 -->
<!-- #$PATH:C:\Documents and Settings\Fooker\Desktop\mijn plek\img\ -->
<!-- #$GIF:plaaakje_07.gif -->
<AREA SHAPE=RECT COORDS="0,0,147,27" HREF="boven.html">
<AREA SHAPE=RECT COORDS="148,1,266,28" HREF="portefolio.html">
<AREA SHAPE=RECT COORDS="269,1,424,27" HREF="vraagjes.html">
<AREA SHAPE=default HREF="www.pulsher.nl">
</MAP>

<style type="text/css">
<!--

#Table_01 {
    position:absolute;
    left:0px;
    top:0px;
    width:1024px;
    height:768px;
}

#plaaakje-01 {
    position:absolute;
    left:0px;
    top:0px;
    width:1024px;
    height:169px;
}

#plaaakje-02 {
    position:absolute;
    left:0px;
    top:169px;
    width:85px;
    height:599px;
}

#plaaakje-03 {
    position:absolute;
    left:85px;
    top:169px;
    width:815px;
    height:53px;
}

#plaaakje-04 {
    position:absolute;
    left:900px;
    top:169px;
    width:124px;
    height:599px;
}

#plaaakje-05 {
    position:absolute;
    left:85px;
    top:222px;
    width:260px;
    height:370px;
}

#plaaakje-06 {
    position:absolute;
    left:345px;
    top:222px;
    width:555px;
    height:342px;
}

#plaaakje-07 {
    position:absolute;
    left:345px;
    top:564px;
    width:509px;
    height:28px;
}

#plaaakje-08 {
    position:absolute;
    left:854px;
    top:564px;
    width:46px;
    height:204px;
}

#plaaakje-09 {
    position:absolute;
    left:85px;
    top:592px;
    width:769px;
    height:176px;
}

-->
</style>
<!-- End ImageReady Styles -->
</head>
<body style="background-color:#FFFFFF; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px;">
<!-- ImageReady Slices (plaaakje.psd) -->
<div id="Table_01">
    <div id="plaaakje-01">
        [img]"img/plaaakje_01.gif"[/img]
    </div>
    <div id="plaaakje-02">
        [img]"img/plaaakje_02.gif"[/img]
    </div>
    <div id="plaaakje-03">
        [img]"img/plaaakje_03.gif"[/img]
    </div>
    <div id="plaaakje-04">
        [img]"img/plaaakje_04.gif"[/img]
    </div>
    <div id="plaaakje-05">
        [img]"img/plaaakje_05.gif"[/img]
    </div>
    <div id="plaaakje-06">
        [img]"img/plaaakje_06.gif"[/img]
    </div>
    <div id="plaaakje-07" ISMAP usemap="#plak">
        [img]"img/plaaakje_07.gif"[/img]
    </div>
    <div id="plaaakje-08">
        [img]"img/plaaakje_08.gif"[/img]
    </div>
    <div id="plaaakje-09">
        [img]"img/plaaakje_09.gif"[/img]
    </div>
</div>
<!-- End ImageReady Slices -->
</body>
</html>


Maar, de image map werkt niet :?
En volgens mij klopt de code toch echt... ;(
Als jullie het online voor beeld willen hebben vraag je maar even.
Ik spam niet :)
offtopic:
sorry als dit een noep vraag is

[ Voor 19% gewijzigd door Timo op 12-12-2004 10:43 ]


  • Genoil
  • Registratie: Maart 2000
  • Laatst online: 12-11-2023
USEMAP is een attribute van IMG, INPUT of OBJECT, dus niet DIV. Dus het moet zijn:

HTML:
1
2
3
    <div id="plaaakje-07">
        [img]"img/plaaakje_07.gif"[/img]
    </div>

  • Timo
  • Registratie: Oktober 2001
  • Laatst online: 09-03 02:52
8)7
Heel erg bedankt _/-\o_
Wat een fout zeg |:(

* Timo leert weer eens wat
[update]
Nu komt er een blauwe balk om mijn plaatje?:?
Border="0" staat al in de image code :'(


:> :>

[ Voor 22% gewijzigd door Timo op 12-12-2004 11:28 ]


  • CyberThijs
  • Registratie: Maart 2004
  • Laatst online: 22:20
Ik had da vroeger ook, maar dat lag aan de server.. raar maar waar :s