Hallo
Ich habe mit CSS eine neuer Navigation bar gestellt. Ich möchte dass die Bar zur Seite zentriet ist, kann mir jemanden bitte da mit helfen?
Hier die CSS stylesheet text:
#cssmenu {
width: 980px;
height: 27px;
margin: 0;
padding: 0;
background: #000000 url(images/bg-bubplastic.gif) top center repeat-x;
}
#cssmenu ul {
list-style: none;
margin: 0;
padding: 0;
}
#cssmenu ul li {
float: left;
margin: 0;
padding: 0;
background: transparent url(images/bg-bubplastic-button.gif) top left no-repeat;
}
#cssmenu ul li a {
display: block;
height: 27px;
padding-left: 25px;
float: left;
text-transform: uppercase;
font-family: ,arial;
font-size: 10pt;
color: #FF0000;
text-decoration: none;
}
#cssmenu ul li a span {
display: block;
float: left;
height: 22px;
padding-top: 5px;
padding-right: 25px;
background: transparent url(images/bg-bubplastic-button.gif) top right no-repeat;
cursor: pointer;
}
#cssmenu ul li a:hover,
#cssmenu ul li.active a {
background: transparent url(images/bg-bubplastic-h-gray.gif) top left no-repeat;
}
#cssmenu ul li a:hover span,
#cssmenu ul li.active a span {
background: transparent url(images/bg-bubplastic-h-gray.gif) top right no-repeat;
}
Hier die Homepage seiten HTML:
" target="_blank" rel="nofollow">" target="_blank" rel="nofollow">http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Language" content="de">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>KES Art Studio</title>
<base target="_self">
<meta name="Microsoft Border" content="none, default">
<link href="cssmenu/menu_assets/styles.css" rel="stylesheet" type="text/css">
</head>
</body>
<BODY bgcolor="#000000">
<div id='cssmenu' style="width: 980px; height: 25px">
<div><ul>
<li><b><a href='main.htm'><span>Start</span></a></b></li>
<li><b><a href='vita.htm'><span>Vita</span></a></b></li>
<li><b><a href='gallerie.htm'><span>Galerie</span></a></b></li>
<li><b><a href='information.htm'><span>Information</span></a></b></li>
<li><b><a href='videos.htm'><span>Videos</span></a></b></li>
<li><b><a href='link_inhalt_seite.htm'><span>Links</span></a></b></li>
<li><b><a href='kontaktformular.htm'><span>Kontakt</span></a></b></li>
<li><b><a href='gastbuch.htm'><span>Gästebuch</span></a></b></li>
<li><b><a href='impressum.htm'><span>Impressum</span></a></b></li>
</ul>
</div>
</html>