nicht angemeldet
Hallo
Ich versuche mich gerade an meiner ersten (X)HTML Seite ohne Tabellen als Layouthilfe zu benutzen. Nun stehe ich aber relativ früh an. Ich habe einen oberen Hauptbalken. Links soll ein Menü sein und rechts die Sprachauswahl.
Doch leider ist die Sprachauswahl immer nach unten verschoben. Diese sollte aber auf gleicher Höhe wie das erste Menü sein. Kann mir jemand Erfahrener hier weiterhelfen und eventuell auch einen kurzen Kommentar zum allgemeinen Code abgeben (sehr gut, ganz ok, wechsle den Beruf)... Danke!
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Develop</title>
<style type="text/css">
<!--
* {
margin: 0px;
padding: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
.language {
float: right;
}
#top {
width: 733px;
height: 20px;
background-image: url(images/px_6.gif);
}
#top li {
display: inline;
margin-left: 7.5px;
margin-right: 7.5px;
}
#top li a {
font-size: 12px;
color: #323232;
text-decoration: none;
}
#top li a:hover {
color: #8B960B;
}
ul {
list-style-type: none;
}
.nav_1 {
padding-left: 7.5px;
}
-->
</style>
</head>
<body>
<div id="top">
<ul>
<li class="nav_1"><a href="#">Kontakt</a></li>
<li><img src="images/line_1.gif" alt="line" width="1" height="11" /></li>
<li><a href="#">Sitemap</a></li>
<li><img src="images/line_1.gif" alt="line" width="1" height="11" /></li>
<li><a href="#">Disclaimer</a></li>
</ul>
<ul class="language">
<li>Sprachauswahl</li>
<li>D</li>
<li>E</li>
</ul>
</div>
</body>
</html>