Tema: duda posicionamiento del div
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 24/08/2011, 02:26
sirdaiz
 
Fecha de Ingreso: diciembre-2010
Mensajes: 459
Antigüedad: 14 años, 1 mes
Puntos: 21
duda posicionamiento del div
Hola tengo el sgte div que me gustaria que este mas abajo:

Codigo html:

Código HTML: 
Ver original
  1. <html>
  2.     <head>
  3.         <script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
  4.         <script type="text/javascript" src="js/jquery.lksMenu.js"></script>
  5.         <link rel="stylesheet" type="text/css" href="css/lksMenuSkin3.css" />
  6.         <script>
  7.         $('document').ready(function(){
  8.             $('.menu').lksMenu();
  9.         });
  10.         </script>
  11.     </head>
  12.     <body>
  13.  
  14.     <div class='menu'>
  15. <ul><li><a href='#'>aaa</a>
  16. <ul>
  17. <li><a href='#'>cccc</a></li>
  18. <li><a href='#'>bbb</a></li>
  19. </ul>
  20. </li></ul>
  21. </div>
  22.     </body>
  23. </html>

y codigo css:

Código CSS: 
Ver original
  1. .menu{
  2.       font-family: Helvetica;
  3.  
  4. }
  5. .menu ul{
  6.     list-style: none;
  7.     margin:0;
  8.     padding:0;
  9.     width:250px;
  10. }
  11. .menu ul li ul{
  12.     width:240px;
  13. }
  14. .menu ul li{
  15.     margin:0;
  16.     padding:5px;
  17.     background-color: #4B4B4B;
  18. }
  19. .menu ul li a{
  20.     padding-top:5px;
  21.     border-color: #404040 #1A1A1A #1A1A1A #505050;
  22.     border-style: solid;
  23.     border-width: 1px;
  24.     padding-left: 10px;
  25.     display:block;
  26.     text-decoration: none;
  27.     color:white;
  28.     font:bold 17px Arial,Helvetica,sans-serif;
  29.     height:30px;
  30.     background: #5B5B5B  no-repeat center right;
  31.     line-height: 1.3em;
  32. }
  33. .menu ul li ul a{
  34.     border-color: #404040 #1A1A1A #1A1A1A #505050;
  35.     border-style: solid;
  36.     border-width: 1px;
  37.     margin-top:2px;
  38.     padding-left: 10px;
  39.     display:block;
  40.     text-decoration: none;
  41.     color:white;
  42.     font-size:14px;
  43.     height:25px;
  44.     font-weight: normal;
  45.     background: #0D0D0D;
  46. }
  47. .menu ul li a:hover{
  48.     background: #DB5A0A  no-repeat center right;
  49. }
  50. .menu ul li ul a:hover{
  51.     background: #FCAB14;
  52.     color:black;
  53. }
  54.  
  55. .menu ul li ul{
  56.     display:none;
  57.  
  58. }

He intentado poner:

Código CSS: 
Ver original
  1. .menu{
  2.       font-family: Helvetica;
  3.      margin-top:200px;  
  4.      margin-left:200px; 
  5. }

Pero nada, alguna ayuda?

Gracias