elhacker.net cabecera Bienvenido(a), Visitante. Por favor Ingresar o Registrarse
¿Perdiste tu email de activación?.

 

 


Tema destacado: Sigue las noticias más importantes de seguridad informática en el Twitter! de elhacker.NET


  Mostrar Mensajes
Páginas: 1 ... 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 [77]
761  Programación / Desarrollo Web / Re: Problema centrar menu vertical desplegable en: 28 Febrero 2014, 19:28 pm
Cita de: dainodaibouken en 28 Febrero 2014, 19:15 pm
para centrar un "div" utiliza esto:

por ejemplo
tienes esto :
Código
  1. #menu{
  2. margin-left: auto;
  3. margin-right: auto;
  4. width: 760px;
  5. }

para centrar ese div has esto :

Código
  1. #menu{
  2. width: 760px;
  3. left:50%;
  4. margin-left:-380px;
  5. }

te preguntaras por que 380 px, se toma de referencia el 'width' y de divide entre 2, el resultado es el que pondras en margin-left.

espero esto te sirva, saludos!

No me funcionó, el menú sigue descentrado, este es el CSS donde defino al div en cuyo interior quiero centrar el menú:

Código
  1. #columnasupizq{ 
  2. width: 170px;
  3. height: 100%;
  4. margin 0 auto;
  5. float:left;
  6. background-image: url("verde1.jpg");
  7. border-style: outset; border-width: 2px;
  8. margin-right:25px;
  9. }

Es decir tiene un ancho de 170px, lo que hago es abrir este div, y poner dentro en menu con center pero me aparece desplazado a la derecha y queda mitad dentro y mitad fuera. :(
762  Programación / Desarrollo Web / Re: Problema centrar menu vertical desplegable en: 28 Febrero 2014, 18:27 pm
Siento no haber puesto esas etiquetas, no sabía donde estaban.

Respecto a lo de captura de pantalla no hay mucho que decir, puedo describir lo que ocurre perfectamente, es un div vertical con el menú desplegable en su interior, y el problema es que el menu no está centrado y se sale del div un poco por la derecha.

Agradecería muchísimo la ayuda, llevo 3 días bloqueado con esto y no hay manera.
763  Programación / Desarrollo Web / Problema centrar menu vertical desplegable en: 28 Febrero 2014, 09:06 am
CSS:

Código
  1. #columnasupizq{ 
  2. width: 170px;
  3. height: 100%;
  4. margin 0 auto;
  5. float:left;
  6. background-image: url("verde1.jpg");
  7. border-style: outset; border-width: 2px;
  8. margin-right:25px;
  9. }
  10.  
  11. ////////////
  12.  
  13. #menu{
  14. margin-left: auto;
  15. margin-right: auto;
  16. width: 760px;
  17. }
  18. #menu {  
  19. text-align: center;
  20. margin:0 auto;
  21. }
  22. #menu ul { list-style-type: none;
  23. }
  24. #menu ul li.nivel1 { 
  25. width: 155px;
  26. }
  27. #menu ul li.primera { 
  28. border-top: solid 1px #FFF;
  29. }
  30. #menu ul li a {
  31. margin:0 auto;
  32. display: block;
  33. text-decoration: none;
  34. color: #fff;
  35. background-color: #399;
  36. border: solid 1px #fff;
  37. border-top: none;
  38. padding: 8px;
  39. }
  40. #menu ul li:hover{
  41. position: relative;
  42. background-color: #6CC;
  43. color: #000;
  44. }
  45. #menu ul li a:hover, #menu ul li:hover > a.nivel1{
  46. background-color: #6CC;
  47. color: #000;
  48. }
  49. #menu ul li a.nivel1{
  50. display: block!important;
  51. display: none;
  52. }
  53. #menu ul li ul{
  54. display: none;
  55. }
  56. #menu ul li a:hover ul, #menu ul li:hover > ul {
  57. display: block;
  58. top:-1px!important;top: -31px;
  59. }
  60.  
  61.  

CODIGO:

Código
  1. <div id="columnasupizq">
  2.  
  4.  
  5. <br>
  6.  
  7. <div id="boton">
  8. Men&uacute;
  9. </div>
  10.  
  11. <br>
  12.  
  13. <div id="menu" center>
  14. <ul>
  15.   <li class="nivel1 primera"><a href="#" class="nivel1">Ver mi huella digital</a>
  16. 	<ul class="nivel2">
  17. 		<li class="primera"><a href="#">Opción 1.1</a></li>
  18. 	</ul>
  19.   </li>
  20.   <li class="nivel1"><a href="#" class="nivel1">Enviarnos un archivo</a>
  21. 	<ul class="nivel2">
  22. 		<li class="primera"><a href="#" class="nivel1">Opción 2.1</a></li>
  23. 		<li><a href="#">Opción 2.2</a></li>
  24. 		<li><a href="#">Opción 2.3</a></li>
  25. 		<li><a href="#">Opción 2.4</a></li>
  26. 	</ul>
  27. </li>
  28.   <li class="nivel1"><a href="#" class="nivel1">Descargar un archivo</a>
  29. 	<ul class="nivel2">
  30. 		<li class="primera"><a href="#">Opción 3.1</a></li>
  31. 		<li><a href="#">Opción 3.2</a></li>
  32. 	</ul>
  33. </li>
  34.   <li class="nivel1"><a href="#" class="nivel1">Descargar programas</a>
  35. 	<ul class="nivel2">
  36. 		<li class="primera"><a href="#">Opción 4.1</a></li>
  37. 		<li><a href="#">Opción 4.2</a></li>
  38. 		<li><a href="#">Opción 4.3</a></li>
  39. 	</ul>
  40. </li>
  41. </ul>
  42. </div>
  43.  

Llevo más de 2 días intentando centrarlo, y no tengo resultados, ayuda por favor.
Páginas: 1 ... 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 [77]
WAP2 - Aviso Legal - Powered by SMF 1.1.21 | SMF © 2006-2008, Simple Machines