Folgendes: Mein Dropdownmeue lässt sich zwar herunterfahren, aber ich kann dann nicht auf das neu aufgelistete zugreifen, wahrscheinlich weil da eine kleine Lücke ist. Leider hab ich keine Ahnung wie ich die wegbekomme oder was das Problem sonst sein könnte
Hier der HTML-Code:
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<link href="style.css" type="text/css" rel=StyleSheet>
<title>Grundgerüst</title>
</head>
<body>
<nav>
<div id="navigation_main">
<div id="main">
<ul id="navi_main">
<a href="#"><li class="Home">Home
</li></a>
<a href="#"><li class="News">News
<ul class="dropdown_navi">
<a href="#"><li>Half|Craft</li></a>
</ul>
</li></a>
</ul>
</div>
</div>
</nav>
</body>
</html>
Und hier der CSS-Code der Navigation:
Code:
/* css script dropdown_navi */
ul#navi_main {
text-align: center;
font-family: Arial;
font-weight: bold;
font-size: small;
color: #000000;
}
ul#navi_main a {
text-decoration: none;
color: white;
}
ul#navi_main a:hover {
text-decoration: none;
color: #00FF00;
}
ul#navi_main li {
float: left;
position: relative;
list-style-type: none;
}
ul#navi_main li.Home {
width: 125px;
padding-top: 5px;
padding-bottom: 5px;
}
ul#navi_main li.News {
width: 125px;
padding-top: 5px;
padding-bottom: 5px;
}
ul#navi_main li.Home:hover {
width: 125px;
padding-top: 5px;
padding-bottom: 5px;
color: #00FF00;
background-color: #C1C1C1;
}
ul#navi_main li.News:hover {
width: 125px;
padding-top: 5px;
padding-bottom: 5px;
color: #00FF00;
background-color: #C1C1C1;
}
ul#navi_main li ul.dropdown_navi {
background-color: #C1C1C1;
position: absolute;
left: 0;
top: 30px;
width: 125px;
padding: 5px;
}
ul#navi_main li ul li {
float: none;
text-align: left;
display: block;
color: white;
padding:5px;
border-bottom-color: #000000;
border-bottom: solid;
border-bottom-width: 1px;
}
ul#navi_main li ul li:hover {
float: none;
text-align: left;
display: block;
background-color: gray;
padding: 5px;
}
ul#navi_main li>ul {
display: none;
}
ul#navi_main li:hover>ul {
display: block;
}
Hier noch die eigentliche CSS-Datei:
Code:
/* css script */
@import url("navi.css");
body {
background-color: #808080;
}
ich hoffe ihr könnt mir weiterhelfen
)