Hover Effekt in der Navi

burak67
Hey (bin wieder da Zunge raus ),

also mein problem

ich hab mein design hergestellt und ich will in der navi einen hover effekt machen. Nur ich weiß nicht wie

DESIGN:
[IMG]http://img3.imagebanana.com/img/0ow4mo3y/thumb/cb.jpg[/IMG]

CODE:
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:
142:
143:
144:
145:
146:
147:
148:
149:
150:
151:
152:
153:
154:
155:
156:
157:
158:
159:
160:
161:
162:
163:
164:
165:
166:
167:
168:
169:
170:
171:
172:
173:
174:
175:
176:
177:
178:
179:
180:
181:
182:
183:
184:
185:
186:
187:
188:
189:
190:
191:
192:
193:
194:
195:
196:
197:
198:
199:
200:
201:
202:
203:
204:
205:
206:
207:
208:
209:
210:
211:
212:
213:
214:
215:
216:
217:
218:
219:
220:
221:
222:
223:
224:
225:
226:
227:
228:
229:
230:
231:
232:
233:
234:
235:
236:
237:
238:
239:
240:
241:
242:
243:
244:
245:
246:
247:
248:
249:
250:
251:
252:
253:
254:
255:
256:
257:
258:
259:
260:
261:
262:
263:
264:
265:
266:
267:
268:
269:
270:
271:
272:
273:
274:
275:
276:
277:
278:
279:
280:
281:
282:
283:
284:
285:
286:
287:
288:
289:
290:
291:
292:
293:
294:
295:
296:
297:
298:
299:
300:
301:
302:
303:
304:
305:
306:
307:
308:
309:
310:
311:
312:
<HTML>
<HEAD>
<TITLE>Chromebeat - Startseite</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF9900;
}
body {
	background-color: #1F1F1F;
}
a {
	font-size: 11px;
	color: #FF6700;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #FF6700;
}
a:hover {
	text-decoration: none;
	color: #CCCCCC;
}
a:active {
	text-decoration: none;
	color: #FF6700;
}
-->
</style>
</HEAD>
<BODY>
<center>
<TABLE WIDTH=900 BORDER=0 CELLPADDING=0 CELLSPACING=0>
	<TR>
		<TD COLSPAN=26>
			<IMG SRC="Bilder/image_01.gif" WIDTH=900 HEIGHT=170 ALT=""></TD>
		<TD>
			<IMG SRC="Bilder/spacer.gif" WIDTH=1 HEIGHT=170 ALT=""></TD>
	</TR>
	<TR>
		<TD COLSPAN=17>
			<IMG SRC="Bilder/image_02.gif" WIDTH=173 HEIGHT=14 ALT=""></TD>
		<TD COLSPAN=6 ROWSPAN=19 background="Bilder/content_h.gif" WIDTH=556 HEIGHT=305 ALT="">
		<iframe src="http://www.chrome-portal.bplaced.net/01news/01news.php" name="frame" width="556" height="305" scrolling="auto" frameborder="0">
		<p>Ihr Browser unterstützt keine Inline-Frames</p></iframe>
                </TD>
		<TD COLSPAN=3 ROWSPAN=2>
			<IMG SRC="Bilder/image_04.gif" WIDTH=171 HEIGHT=15 ALT=""></TD>
		<TD>
			<IMG SRC="Bilder/spacer.gif" WIDTH=1 HEIGHT=14 ALT=""></TD>
	</TR>
	<TR>
		<TD COLSPAN=8 ROWSPAN=3>
			<IMG SRC="Bilder/image_05.gif" WIDTH=93 HEIGHT=30 ALT=""></TD>
		<TD ROWSPAN=2>
			<A HREF="index.html">
				<IMG SRC="Bilder/top_home.gif" WIDTH=43 HEIGHT=11 BORDER=0 ALT="home"></A></TD>
		<TD COLSPAN=8 ROWSPAN=3>
			<IMG SRC="Bilder/image_07.gif" WIDTH=37 HEIGHT=30 ALT=""></TD>
		<TD>
			<IMG SRC="Bilder/spacer.gif" WIDTH=1 HEIGHT=1 ALT=""></TD>
	</TR>
	<TR>
		<TD ROWSPAN=22>
			<IMG SRC="Bilder/image_08.gif" WIDTH=20 HEIGHT=515 ALT=""></TD>
		<TD ROWSPAN=15 background="Bilder/con_werbung.gif" WIDTH=81 HEIGHT=205 ALT="">
		</TD>
		<TD ROWSPAN=22>
			<IMG SRC="Bilder/image_10.gif" WIDTH=70 HEIGHT=515 ALT=""></TD>
		<TD>
			<IMG SRC="Bilder/spacer.gif" WIDTH=1 HEIGHT=10 ALT=""></TD>
	</TR>
	<TR>
		<TD>
			<IMG SRC="Bilder/image_11.gif" WIDTH=43 HEIGHT=19 ALT=""></TD>
		<TD>
			<IMG SRC="Bilder/spacer.gif" WIDTH=1 HEIGHT=19 ALT=""></TD>
	</TR>
	<TR>
		<TD ROWSPAN=20>
			<IMG SRC="Bilder/image_12.gif" WIDTH=65 HEIGHT=486 ALT=""></TD>
		<TD COLSPAN=15>
			<A HREF="info.html">
				<IMG SRC="Bilder/top_info.gif" WIDTH=99 HEIGHT=11 BORDER=0 ALT="infomation"></A></TD>
		<TD ROWSPAN=20>
			<IMG SRC="Bilder/image_14.gif" WIDTH=9 HEIGHT=486 ALT=""></TD>
		<TD>
			<IMG SRC="Bilder/spacer.gif" WIDTH=1 HEIGHT=11 ALT=""></TD>
	</TR>
	<TR>
		<TD COLSPAN=15>
			<IMG SRC="Bilder/image_15.gif" WIDTH=99 HEIGHT=18 ALT=""></TD>
		<TD>
			<IMG SRC="Bilder/spacer.gif" WIDTH=1 HEIGHT=18 ALT=""></TD>
	</TR>
	<TR>
		<TD COLSPAN=6 ROWSPAN=2>
			<IMG SRC="Bilder/image_16.gif" WIDTH=23 HEIGHT=31 ALT=""></TD>
		<TD COLSPAN=3>
			<A HREF="http://www.chromebeat.bplaced.net/wbblite">
				<IMG SRC="Bilder/top_forum.gif" WIDTH=54 HEIGHT=12 BORDER=0 ALT=""></A></TD>
		<TD COLSPAN=6 ROWSPAN=2>
			<IMG SRC="Bilder/image_18.gif" WIDTH=22 HEIGHT=31 ALT=""></TD>
		<TD>
			<IMG SRC="Bilder/spacer.gif" WIDTH=1 HEIGHT=12 ALT=""></TD>
	</TR>
	<TR>
		<TD COLSPAN=3>
			<IMG SRC="Bilder/image_19.gif" WIDTH=54 HEIGHT=19 ALT=""></TD>
		<TD>
			<IMG SRC="Bilder/spacer.gif" WIDTH=1 HEIGHT=19 ALT=""></TD>
	</TR>
	<TR>
		<TD COLSPAN=5 ROWSPAN=2>
			<IMG SRC="Bilder/image_20.gif" WIDTH=21 HEIGHT=30 ALT=""></TD>
		<TD COLSPAN=5>
			<A HREF="portal.html">
				<IMG SRC="Bilder/top_portal.gif" WIDTH=58 HEIGHT=11 BORDER=0 ALT="portal"></A></TD>
		<TD COLSPAN=5 ROWSPAN=2>
			<IMG SRC="Bilder/image_22.gif" WIDTH=20 HEIGHT=30 ALT=""></TD>
		<TD>
			<IMG SRC="Bilder/spacer.gif" WIDTH=1 HEIGHT=11 ALT=""></TD>
	</TR>
	<TR>
		<TD COLSPAN=5>
			<IMG SRC="Bilder/image_23.gif" WIDTH=58 HEIGHT=19 ALT=""></TD>
		<TD>
			<IMG SRC="Bilder/spacer.gif" WIDTH=1 HEIGHT=19 ALT=""></TD>
	</TR>
	<TR>
		<TD ROWSPAN=14>
			<IMG SRC="Bilder/image_24.gif" WIDTH=6 HEIGHT=396 ALT=""></TD>
		<TD COLSPAN=13>
			<A HREF="download.html">
				<IMG SRC="Bilder/top_download.gif" WIDTH=88 HEIGHT=11 BORDER=0 ALT="download"></A></TD>
		<TD ROWSPAN=14>
			<IMG SRC="Bilder/image_26.gif" WIDTH=5 HEIGHT=396 ALT=""></TD>
		<TD>
			<IMG SRC="Bilder/spacer.gif" WIDTH=1 HEIGHT=11 ALT=""></TD>
	</TR>
	<TR>
		<TD COLSPAN=13>
			<IMG SRC="Bilder/image_27.gif" WIDTH=88 HEIGHT=19 ALT=""></TD>
		<TD>
			<IMG SRC="Bilder/spacer.gif" WIDTH=1 HEIGHT=19 ALT=""></TD>
	</TR>
	<TR>
		<TD COLSPAN=3 ROWSPAN=2>
			<IMG SRC="Bilder/image_28.gif" WIDTH=10 HEIGHT=29 ALT=""></TD>
		<TD COLSPAN=7>
			<A HREF="partner.html">
				<IMG SRC="Bilder/top_partner.gif" WIDTH=68 HEIGHT=11 BORDER=0 ALT="partner"></A></TD>
		<TD COLSPAN=3 ROWSPAN=2>
			<IMG SRC="Bilder/image_30.gif" WIDTH=10 HEIGHT=29 ALT=""></TD>
		<TD>
			<IMG SRC="Bilder/spacer.gif" WIDTH=1 HEIGHT=11 ALT=""></TD>
	</TR>
	<TR>
		<TD COLSPAN=7>
			<IMG SRC="Bilder/image_31.gif" WIDTH=68 HEIGHT=18 ALT=""></TD>
		<TD>
			<IMG SRC="Bilder/spacer.gif" WIDTH=1 HEIGHT=18 ALT=""></TD>
	</TR>
	<TR>
		<TD COLSPAN=2 ROWSPAN=2>
			<IMG SRC="Bilder/image_32.gif" WIDTH=8 HEIGHT=23 ALT=""></TD>
		<TD COLSPAN=9>
			<A HREF="kontakt.html">
				<IMG SRC="Bilder/top_kontakt.gif" WIDTH=72 HEIGHT=12 BORDER=0 ALT=""></A></TD>
		<TD COLSPAN=2 ROWSPAN=2>
			<IMG SRC="Bilder/image_34.gif" WIDTH=8 HEIGHT=23 ALT=""></TD>
		<TD>
			<IMG SRC="Bilder/spacer.gif" WIDTH=1 HEIGHT=12 ALT=""></TD>
	</TR>
	<TR>
		<TD COLSPAN=9>
			<IMG SRC="Bilder/image_35.gif" WIDTH=72 HEIGHT=11 ALT=""></TD>
		<TD>
			<IMG SRC="Bilder/spacer.gif" WIDTH=1 HEIGHT=11 ALT=""></TD>
	</TR>
	<TR>
		<TD ROWSPAN=8>
			<IMG SRC="Bilder/image_36.gif" WIDTH=3 HEIGHT=314 ALT=""></TD>
		<TD COLSPAN=11 ROWSPAN=2 background="Bilder/con_info.gif" WIDTH=81 HEIGHT=73 ALT="">
		</TD>
		<TD ROWSPAN=8>
			<IMG SRC="Bilder/image_38.gif" WIDTH=4 HEIGHT=314 ALT=""></TD>
		<TD>
			<IMG SRC="Bilder/spacer.gif" WIDTH=1 HEIGHT=4 ALT=""></TD>
	</TR>
	<TR>
		<TD ROWSPAN=7>
			<IMG SRC="Bilder/image_39.gif" WIDTH=81 HEIGHT=310 ALT=""></TD>
		<TD>
			<IMG SRC="Bilder/spacer.gif" WIDTH=1 HEIGHT=69 ALT=""></TD>
	</TR>
	<TR>
		<TD COLSPAN=11 ROWSPAN=6>
			<IMG SRC="Bilder/image_40.gif" WIDTH=81 HEIGHT=241 ALT=""></TD>
		<TD>
			<IMG SRC="Bilder/spacer.gif" WIDTH=1 HEIGHT=16 ALT=""></TD>
	</TR>
	<TR>
		<TD COLSPAN=6>
			<IMG SRC="Bilder/image_41.gif" WIDTH=556 HEIGHT=5 ALT=""></TD>
		<TD>
			<IMG SRC="Bilder/spacer.gif" WIDTH=1 HEIGHT=5 ALT=""></TD>
	</TR>
	<TR>
		<TD COLSPAN=2 ROWSPAN=2>
			<IMG SRC="Bilder/image_42.gif" WIDTH=255 HEIGHT=17 ALT=""></TD>
		<TD COLSPAN=2>
			<A HREF="info.html">
				<IMG SRC="Bilder/impressum.gif" WIDTH=64 HEIGHT=12 BORDER=0 ALT="impressum"></A></TD>
		<TD COLSPAN=2 ROWSPAN=2>
			<IMG SRC="Bilder/image_44.gif" WIDTH=237 HEIGHT=17 ALT=""></TD>
		<TD>
			<IMG SRC="Bilder/spacer.gif" WIDTH=1 HEIGHT=12 ALT=""></TD>
	</TR>
	<TR>
		<TD COLSPAN=2>
			<IMG SRC="Bilder/image_45.gif" WIDTH=64 HEIGHT=5 ALT=""></TD>
		<TD>
			<IMG SRC="Bilder/spacer.gif" WIDTH=1 HEIGHT=5 ALT=""></TD>
	</TR>
	<TR>
		<TD ROWSPAN=2>
			<IMG SRC="Bilder/image_46.gif" WIDTH=192 HEIGHT=203 ALT=""></TD>
		<TD COLSPAN=2 background="Bilder/counter_1.gif" WIDTH=85 HEIGHT=20 ALT="">
                
                </TD>
		<TD COLSPAN=2 background="Bilder/counter_2.gif" WIDTH=85 HEIGHT=20 ALT=""

                </TD>
		<TD ROWSPAN=2>
			<IMG SRC="Bilder/image_49.gif" WIDTH=194 HEIGHT=203 ALT=""></TD>
		<TD>
			<IMG SRC="Bilder/spacer.gif" WIDTH=1 HEIGHT=20 ALT=""></TD>
	</TR>
	<TR>
		<TD COLSPAN=4>
			<IMG SRC="Bilder/image_50.gif" WIDTH=170 HEIGHT=183 ALT=""></TD>
		<TD>
			<IMG SRC="Bilder/spacer.gif" WIDTH=1 HEIGHT=183 ALT=""></TD>
	</TR>
	<TR>
		<TD>
			<IMG SRC="Bilder/spacer.gif" WIDTH=65 HEIGHT=1 ALT=""></TD>
		<TD>
			<IMG SRC="Bilder/spacer.gif" WIDTH=6 HEIGHT=1 ALT=""></TD>
		<TD>
			<IMG SRC="Bilder/spacer.gif" WIDTH=3 HEIGHT=1 ALT=""></TD>
		<TD>
			<IMG SRC="Bilder/spacer.gif" WIDTH=5 HEIGHT=1 ALT=""></TD>
		<TD>
			<IMG SRC="Bilder/spacer.gif" WIDTH=2 HEIGHT=1 ALT=""></TD>
		<TD>
			<IMG SRC="Bilder/spacer.gif" WIDTH=5 HEIGHT=1 ALT=""></TD>
		<TD>
			<IMG SRC="Bilder/spacer.gif" WIDTH=2 HEIGHT=1 ALT=""></TD>
		<TD>
			<IMG SRC="Bilder/spacer.gif" WIDTH=5 HEIGHT=1 ALT=""></TD>
		<TD>
			<IMG SRC="Bilder/spacer.gif" WIDTH=43 HEIGHT=1 ALT=""></TD>
		<TD>
			<IMG SRC="Bilder/spacer.gif" WIDTH=6 HEIGHT=1 ALT=""></TD>
		<TD>
			<IMG SRC="Bilder/spacer.gif" WIDTH=2 HEIGHT=1 ALT=""></TD>
		<TD>
			<IMG SRC="Bilder/spacer.gif" WIDTH=5 HEIGHT=1 ALT=""></TD>
		<TD>
			<IMG SRC="Bilder/spacer.gif" WIDTH=2 HEIGHT=1 ALT=""></TD>
		<TD>
			<IMG SRC="Bilder/spacer.gif" WIDTH=4 HEIGHT=1 ALT=""></TD>
		<TD>
			<IMG SRC="Bilder/spacer.gif" WIDTH=4 HEIGHT=1 ALT=""></TD>
		<TD>
			<IMG SRC="Bilder/spacer.gif" WIDTH=5 HEIGHT=1 ALT=""></TD>
		<TD>
			<IMG SRC="Bilder/spacer.gif" WIDTH=9 HEIGHT=1 ALT=""></TD>
		<TD>
			<IMG SRC="Bilder/spacer.gif" WIDTH=192 HEIGHT=1 ALT=""></TD>
		<TD>
			<IMG SRC="Bilder/spacer.gif" WIDTH=63 HEIGHT=1 ALT=""></TD>
		<TD>
			<IMG SRC="Bilder/spacer.gif" WIDTH=22 HEIGHT=1 ALT=""></TD>
		<TD>
			<IMG SRC="Bilder/spacer.gif" WIDTH=42 HEIGHT=1 ALT=""></TD>
		<TD>
			<IMG SRC="Bilder/spacer.gif" WIDTH=43 HEIGHT=1 ALT=""></TD>
		<TD>
			<IMG SRC="Bilder/spacer.gif" WIDTH=194 HEIGHT=1 ALT=""></TD>
		<TD>
			<IMG SRC="Bilder/spacer.gif" WIDTH=20 HEIGHT=1 ALT=""></TD>
		<TD>
			<IMG SRC="Bilder/spacer.gif" WIDTH=81 HEIGHT=1 ALT=""></TD>
		<TD>
			<IMG SRC="Bilder/spacer.gif" WIDTH=70 HEIGHT=1 ALT=""></TD>
		<TD></TD>
	</TR>
