He encontrado otro, pero no se como separar el menú del primer botón del desplegable
Así me queda... Se monta el que despliega con el menu.. el segundo si que lo puedo separar...
He probado con el margin.. pero no hay manera..
El Html
Código HTML:
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" >
<head>
<title>Página de ejemplo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="Language" content="Español" />
<link rel="stylesheet" type="text/css" href="menu2.css" />
</head>
<body>
<ul id="menu-horizontal">
<li><a href="#" title="Texto">Texto</a></li>
<li><a href="#" title="Texto">Texto</a></li>
<li><a href="#" title="Texto">Texto</a>
<ul>
<li><a href="#" title="Texto">Texto</a></li>
<li><a href="#" title="Texto">Texto</a></li>
</ul>
</li>
<li><a href="#" title="Texto">Texto</a></li>
<li><a href="#" title="Texto">Texto</a></li>
</ul>
</div>
</div>
</div>
</body>
</html>
El css
Código:
ul#menu-horizontal li {
float: left;
display: inline;
position: relative;
}
ul#menu-horizontal ul {
display: none;
position: relative;
top: 14;
left:0;
margin:-1px;
padding:1px;
background:#FFFFFF;
}
ul#menu-horizontal ul li {
display: block !important;
}
ul#menu-horizontal li:hover ul{
display: none;
}
ul#menu-horizontal li:hover ul{
display: block;
}
#menu-horizontal {
width:500px;
margin:0 auto;
}
#menu-horizontal li {
width:75px;
min-height:19px;
text-align:center;
background:#666 url(images/corner.gif) top right no-repeat;
list-style:none;
padding:1px 0 1px 0;
margin:0 2px 10px 0;
}
/* y otro poquito por aquí.. */
#menu-horizontal li:hover {
background:#d0d0d0 url(images/corner.gif) top right no-repeat;
}
#menu-horizontal li a {
font:76% tahoma, verdana, sans-serif;
color:#FFF;
text-decoration:none;
}
#menu-horizontal li ul li{
float:none;
width:75px;
margin:1px 0 2px 0;
}
1 Saludo y Gracias
