aufklapp menü aber wie?

hallo,
könnte mir jemand erklären wie ich ein aufklappbares menü hinbekomme ?
das ist mein 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:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
     "http://www.w3.org/TR/xhtmll/DTD/chtmll-transitional.dtd">
 <html> 	 
<head> 	  
<meta name="author" content="">       
<meta name="keywords" lang="de" content="">       
<meta name="description" content=""> 	  
<meta http-equiv="content-type" content=text/html;charset=ISO-8859-1" />
       <link rel="shortcut icon" href="icon.ico" type="image/x-icon" />       
<link rel="icon" href="Bilder/icon.ico" type="image/x-icon" />       
<script language="JavaScript"> 
<!-- function doHover(b,i) {  f = document[b].src;  f = f.substr(0,f.length-5);  f+=i+'.png';  document[b].src = f; } //--> 
</script> <style type="text/css"> 	 
 </style> 	 
 <title> </title> 	 
</head> 	 
<body style="background-image:url(image/background.png); background-repeat:repeat-x; background-color:#ffffff;"> 	
<div style="background-image: url(image/mitte.png); position:absolute; top: 169px; left: 150px; height: 500px; width: 750px;"> 	
<!-- bereich für text --> 	
</div> 	 
 <img src="image/Head.png" style="position:absolute; top:15px;left:150px;"/> 		
<!-- Normaler Button --> 		
<div style="position:absolute;top:135px;left:150px;"> 		
<a href="index.html" onmouseover="doHover('bild1','b')"         onmouseout="doHover('bild1','a')" >         
<img border="0" name="bild1" src="image/menu1_a.png">         
</div> 		
<!-- Normaler Button --> 		
<div style="position:absolute;top:135px;left:300px;">		    		
<a href="uebermich.html" onmouseover="doHover('bild2','b')"         onmouseout="doHover('bild2','a')" >         
<img border="0" name="bild2" src="image/menu2_a.png">   		
</div> 		
<!-- Normaler Button --> 		
<div style="position:absolute;top:135px;left:600px;">		    		
<a href="kontakt.html" onmouseover="doHover('bild4','b')"         onmouseout="doHover('bild4','a')" >         
<img border="0" name="bild4" src="image/menu4_a.png">   		
</div> 		
<!-- Normaler Button --> 		
<div style="position:absolute;top:135px;left:750px;">		    		
<a href="impressum.html" onmouseover="doHover('bild5','b')"         onmouseout="doHover('bild5','a')" >         
<img border="0" name="bild5" src="image/menu5_a.png"> 		
</div> 		
<!-- wenn die maus hier rüberfährt : --> 		
<div style="position:absolute;top:135px;left:450px;">		    	   
 <a href="angebote.html" onmouseover="doHover('bild3','b')"         onmouseout="doHover('bild3','a')" >         
<img border="0" name="bild3" src="image/menu3_a.png"> 		
</div> 		
<!-- soll sich das öffnen : --> 		
<div style="position:absolute;top:170px;left:450px;"> 		
<a href="kosmetischebehandlungen.html" onmouseover="doHover('bild6','b')" 		onmouseout="doHover('bild6','a')" > 		
<img border="0" name="bild6" src="image/menu6_a.png"> 		
</div> 		
<div style="position:absolute;top:204px;left:450px;"> 		
<a href="medfußpflege.html" onmouseover="doHover('bild7','b')" 		onmouseout="doHover('bild7','a')" > 		
<img border="0" name="bild7" src="image/menu7_a.png"> 		
</div> 		
<div style="position:absolute;top:238px;left:450px;"> 		
<a href="nagelmodellage.html" onmouseover="doHover('bild8','b')" 		onmouseout="doHover('bild8','a')" > 		
<img border="0" name="bild8" src="image/menu8_a.png"> 		
</div> 		
<div style="position:absolute;top:272px;left:450px;"> 		
<a href="schulungen.html" onmouseover="doHover('bild9','b')" 		onmouseout="doHover('bild9','a')" > 		
<img border="0" name="bild9" src="image/menu9_a.png"> 		
</div> 	 
</body> 	
</html>

GFX-Sector - HTML, CSS

HTML, CSS

aufklapp menü aber wie?

aufklapp menü aber wie?

Have you enjoyed this topic?