nicht angemeldet
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;
}