miren , este es el menu desplegable que hice:
entonces , lo de inicio y eso , en vez de que esten en medio quiero que esten a la izquierda , probe con codigos html ( <DIV ALIGN=left> ) pero supongo que lo meteria mal o no seria ese codigo , como lo hago? , e aqui el codigo:
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>Documento sin título</title>
<link rel="stylesheet" type="text/css" href="estilo.css" />
</head>
<P ALIGN=left>
<body style="background: #28282D">
<div id="menu-wrapper">
<ul id="hmenu">
<li><a href="#">Inicio</a></li>
<li><a href="#">Peliculas</a>
<ul class="sub-menu">
<li><a href="peliculas.html">Lista</a></li>
<li><a href="">Comparte una con nosotros</a></li>
</ul>
</li>
<li><a href="#">Series</a>
<ul class="sub-menu">
<li><a href="series.html">Lista</a></li>
<li><a href="">Comparte una con nosotros</a></li>
</ul>
</li>
<li><a href="#">Contacto</a></li>
</ul>
</div>
</body>
</html>
y el del css por si se necesita:
Citar
@charset "utf-8";
/* CSS Document */
body{margin:0;
font-family: sans-serif;
font-size:14px;
}
#menu-wrapper ul{
padding:0;
list-style:none;
text-align: left;
}
#hmenu > li{
display: inline-block;
}
#hmenu > li > a{
display: block;
padding: 10px 5px;
widht: 90px;
}
li ul{
position: absolute;
display:none;
}
.sub-menu a{
display: block;
padding: 10px 5px;
width: 130px;
}
li:hover ul{
display: block;
}
#menu-wrapper, li ul{
background: #333;
text-align: left;
}
#hmenu {
width: 412px;
margin: 0 auto;
}
#hmenu a{
color: #fff;
text-decoratioin:none;
font-weigt: bold;
}
#hmenu li:hover{
background: #a3cd39;
text-shadow: 0 0 2px #000;
}
/* CSS Document */
body{margin:0;
font-family: sans-serif;
font-size:14px;
}
#menu-wrapper ul{
padding:0;
list-style:none;
text-align: left;
}
#hmenu > li{
display: inline-block;
}
#hmenu > li > a{
display: block;
padding: 10px 5px;
widht: 90px;
}
li ul{
position: absolute;
display:none;
}
.sub-menu a{
display: block;
padding: 10px 5px;
width: 130px;
}
li:hover ul{
display: block;
}
#menu-wrapper, li ul{
background: #333;
text-align: left;
}
#hmenu {
width: 412px;
margin: 0 auto;
}
#hmenu a{
color: #fff;
text-decoratioin:none;
font-weigt: bold;
}
#hmenu li:hover{
background: #a3cd39;
text-shadow: 0 0 2px #000;
}
Gracias y salu2
pd: a ser posible diganme donde meto el codigo nuevo xd o copien el codigo de arriba y añadan eso y posteenlo si saben , gracias de nuevo et