alguien me podría ayudar centrando un menu horizontal en la pagina, eh leido tuts pero no me ha funcionado paso lo que es el html:
Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>ttite</title>
<link rel="stylesheet" type="text/css" href="stylecss.css"/>
</head>
<body>
<div id="logo"></div>
<div id="menuback">
<ul id="menu">
<li id="inicio"><a href="index.html"></a></li>
<li id="cocina"><a href="cocina.html"></a></li>
<li id="sala"><a href="cocina.html"></a></li>
<li id="recamara"><a href="cocina.html"></a></li>
<li id="oficina"><a href="cocina.html"></a></li>
<li id="contacto"><a href="cocina.html"></a></li>
</ul>
</div>
</body>
</html>
y el css:
Código:
@charset "utf-8";
/* CSS Document */
<style type="text/css">
body,td,th {
font-family: Arial, Helvetica, sans-serif;
}
body {
background-image: url(images/backdamask.png);
background-repeat: repeat;
}
#logo {
background-image:url(images/logo.png);
margin:0 auto;
top:40px;
position:relative;
width:160px;
height:70px;
z-index:1;
background-repeat:no-repeat;
}
#menuback {
background-color:#191818;
position:relative;
width:auto;
height:50px;
z-index:-1;
marging:0px;
padding:0px;
top:55px;
list-style-type:none;
}
#menu ul{
position:relative;
width:230px;
margin: 0 auto;
}
#menu li{
list-style:none;
position:relative;
float:left;
margin-left:5px;
top:5px;
}
#menu li, #menu a{height:36px; width:100px; display:block;}
#inicio{background:url(images/menu.png) -109px 0;}
#cocina{background:url(images/menu.png) -3px -36px;}
#cocina a:hover{background: url(images/menu.png) -211px -36px;}
#sala{background:url(images/menu.png) -3px -74px;}
#sala a:hover{background: url(images/menu.png) -211px -74px;}
#recamara{background:url(images/menu.png) -3px -112px;}
#recamara a:hover{background: url(images/menu.png) -211px -112px;}
#oficina{background:url(images/menu.png) -3px -148px;}
#oficina a:hover{background: url(images/menu.png) -211px -148px;}
#contacto{background:url(images/menu.png) -3px -222px;}
#contacto a:hover{background: url(images/menu.png) -211px -222px;}
</style>
no eh podido centrarlo ayuda porfavor