Foros del Web » Creando para Internet » CSS »

alinear horizontalmente enlaces

Estas en el tema de alinear horizontalmente enlaces en el foro de CSS en Foros del Web. Hola tengo un menu horizontal con varios enlaces, lo ideal seria poder justificarlos horizontalmente para que tengan el mismo espacio entre todos los enlaces, he ...
  #1 (permalink)  
Antiguo 09/01/2009, 09:30
 
Fecha de Ingreso: enero-2004
Ubicación: Granada
Mensajes: 81
Antigüedad: 13 años, 10 meses
Puntos: 0
alinear horizontalmente enlaces

Hola tengo un menu horizontal con varios enlaces, lo ideal seria poder justificarlos horizontalmente para que tengan el mismo espacio entre todos los enlaces, he probado con text-align:justify, pero no funciona, el numero de enlaces no es fijo, este menu es secundario y en funcion de la opcion del menu primario hay diferentes opciones.

Ej. codigo:
Código:
<div style:"text-align:justify">
<a href="enlace1.php>Enlace 1</a>&nbsp;&nbsp;&nbsp;
<a href="enlace2.php>Enlace 2</a>&nbsp;&nbsp;&nbsp;
<a href="enlace3.php>Enlace 3</a>&nbsp;&nbsp;&nbsp;
<a href="enlace4.php>Enlace 4</a></div>
Código:
A mi me sale
Enlace 1  Enlace 2   Enlace 3   Enlace 4

Y me gustaria:
Enlace 1               Enlace 2            Enlace 3        Enlace 4
Un saludo
__________________
VitoVi.com
Responsable Programación Web
  #2 (permalink)  
Antiguo 09/01/2009, 09:46
Avatar de Aresillo
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: Becerril de la Sierra
Mensajes: 958
Antigüedad: 9 años, 8 meses
Puntos: 53
Respuesta: alinear horizontalmente enlaces

mete todos lo enlaces en una lista y después dale al ul el 100% del ancho...

Creo que era así...

Aresillo!!
__________________
Las dudas son el alimento de la inteligencia. A. Einstein
Everything we are is the end result of our thoughts. Sidhartta Gautama
  #3 (permalink)  
Antiguo 09/01/2009, 12:06
Avatar de Calizman
Organiza competencias CSS
 
Fecha de Ingreso: octubre-2008
Ubicación: Ciudad de Guatemala, Guatemala
Mensajes: 1.122
Antigüedad: 9 años, 2 meses
Puntos: 83
Respuesta: alinear horizontalmente enlaces

Coincido en la opinion de mi compañero Aresillo solo que le agregare algo y es esto:

-Metes todo en una lista ordenada
-al ul le das display: block y el 100% del ancho.
-al li le das display: inline o text-align: left o right tendra el mismo resultado...
-al li le das padding: auto 15px, esto te hara que de arriba no tenga padding, y de los lados tenga 15px de padding... asi se separaran los enlaces unos de otros!

Pruebalo... y haz tu tambien tu codigo no? ve cambiando el padding y cosas asi...

Suerte y Saludos!!
__________________
[ Mi Sitio Personal ]
"La felicidad no es una estacion de llegada... Es un modo de viajar"
Tom Schreiter
  #4 (permalink)  
Antiguo 09/01/2009, 19:28
 
Fecha de Ingreso: enero-2004
Ubicación: Granada
Mensajes: 81
Antigüedad: 13 años, 10 meses
Puntos: 0
Respuesta: alinear horizontalmente enlaces

Estoy probando las soluciones propuestas pero no me dan el resultado que deseo,lo que necesito es que ocupen el 100% del espacio estando la primera opcion a las izq y la ultima a la derecha y las que queden en medio que esten ocupando el espacio que queda en medio, al igual que una justificacion
__________________
VitoVi.com
Responsable Programación Web
  #5 (permalink)  
Antiguo 09/01/2009, 22:22
Avatar de Calizman
Organiza competencias CSS
 
Fecha de Ingreso: octubre-2008
Ubicación: Ciudad de Guatemala, Guatemala
Mensajes: 1.122
Antigüedad: 9 años, 2 meses
Puntos: 83
Respuesta: alinear horizontalmente enlaces

No entendi tu problema... podrias explicarte mejor?
y ante todo... poner el codigo CSS que estas poniendo! y el HTML!!

Gracias!
__________________
[ Mi Sitio Personal ]
"La felicidad no es una estacion de llegada... Es un modo de viajar"
Tom Schreiter
  #6 (permalink)  
Antiguo 10/01/2009, 06:29
 
Fecha de Ingreso: febrero-2008
Mensajes: 109
Antigüedad: 9 años, 9 meses
Puntos: 15
Respuesta: alinear horizontalmente enlaces

Yo lo hago al revés: al ul le dices mostrar bloque, y al li, mostrar línea, luego , le pones a li: margen auto y a ul: ancho 100%
Suerte
  #7 (permalink)  
Antiguo 10/01/2009, 06:42
Avatar de yosoyraro  
Fecha de Ingreso: enero-2009
Ubicación: Madrid
Mensajes: 26
Antigüedad: 8 años, 11 meses
Puntos: 0
Respuesta: alinear horizontalmente enlaces

prueba de poner float: left
  #8 (permalink)  
Antiguo 10/01/2009, 07:04
 
Fecha de Ingreso: febrero-2008
Mensajes: 109
Antigüedad: 9 años, 9 meses
Puntos: 15
Respuesta: alinear horizontalmente enlaces

Perdón, me equivoqué:
ul: mostrar línea,
li: mostrar bloque, float left (o right)
y le pones el margen izuierdo y derecho que necesites para separarlos (y padding, color de fondo, etc)
  #9 (permalink)  
Antiguo 10/01/2009, 08:35
Avatar de willyfc  
Fecha de Ingreso: octubre-2008
Ubicación: Santa Cruz - Bolivia
Mensajes: 662
Antigüedad: 9 años, 2 meses
Puntos: 40
Respuesta: alinear horizontalmente enlaces

creo que sería de esta manera:

Código:
#menu{ width:100%; height:40px; margin:0 auto;}
#menu ul{list-style:none}
#menu ul li{display:inline; margin:0 45px 0 45px}
Código HTML:
<div id="menu">
	<ul>
		<li><a href="#">menu 1</a></li>
		<li><a href="#">menu 2</a></li>
		<li><a href="#">menu 3</a></li>
		<li><a href="#">menu 4</a></li>
		<li><a href="#">menu 5</a></li>
		<li><a href="#">menu 6</a></li>
	</ul>
</div> 
__________________
WFC
codigo82
  #10 (permalink)  
Antiguo 10/01/2009, 20:11
 
Fecha de Ingreso: enero-2004
Ubicación: Granada
Mensajes: 81
Antigüedad: 13 años, 10 meses
Puntos: 0
Respuesta: alinear horizontalmente enlaces

Muchas gracias willyfc

Ya sale bien...
__________________
VitoVi.com
Responsable Programación Web
  #11 (permalink)  
Antiguo 10/01/2009, 21:20
Avatar de Calizman
Organiza competencias CSS
 
Fecha de Ingreso: octubre-2008
Ubicación: Ciudad de Guatemala, Guatemala
Mensajes: 1.122
Antigüedad: 9 años, 2 meses
Puntos: 83
Respuesta: alinear horizontalmente enlaces

Valla... algo tan sencillo que gran problema se ha vuelto!

Gracias por el aporte Willyfc!!
__________________
[ Mi Sitio Personal ]
"La felicidad no es una estacion de llegada... Es un modo de viajar"
Tom Schreiter
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 12:35.