Pow3r
Hi,
Möchte nen Hover effekt in meine Navi leiste bauen, hab schon folgendes versucht:
| code: |
1:
2:
3:
4:
5:
6:
|
<div id="img13_" onmouseover="background-image:url(images/imgo13.jpg)" style="background-image:url(images/img13.jpg) ">
</div>
|
|
Css code der DIV
| code: |
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
|
#img13_ {
position:absolute;
left:765px;
top:124px;
width:106px;
height:27px;
}
|
|
Mein Code für die Navi Leiste:
| 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:
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Unbenanntes Dokument</title>
<style type="text/css">
#img5_ {
position:absolute;
left:152px;
top:124px;
width:108px;
height:27px;
}
#img6_ {
position:absolute;
left:260px;
top:124px;
width:73px;
height:27px;
}
#img7_ {
position:absolute;
left:333px;
top:124px;
width:72px;
height:27px;
}
#img8_ {
position:absolute;
left:405px;
top:124px;
width:70px;
height:27px;
}
#img9_ {
position:absolute;
left:475px;
top:124px;
width:73px;
height:27px;
}
#img10_ {
position:absolute;
left:548px;
top:124px;
width:72px;
height:27px;
}
#img11_ {
position:absolute;
left:620px;
top:124px;
width:72px;
height:27px;
}
#img12_ {
position:absolute;
left:692px;
top:124px;
width:73px;
height:27px;
}
#img13_ {
position:absolute;
left:765px;
top:124px;
width:106px;
height:27px;
}
</style>
</head>
<body>
<div id="img5_" style="background-image:url(images/img5.jpg) ">
</div>
<div id="img6_" style="background-image:url(images/img6.jpg) ">
</div>
<div id="img7_" style="background-image:url(images/img7.jpg) ">
</div>
<div id="img8_" style="background-image:url(images/img8.jpg) ">
</div>
<div id="img9_" style="background-image:url(images/img9.jpg) ">
</div>
<div id="img10_" style="background-image:url(images/img10.jpg) ">
</div>
<div id="img11_" style="background-image:url(images/img11.jpg) ">
</div>
<div id="img12_" style="background-image:url(images/img12.jpg) ">
</div>
<div id="img13_" style="background-image:url(images/img13.jpg) ">
</div>
</body>
</html>
|
|
Wie kann ich den Hover effekt hinbekommen ?? Mit der Versuchten Methode hat es nicht geklappt
Pow3r
Danke, mit Dreamweaver hats dann funktioniert
