Zwei Tags in ein gefloatetes Menü einbinden?

Status
Nicht offen für weitere Antworten.

son gohan

Erfahrenes Mitglied
Hallo an alle,

ich habe ein kleines Menü mitt CSS und gefloateter Listen. Ich möchte gerne in das Menü ein Javascript für Datum und Uhrzeit sowie ein select Tag aus Menü einbauen.

Leider erzeugen die beiden Tags einen Zeilenumbruch, obwohl ich display inline angegeben habe.

Kann mir jemand mal sagen wie man die beiden Tags einabuen kann, ohne das ein Zeilenumbruch passiert.

P.S. im Opera Browser past alles komischerweise?

Code:
HTML:
 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd">
   <html>
<head>
<title>menü</title>

<style type="text/css">
<!--
ul#navlist
{
padding: 0;
margin: 0;
list-style-type: none;
float: left;
width: 100%;
color: #fff;
background-color: #036;
}
ul#navlist li { display: inline; }
ul#navlist li a
{
float: right;
width: 5em;
color: #fff;
background-color: #036;
padding: 0.2em 1em;
text-decoration: none;
border-right: 1px solid #fff;
}
ul#navlist li a:hover
{
background-color: #369;
color: #fff;
}
.combobox {
border : 1px solid #fff;
background-color : #e3f9e6;
color : #000000;
font-size : 10pt;
font-family : arial, sans-serif;
height : 19px;
margin : 0;
width : 100px;
}
-->
</style>
</head>
<body>
<ul id="navlist">
<li><script language="JavaScript" type="text/javascript">
<!--
var Jetzt = new Date();
var Tag = Jetzt.getDate();
var Wochentag = Jetzt.getDay();
Wochentagname = new Array ("Sonntag","Montag","Dienstag","Mittwoch","Donnerstag","Freitag","Samstag");
var Monat = Jetzt.getMonth();
Monatsname = new Array ("Januar","Februar","März","April","Mai","Juni","Juli","August","Septemper","Oktober","November","Dezember");
var Jahr = Jetzt.getYear();
if (Jahr<=1900)
Jahr=Jahr+1900;
var Stunden = Jetzt.getHours();
var Minuten = Jetzt.getMinutes();
var NachVoll = ((Minuten < 10) ? ":0" : ":");
document.write("" + Wochentagname[Wochentag] + ", den " + Tag + "." + Monatsname[Monat] + " " + Jahr + "&nbsp;-&nbsp;");
document.write("" + Stunden + NachVoll + Minuten + " Uhr");
// -->
</script></li>
<li>
<select class="combobox" name="select" onchange="document.getElementById('main').src=this.value">
<option value="#">Menü</option>
<option value="http://www.home.de">Home</option>
<option value="http://www.home.de">Home</option>
<option value="http://www.home.de">Home</option>
<option value="http://www.home.de">Home</option>
<option value="http://www.home.de">Home</option>
</select>
</li>
<li class="border"><a href="r.html" onfocus="if(this.blur)this.blur()">Startseite</a></li>
<li><a href="r.html" onfocus="if(this.blur)this.blur()">s</a></li>
<li><a href="b.html" onfocus="if(this.blur)this.blur()">n</a></li>
<li><a href="m.html" onfocus="if(this.blur)this.blur()">n</a></li>
</ul>
</body>
</html>

gruß
feh
 
Hallo feh,

entferne mal die CSS-Eigenschaft float:right aus deinen Listen-Links ul#navlist li a ... ;)


greez, maik.l
 
Hallo maik,

wenn ich das dispaly inline wecknehme dann ist zwar alles in einer Reihe, aber beim hover Effekt für die Links bleibt im Hintergrund immer links eine Lücke übrig die nicht mit der hover Hintergrundfrabe ausgefüllt wird.

Es sieht also nicht schön aus, ich könnte höstens einfach die weisen Trennbalken, welche ich rechts gesetzt habe rausnehmen und somit diese Lücke nicht Sichtbar machen aber das sieht dann ohne weiße Balken auch nicht so spitze aus.

Mit einer einfachen Tabelle für das ganze gehts auch nicht, weil dann auch diese Lücke entsteht.

Nun,. keine Ahnung, wenn dir was einfäält sag es mir, ansonsten nehme ich die Balken raus.

Gruß
feh
 
Hallo, hab gerade mal getestet, ohne Balken sieht doch besser aus, weil mein Datumanzeige auch keine Balken hat.


Also hat sich erledigt.

gruß
feh
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück