zauberwürfel
Mitglied
Hallo zusammen,
ich hab da mal ein Problem zu Style (obwohl ich an dieser Stelle eigentlich nichts mit css mache, aber in dei anderen Foren hätte es noch schlechter gepasst).
Auf meiner Website wird zwischen die Navilist ein Zeilenumbruch hingezaubert, der da überhaupt nicht hingehört.
Website: Meine Programmbibliothek
Code der html-datei:
Code der css-datei:
ich hab da mal ein Problem zu Style (obwohl ich an dieser Stelle eigentlich nichts mit css mache, aber in dei anderen Foren hätte es noch schlechter gepasst).
Auf meiner Website wird zwischen die Navilist ein Zeilenumbruch hingezaubert, der da überhaupt nicht hingehört.
Website: Meine Programmbibliothek
Code der html-datei:
HTML:
<html>
<head>
<title>Die Band</title>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<div id="navblockbg">
<div id="navblock">
<ul id="navi">
<li><a href="#">Start</a></li>
<li><a href="#">Bilder</a></li>
<li><a href="#">Videos</a><li>
<li><a href="#">Mitglieder</a></li>
<li><a href="#">Termine</a></li>
<li><a href="#">Pinnwand</a></li>
<li><a href="#">Impressum</a></li>
</ul>
</div>
</div>
<div id="content">
</div>
</body>
</html>Code der css-datei:
Code:
#navi {
height: 100%;
background-repeat: repeat-y;
}
a {
font-weight: bold;
background-color: #66ff00;
color: #990000;
}
a:hover {
text-decoration: none;
}
#navblockbg {
position: absolute;
top: 0px;
left: 0px;
width: 150px;
height: 100%;
background-color: blue;
}
#navblock {
position: absolute;
top: 20px;
left: 0px;
width: 125px;
height: 100%;
background-image: url(bilder/navibg.jpg);
}
#content {
position: absolute;
top: 0px;
left: 150px;
width: 670px;
height: 100%;
background-color: black;
}
body {
background-color: #33cc99;
}
. Hier der richtige: