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:
gruß
feh
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 + " - ");
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