nicht angemeldet
Erste (X)HTML Seite ohne Tabellen - Toi Toi Toi
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>
-
Doch leider ist die Sprachauswahl immer nach unten verschoben. Diese sollte aber auf gleicher Höhe wie das erste Menü sein.
Floate die erste Liste (Navigation), nicht die zweite (Sprachauswahl).
Siechfred
--
Ein Selbständiger ist jemand, der bereit ist, 16 Stunden am Tag zu arbeiten, nur um nicht 8 Stunden für einen Anderen arbeiten zu müssen.-
Doch leider ist die Sprachauswahl immer nach unten verschoben. Diese sollte aber auf gleicher Höhe wie das erste Menü sein.
Floate die erste Liste (Navigation), nicht die zweite (Sprachauswahl).
Siechfred
Das ist mal ein guter Tipp! Ich hätte jetzt gedacht, man muss den beiden ULs noch eine Breite zuweisen, damit sie nicht zu breit werden..
-
-
Yerf!
.language {
float: right;Float bewirkt, dass das Element vom *nachfolgenden* Text umflossen wird. Ändere also entweder die Reihenfolge im Quelltext (Menü hinter der Sprachauswahl) oder gib dem Menü ein float:left.
Gruß,
Harlequin
-
Hallo,
Nun stehe ich aber relativ früh an.
Dann komm doch heute Nachmittag nochmal und stell dich dann an.
Aber bitte hinten! *Vordrängeln gilt nicht!*gruß aus Hosena
-
Hi!
<li><a href="#">Disclaimer</a></li>
Disclaimer?
Etwa eine Distanzierung von den, von dir gesetzten, Links?
Warum Disclaimer dem WWW schadenSchöner Gruß,
rob