DropDown wird nicht angezeigt

Nö, mit der relativen em-Maßeinheit hat das recht wenig zu tun.

Vielmehr werden in diesem Beispiel die Untermenüs absolut positioniert, und die Leerzeichen in den Links mit   ausgezeichnet.

mfg Maik
 
Achso, also empfielst Du mir, das Menü neu zumachen?
Wie sieht das rechtlich denn aus, wenn ich das Menü nehme und an mein Design anpasse, muss ich trotzdem noch einen Link zu der Seite setzen?

Mein Englisch ist leider nicht so gut ;)

Danke Dir.

Edit: Ok, für eine kommerzielle Webseite darf ich es leider nicht nutzen.
Trotzdem Danke für die Hilfe ;)
 
Zuletzt bearbeitet von einem Moderator:
Die Zustimmung ist nicht das Problem, aber die Spende schon ;)
Bekomme ja evtl. nichtmal was dafür oder nur paar Euro als Dank ;)

Aber trotzdem Danke für Deine Hilfe :)
 
Garantiert spendenfrei :)
HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<meta name="author" content="Maik">
<meta name="date" content="2009-08-05">

<title>tutorials.de | demo_KingOfRap</title>

<style type="text/css">
<!--
* {
margin:0;
padding:0;
}
ul#nav, ul#nav ul {
list-style:none;
}
ul#nav li {
position:relative;
float:left;
margin:0 5px 0 0;
padding:0 10px;
background:#eaeaea;
}
ul#nav li ul {
position:absolute;
left:0;
top:18px;
display:none;
}
ul#nav li:hover ul {
display:block;
}
ul#nav li ul li {
float:none;
background:#00a0ff;
}
-->
</style>

</head>
<body>

<ul id="nav">
    <li><a href="#">LINK&nbsp;1</a>
           <ul>
               <li><a href="#">linklink&nbsp;1.1</a></li>
               <li><a href="#">linklinklink&nbsp;1.2</a></li>
               <li><a href="#">linklinklinklink&nbsp;1.3</a></li>
           </ul>
    </li>
    <li><a href="#">LINK&nbsp;2</a>
           <ul>
               <li><a href="#">linklink&nbsp;2.1</a></li>
               <li><a href="#">linklinklink&nbsp;2.2</a></li>
           </ul>
    </li>
    <li><a href="#">LINK&nbsp;3</a>
           <ul>
               <li><a href="#">linklink&nbsp;3.1</a></li>
               <li><a href="#">linklinklink&nbsp;3.2</a></li>
           </ul>
    </li>
</ul>

</body>
</html>

Wichtig hierbei: Enthaltende Leerzeichen mit dem geschützten Leerzeichen &nbsp; auszeichnen, damit der Browser keinen Zeilenumbruch vornimmt.

mfg Maik
 
Zurück