Hallo, ich möchte ein Menue zentriert in der Seite erscheinen lassen.
Leider bekomme ich das irgendwie nicht hin. Das Menue hängt immer auf der linken Seite. Ich habe schon alles versucht mit <P>,<div> usw.. Jetzt bin ich am Ende. Ich stelle mal das css und HTML rein. Es muss doch irgendwie gehen.
body
{
font-family:Verdana;
background-color:#000000;
text-align:center;
}
#kopf {
background-color:yellow;
width: 100%;
height: 40px;
}
h1 {font-size:18px;color:#000000;margin:0px;}
h2 {font-size:18px;color:#FFFFFF;margin:0px;}
#navi_1 {
padding:10px 0px;
border-top:1px solid #669999;
clear:right;
}
#navi_1 ul {
text-align:center;
list-style:none;
}
#navi_1 li {
float:left;
margin-left:5px;
width:90px;
background-color:silver;
border-top:1px black solid;
border-left:25px orange solid;
border-bottom:1px red solid;
border-right:2px blue solid;
margin-top:10px;
padding-top:8px;
padding-bottom:8px;
padding-left:8px;
padding-right:8px;
}
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1" />
<title>Menu quer</title>
<link rel="stylesheet" type="text/css" media="screen" href="navi_horizontal.css" />
</head>
<body>
<div id="kopf"><h1>das Menue sollte zentriert in der Mitte stehen</h1>
</div>
<div id="navi_1"> <h2>>>>>>>******<<<<<<</h2>
<ul>
<li><a href="link-1">link1 </a></li>
<li><a href="link-2">link2 </a></li>
<li><a href="link-3">link3 </a></li>
<li><a href="link-4">link4 </a></li>
</ul>
</div>
</body>
</html>