|
Menu con LI, en la misma linea, y alineado a la derecha Así como lo pregunto. Actualmente tengo un menú de imagenes, que para comodidad (Y aparentemente por accesibilidad y standar), lo he puesto en una lista desordenada (ul). Para que estén en la misma linea, les hago un clear:left, pero eso hace que se ordenen a la izquierda, y por estética en mi página, yo quiero alinearlos a la derecha. Ya están en un div que alínea todo a la derecha, pero la lista no se incluye en esto, y no se como hacer que haga tal efecto. Una forma sencilla sería poner en orden inverso la lista y hacerles un clear:right, pero en otras secciones de la página estará al centro, por lo que no es una solución optima. Espero alguien pueda ayudarme con esta. ¡Gracias! :-) |
Respuesta: Menu con LI, en la misma linea, y alineado a la derecha Hola, daPhyre. Yo de entrada te recomiendo que no uses el menú a la derecha en unas páginas y centrado en otras (es recomendable mantener la consistencia en la navegación), pero es cosa tuya. Si muestras el código nos podremos hacer una idea de los que quieres hacer. Mikel. |
Respuesta: Menu con LI, en la misma linea, y alineado a la derecha En la misma linea te refieres así? ------ -------- ----------- Código PHP: |
Respuesta: Menu con LI, en la misma linea, y alineado a la derecha El código: Código HTML: <div id="menu">Código HTML: #menu{text-align:center;} |
Respuesta: Menu con LI, en la misma linea, y alineado a la derecha Encontré el origen del problema; el "display:inline" funciona perfecto para el menú con imagenes, y ya se acomoda, el problema es con el menú con letras, que para que paresca un botón, hago un #menu a{display:block;background:#ccc;width:100px;} Al quitarte el display:block, ya me lo muestra en la misma línea, pero el fondo ya no me lo colorea en todo su ancho. ¿Como hacer para que ambos me funcionen, o en dado caso, corregir la forma pasada? |
Respuesta: Menu con LI, en la misma linea, y alineado a la derecha Te iba a decir que difícilmente se van a alinear con text-align los elementos "lu", ya que no son de línea. pero explorer hace esas cosas. Para lo de los botones, podrás darles el tamaño que quieras a través del padding y el line-height. Mikel. |
Respuesta: Menu con LI, en la misma linea, y alineado a la derecha ¿Entonces en los demás exploradores no hay forma de que los elementos en un "ul" me los alínie al centro o a la derecha? Y no estoy seguro del padding, pues lo que quiero es que todos los links tengan un ancho de 100px, ya sea que sea una palabra más o menos larga, o una simple letra. Pero si ninguna de las opciones anteriores es posible, ya tendré que idearme un diseño alterno para lo que intento. Gracias. |
Respuesta: Menu con LI, en la misma linea, y alineado a la derecha Cita:
Y además estás queriendo hacerlo usando la misma clase para los dos "ul", lo cual complica más la cosa. Supongo que la mejor alternativa es darles diferentes clases y alinear los "ul" como elementos de bloque con margin: 0 auto; y margin-left: auto; respectivamente. Mikel. |
Respuesta: Menu con LI, en la misma linea, y alineado a la derecha Tienes razón, me expresé mal, la pregunta correcta sería "¿Entonces en los demás exploradores no hay forma un "ul" me lo alínie al centro o a la derecha?". El tenerlo en distintas clases no sería problema, aunque creo que hay una solución más sencilla para esto. ¿A cual le pongo cada uno? ¿Debería quedar algo así? Código HTML: #menu ul.link{margin: 0 auto;} |
Respuesta: Menu con LI, en la misma linea, y alineado a la derecha Sí, así está bien. |
Respuesta: Menu con LI, en la misma linea, y alineado a la derecha Esto funciona igual (en cuanto a la alineación que buscabas), en FF y en IE. Cita:
Mikel. |
Respuesta: Menu con LI, en la misma linea, y alineado a la derecha Ya pude probarlo, y finalmente se ve perfecto en IE, FF y Safari. ¡Muchas gracias como siempre por tu ayuda! |
| La zona horaria es GMT -6. Ahora son las 08:09. |
Desarrollado por vBulletin® Versión 3.8.7
Derechos de Autor ©2000 - 2026, Jelsoft Enterprises Ltd.