<li> soll restlichen Splatz füllen wie ?
Hallo
Ich will gerade mal ne neue Webseite basteln dabei wollte ich das so aufbauen
Menu | home | menu
Mir kamm die IDEE das Per ul und li zu lösen :D
Naja aufeden fall siht mein code so aus :
css.css
HTML-Code:
A:link {text-decoration: none; color: #0000FF;}
A:visited{text-decoration: none; color: #0000FF;}
A:active{text-decoration: none; color: #000000;}
a:hover{text-decoration: underline; color: #0000FF;}
body {
margin-top:0px;
padding-top:0px;
margin-left:5px;
padding-left:5px;
margin-right:5px;
padding-right:5px;
margin-bottom:0px;
padding-bottom:0px;
}
table, th, tr, td, div, ul, li {
vertical-align: top;
}
.top {
background: #297AA3;
border-top: 0px #AEBDC4 solid;
border-left: 1px #000000 solid;
border-right: 1px #000000 solid;
border-bottom: 1px #000000 solid;
text-align:center;
color:#000000;
font-size:14px;
font-family: verdana,arial;
margin-bottom:1px;
}
.logo {
background: #297AA3;
border-top: 1px #000000 solid;
border-left: 1px #000000 solid;
border-right: 1px #000000 solid;
border-bottom: 1px #000000 solid;
text-align:center;
color:#000000;
font-size:12px;
margin-bottom:1px;
height:90px;
}
#pagename ul {
padding: 0;
margin: 0;
display:inline;
}
#pagename ul li {
display:inline;
list-style-type: none;
padding-left: 1px;
padding-right: 1px;
margin: 0;
}
.menu {
background: #297AA3;
border-top: 1px #000000 solid;
border-left: 1px #000000 solid;
border-right: 1px #000000 solid;
border-bottom: 1px #000000 solid;
text-align:center;
color:#000000;
font-size:13px;
margin-bottom:1px;
width:180px;
text-align:center;
}
.home {
background: #297AA3;
border-top: 1px #000000 solid;
border-left: 1px #000000 solid;
border-right: 1px #000000 solid;
border-bottom: 1px #000000 solid;
text-align:center;
color:#000000;
font-size:13px;
margin-bottom:1px;
text-align:center;
}
index.html
HTML-Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Untitled</title>
<link rel=stylesheet type="text/css" href="./css/css.css">
<script type="text/javascript">
<!--
function tick()
{
var hours, minutes, seconds;
var intHours, intMinutes, intSeconds;
var today;
today = new Date();
intHours = today.getHours();
intMinutes = today.getMinutes();
intSeconds = today.getSeconds();
hours = intHours+":";
if (intMinutes < 10) {minutes = "0"+intMinutes+":";}
else {minutes = intMinutes+":";}
if (intSeconds < 10) {seconds = "0"+intSeconds+" ";}
else {seconds = intSeconds+" ";}
timeString = hours+minutes+seconds ;
document.getElementById("Clock").firstChild.nodeValue=timeString;
window.setTimeout("tick();", 1000);
}
window.onload = tick;
//-->
</script>
</head>
<body>
<div class="top" style="" >Homepagename</div>
<div class="logo" style="" > </div>
<div class="pagename" id="pagename" >
<ul>
<li id="clock" class="menu" style="margin-right:1px;"> </il>
<li class="home" style="width:100%;"> </li>
<li id="date" class="menu" style="margin-left:1px;"> </il>
</ul>
</div>
</body>
</html>
nur irgentwie macht der bei 100% ein <Br> und alles ist wieder untereinander :(
Grüsse. Dadie
