nicht angemeldet
Hallo Leute,
habe folgendes Problem.Wäre schön wenn ihr mir helfen könntet.Schon mal im Vorraus vielen Dank.
In meinem Projekt (bisher nur die obere Navigation) schaffe ich es einfach nicht die weißen Zahlen (in der Liste)zentriert in die Kästen (Bild menue.jpg) zu bringen. Ich schaffe immer nur eine horizontale Zentrierung, keine vertikale.
Hier die Codes:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>blabla</title>
<link href="stylesheet.css" rel="stylesheet" type="text/css" media="screen" />
</head>
<body>
<div class="header">
<div class="logo">
Logo
</div>
<div class="menue">
<div id="navigation">
<ul>
<li>123</li>
<li>456</li>
<li>789</li>
<li>012</li>
<li>345</li>
<li>678</li>
</ul>
</div>
</div>
</div>
</body>
</html>
html, body {
margin: 0px auto;
padding:0px;
}
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
line-height: 18px;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: black;
text-decoration: none;
background-color: #FFFFD5;
}
a {color:#4E69B4; text-decoration:none;}
.header {
background: url(bilder/header_blank.jpg);
background-repeat:no-repeat;
background-position: top center;
height:142px;
margin:0 auto;
padding:0px;
width: 922px;
}
.logo
{
width:922px;
height:101px;
padding-bottom:9px;
text-align:center;
}
.menue
{
padding-left:155px;
text-align:left;
}
#navigation ul {
border: 0;
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}
#navigation ul li {
display:block;
float: left;
text-align: center;
padding:0;
margin:0;
background: url(bilder/menue.jpg);
background-repeat:no-repeat;
background-position: center center;
color: white;
font-size: 1.4em;
height:31px;
width:90px;
}