Snagge: Problem Aufklappnavigation

Hallo Leute,

Ich habe hier ein Problem und hoffe, mir kann jemand helfen. Es geht um eine Aufklappnavigation.
Und zwar habe ich prinzipiell eine Navigation fertig, nun reicht natürlich der Platz nicht mehr aus, und deshalb will ich mir eben durch Aufklappen helfen.
Aber: Ich kriegs nicht hin. Ich habs versucht und versucht und es funktioniert einfach nicht so, wie ich es gern hätte. Vielleicht hat jemand nur mal den ein oder anderen Tipp. Danke im Voraus.

Hier HTML:

  
<link rel="stylesheet" type="text/css" href="css/style.css">  
	  
	</head>  
		  
		<body>  
			<div id="rahmenA">  
				<div id="rahmenI">  
					<div id="banner">					</div>  
					<div id="nav">  
						<ul>  
							<li> <a href="index.php"> Home </a> </li>  
							<li> <a href="aboutme.php"> Über mich </a> </li>  
							<li> <a href="uni.php"> Hochschule </a> </li>  
							<li> <a href="resume.php"> Lebenslauf </a> </li>  
							<li> <a href="kirkel.php"> Kirkel </a> </li>  
							<li> <a href="music.php"> Musik </a> </li>  
							<li> <a href="galery.php"> Galerie </a> </li>  
							<li> <a href="links.php"> Links </a> </li>  
						</ul>  
					</div>  

Hier CSS:

  
#nav {  
	width: 90%;  
	background-color: #DFE1F0;  
	border: 1px solid #A9B0D7;  
	font-family: Verdana, Arial, Helvetica, sans-serif;  
	color: #2E3192;  
	font-size: 0.8em;  
	margin-top: 10px;  
	margin-left: 5%;  
	margin-right: 5%;  
}  
  
#nav ul, #nav ul li {  
	padding: 0;  
	margin: 0;  
	list-style: none;  
	display: inline;  
}  
  
#nav a {  
	text-decoration: none;  
	display: inline;  
	color: #2E3192;  
	padding: 4px 8px;  
}  
  
#nav a:hover {  
	text-decoration: none;  
	display: inline;  
	color: #000000;  
}  
  
* html #nav a {  
	font-size: 0.8em;  
	width: auto;  
	white-space: nowrap;  
}  
  
#nav ul li {  
	font-weight: bold;  
	border-bottom: 4px solid #A9B0D7;  
}  
  
* html #nav ul li {  
	height: 10px;  
}  
  
#nav ul li a {  
	padding: 6px;  
}  

  1. Liebe(r) Snagge,

    was hast Du am Kapitel <http://de.selfhtml.org/css/layouts/navigationsleisten.htm#modern@title=Dynamische CSS-Navigation für moderne Browser> nicht verstanden?

    Liebe Grüße,

    Felix Riesterer.

    --
    ie:% br:> fl:| va:) ls:[ fo:) rl:| n4:? de:> ss:| ch:? js:) mo:} zu:)
    1. Sagen wir mal so: Ich bin einfach etwas verwirrt, inwieweit ich das bei mir jetzt ändern muss, damit das herauskommt.

      1. Lieber Snagge,

        Sagen wir mal so: Ich bin einfach etwas verwirrt, inwieweit ich das bei mir jetzt ändern muss, damit das herauskommt.

        ... armer schwarzer Kater...

        Liebe Grüße,

        Felix Riesterer.

        --
        ie:% br:> fl:| va:) ls:[ fo:) rl:| n4:? de:> ss:| ch:? js:) mo:} zu:)
        1. Jop, das war hilfreich. Danke.

          1. Om nah hoo pez nyeetz, Snagge!

            Also bei dem, was du als deinen Versuch hier abgeliefert hast, ist ja nichts zum Aufklappen, sondern deine Menüpunkte alle schön nebeneinander.

            Du solltest tatsächlich den von Felix empfohlenen Artikel durcharbeiten und besonderes Augenmerk auf verschachtelte Listen legen.

            Matthias

            --
            http://www.billiger-im-urlaub.de/kreis_sw.gif