Hallo 
Ich habe folgendes Problem. Meine Navigationsleiste hat 2 Dropdownmenüs, die ich beide horizontal haben will.
Leider funktioniert der befehl Display="Inline" und float="left/right" nicht. Ich glaube es liegt daran, dass beide Tags schon benutzt werde.
Kann mir bitte jmd helfen? 
Ich weis, dass die Dropdown-Menüs zurzeit nicht anklickbar sind, aber das müsste ich mit Padding ja regeln können.
CSS-Code
Code
@charset "utf-8";
/* Allgemeines*/
* { padding:0px; margin:0px; }
body {
background-color:#000000;
font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
color:#FFFFFF;
}
#wrapper {
max-width: 90%;
margin: 0px auto;
}
a { text-decoration:none; }
::selection { background-color: #D5D5D5; }
/* Navigation */
#navi { float:left; }
nav ul li ul {
visibility:hidden;
padding:5px 0 30px 170px;
}
nav ul li:hover > ul { visibility:visible;}
#navi li {
display:block;
list-style-type: none;
width:160px;
height:30px;
color:#fff;
background-color:#8F8F8F;
text-align:center;
font: 1em/30px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
margin:2px;
border-radius:10px;
text-shadow:0 1px 0 #434343;
box-shadow: 0 1px 0 #313131;
margin:10px 5px; 10px 0;
}
#navi a { color:#FFFFFF; }
#navi li:hover {
display:block;
list-style-type: none;
width:160px;
height:30px;
color:#fff;
background-color:#767676;
text-align:center;
font: 1em/30px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
margin:2px;
border-radius:10px;
text-shadow:1px 1px 1px #434343;
box-shadow: 0 1px 0 #313131;
margin:10px 5px; 10px 0;
}
.drop {
}
/* Kopf */
#head {
color: #FFFFFF;
padding: 2% 0 0 0;
font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif;
font-size:1.2em;
text-align:center;
text-shadow:0 1px 0 #434343;
margin-bottom:5px;
}
/* Inhalt */
#content {
float:center;
margin:5px 0 0 10px;
padding:5px;
color:#F5F5F5;
}
/* Fuss */
#end {
}HTML
<!doctype html><html>
<head>
<meta charset="utf-8">
<title>Chris Koeth´s Website</title>
<link rel="stylesheet" type="text/css" href="websiten/format.css"/>
</head>
<body>
<div id="wrapper">
<div id="head">
<h1>Willkommen auf meiner Website</h1>
<h3>Photographie, Fotomontagen</h3>
</div>
<hr/>
<div id="navi">
<nav>
<ul>
<li><a href="">Home</a></li>
<li><a href="">Persöhnliches</a>
<ul>
<li>Steckbrief</li>
<li>Über mich</li>
</ul>
</li>
<li><a href="">Familie</a></li>
<li>
<a href="">Hobbys</a>
<ul class="drop">
<li><a href="">Fotografie</a></li>
<li><a href="">Photoshop</a></li>
<li><a href="">Zeichnen</a></li>
</ul>
</li>
<ul>
</nav>
</div>
<div id="content">
<p>Auf dieser Website finden sie Informationen über mich, außerdem präsentiere ich hier von mir aufgenommene Bilder oder erstelle Fotomontagen.</p>
</div>
</div>
</body>
</html>