duda posicionamiento del div

sirdaiz · #1 (**permalink**) 24/08/2011, 02:26

Hola tengo el sgte div que me gustaria que este mas abajo:

Codigo html:

Código HTML:

Ver original<html>
    <head>
        <script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
        <script type="text/javascript" src="js/jquery.lksMenu.js"></script>
        <link rel="stylesheet" type="text/css" href="css/lksMenuSkin3.css" />
        <script>
        $('document').ready(function(){
            $('.menu').lksMenu();
        });
        </script>
    </head>
    <body>
 
    <div class='menu'>
<ul><li><a href='#'>aaa</a>
<ul>
<li><a href='#'>cccc</a></li>
<li><a href='#'>bbb</a></li>
</ul>
</li></ul>
</div>
    </body>
</html>

y codigo css:

Código CSS:

Ver original.menu{
      font-family: Helvetica;
 
}
.menu ul{
    list-style: none;
    margin:0;
    padding:0;
    width:250px;
}
.menu ul li ul{
    width:240px;
}
.menu ul li{
    margin:0;
    padding:5px;
    background-color: #4B4B4B;
}
.menu ul li a{
    padding-top:5px;
    border-color: #404040 #1A1A1A #1A1A1A #505050;
    border-style: solid;
    border-width: 1px;
    padding-left: 10px;
    display:block;
    text-decoration: none;
    color:white;
    font:bold 17px Arial,Helvetica,sans-serif;
    height:30px;
    background: #5B5B5B  no-repeat center right;
    line-height: 1.3em;
}
.menu ul li ul a{
    border-color: #404040 #1A1A1A #1A1A1A #505050;
    border-style: solid;
    border-width: 1px;
    margin-top:2px;
    padding-left: 10px;
    display:block;
    text-decoration: none;
    color:white;
    font-size:14px;
    height:25px;
    font-weight: normal;
    background: #0D0D0D;
}
.menu ul li a:hover{
    background: #DB5A0A  no-repeat center right;
}
.menu ul li ul a:hover{
    background: #FCAB14;
    color:black;
}
 
.menu ul li ul{
    display:none;
 
}

He intentado poner:

Código CSS:

Ver original.menu{
      font-family: Helvetica;
     margin-top:200px;  
     margin-left:200px; 
}

Pero nada, alguna ayuda?

Gracias

sirdaiz · #2 (**permalink**) 24/08/2011, 04:45

Solucionado:
.menu{
font-family: Helvetica;
position:relative;
left:15%;
top:10%;
}

Saludos