Hola!! estoy haciendo un menú horizontal en html5 y css3, aparentemente los hipervinculos están correctos pero al ejecutar la web en el servidor, no me funcionan....
este es el cócigo en *.css
#menu{width:100%;height:70px;background:#00a6d6;}
.logo{width:100px; height:35px; padding-left:170px; position:fixed; top:6; min-height: 100%; min-width: 100%;margin:auto;margin-top:17px;}
.nav{width:990px;height:40px; margin:auto;padding-left:300px;}
.nav ul{list-style:none;}
.nav ul li{display:inline;}
.nav ul li a{display: inline-block;
padding:5px;
margin-top:22px;
color:#d9d9d9;
font-size:12px;
font-family:Helvetica, Arial;
text-decoration:none;
text-shadow:#000000 1px 1px 2px;
/*Transiciones*/
-webkit-transition:0.4s linear all;
-moz-transition:0.4s linear all;
-o-transition:0.4s linear all;
transition:0.4s linear all;
}
.nav ul li a:hover{background:#005871; color:#4e4e4e4e;}
.busqueda{float:right;
margin:top;
margin-right:215px;
margin-top:-17px;
color="#00a6d6" ;
}
y el *.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="es">
<head>
<title></title>
<link rel="stylesheet" href="XXXXXX.css" type="text/css"/>
</head>
<body>
<header>
<nav>
<div id="menu">
<div class="logo">
<a href="http://www.google.es"><img src="XXXXXX.png"/></a>
</div>
<div class="nav">
<ul>
<li><a title="XXXXXX" href="#">USUARIOS</a></li>
<li><a title="XXXXXX" href="#">POIs</a></li>
<li><a title="XXXXXX" href="#">MENSAJES</a></li>
<li><a title="XXXXXX" href="#">INFORMES</a></li>
<li><a title="XXXXXX" href="#">CONFIGURACIÓN</a></li>
</ul>
</div>
<div class="busqueda">
<form action="?" method="get">
<input type="text" value="Buscar..."/>
</form>
</div>
</div>
</nav>
</header>
</body>
</html>
Gracias y haber si me podeis ayudar