nicht angemeldet
Problem bei Hintergrund zentrieren
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;
}
-
Hi,
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.
Geht es dir jetzt um die Zentrierung von Inhalt, oder eines Hintergrundbilder, wie im Titel angedeutet?
Ich schaffe immer nur eine horizontale Zentrierung, keine vertikale.
a {color:#4E69B4; text-decoration:none;}
.header {
background: url(bilder/header_blank.jpg);
background-position: top center;Das wäre ja vertikal schon mal logischerweise nicht zentriert.
Ansonsten sehe ich in deinem Code nichts, was irgendeine vertikale Zentrierung bewirken könnte.
Dass du den FAQ-Eintrag bzgl. Zentrierung per CSS gelesen hast, davon dürfen wir ja wohl ausgehen?
MfG ChrisB
--
“Whoever best describes the problem is the person most likely to solve the problem.” [Dan Roam]