Hallo lieber Expertin, Experte,
Ich habe versucht ein Menü mit css zu erstellen ( listen)
Das klappt auch soweit so gut, nur wenn ich das ganze jetzt mit relativen angaben versehen möchte, verschiebt sich das ganze und man kann nichts mehr erkennen:
hier ein link: http://newrockstation.dyndns.org/kstorchester/ul_test.php
css datei:
Und Quellcode von Ul_test.php
Danke für deine/ eure Hilfe
Ich habe versucht ein Menü mit css zu erstellen ( listen)
Das klappt auch soweit so gut, nur wenn ich das ganze jetzt mit relativen angaben versehen möchte, verschiebt sich das ganze und man kann nichts mehr erkennen:
hier ein link: http://newrockstation.dyndns.org/kstorchester/ul_test.php
css datei:
Code:
#navMenu {
margin: 0;
padding:0;
}
#navMenu ul {
margin:0;
padding:0;
line-height:18px;
}
#navMenu li {
margin:0;
padding:0;
list-style:none;
float:left;
position:relative;
background-image: url(./bilder/Mn.png);
}
#navMenu ul li a {
text-align:center;
font-family: Comic Sans MS;
text-decoration: none;
height: 18px;
max-width:189.91px;
width: 19.7%;
display: block;
color: white;
border: 1px solid white;
text-shadow: 3px 3px 3px black;
}
#navMenu ul ul {
position: absolute;
visibility: hidden;
top: 20.9px;
}
#navMenu ul li:hover ul {
visibility:visible;
}
#navMenu li:hover {
background-image: url(./bilder/Mh.png);
}
#navMenu ul li:hover ul li a:hover {
background-image: url(./bilder/Mh.png);
color: black;
}
#navMenu a:hover {
color:black;
}
Und Quellcode von Ul_test.php
Code:
<html>
<head>
<title>Ul-Test</title>
<link rel="stylesheet" href="menu-kopie.css" type="text/css" />
<link rel="stylesheet" href="style.css" type="text/css" />
</head>
<body>
<div id="wrapper">
<div id="navMenuu">
<ul><!-- Anfang Menu -->
<li id="start">Start
</li>
</ul>
</div>
<div id="navMenu">
<ul>
<li><a href="#"> Test</a>
<ul>
<li><a href="#">Test</a></li>
<li><a href="#">Test</a></li>
<li><a href="#">Test</a></li>
<li><a href="#">Test</a></li>
<li><a href="#">Test</a></li>
<li><a href="#">Test</a></li>
</ul>
</li>
<li><a href="#"> Test</a>
<ul>
<li><a href="#">Test</a></li>
<li><a href="#">Test</a></li>
<li><a href="#">Test</a></li>
<li><a href="#">Test</a></li>
<li><a href="#">Test</a></li>
<li><a href="#">Test</a></li>
</ul>
</li>
<li><a href="#">Test</a>
</li>
<li><a href="#">Test</a>
</li>
</ul>
</div>
</div>
</body>
</html>