</TABLE>
</center>
</BODY>
</HTML>

dann z.b. bei home wenn man drauf geht das unter home eine grafik kommt wie kann man das machen oda ist das überhaupt möglich??

auf dem bild sieht man das ja schon das unter home eine grafik ist

ich hab schon alles geslict jetzt fehlt mir nur noch der Code

hoffentlich habt ihr verstanden was ich will großes Grinsen

Gruß

Burak
DrPCox
warum stellst du die grafiken nicht als hintergrund ein und zeigst beim hover halt die andere?
burak67
hey,

hab es geschafft musste paar sachen ändern smile

trotzdem danke Augenzwinkern
DrPCox
mir sind gerade noch vier elementare dinge aufgefallen:

- eine einheitliche groß- und kleinschreibung wäre optimal

- du solltest unbedingt einen doctype angeben

- iframe ist nicht mehr zeitgemäß

- tabellen als layout-grundlage sind ebenfalls lange, lange überholt.
burak67
das mit groß und klein schreibung kommt von Photoshop wurde so generiert

doctype hab ich schon gemacht smile

wusste keine andere lösung wie den beriech in der mitte

in coden mit ich nicht so gut deshalb hab ich das generieren lassen von photoshop großes Grinsen

wenn du weißt wie ich das alles "erneuern" kann kannst du mich ruhig anschreiben Freude
DrPCox
du solltest dich mal hiermit beschäftigen:
http://www.css4you.de/wslayout1/index.html
burak67
danke werd ich mir angucken