Foros del Web » Creando para Internet » CSS »

Doble alineación en un DIV

Estas en el tema de Doble alineación en un DIV en el foro de CSS en Foros del Web. Hola, Estoy intentando crear un <div> de forma que muestren unos enlaces a la izquierda y otros a la derecha. Por ejemplo: ------------------------------------------------------------------------------------------------------------------------------- enlace1 enlace2 ...
  #1 (permalink)  
Antiguo 01/02/2008, 23:47
 
Fecha de Ingreso: junio-2006
Mensajes: 58
Antigüedad: 11 años, 6 meses
Puntos: 0
Doble alineación en un DIV

Hola,

Estoy intentando crear un <div> de forma que muestren unos enlaces a la izquierda y otros a la derecha. Por ejemplo:

-------------------------------------------------------------------------------------------------------------------------------
enlace1 enlace2 enlace3 .................................................. .......................................... enlace4 enlace5
-------------------------------------------------------------------------------------------------------------------------------

Pero o bien se va todo a la izquierda o todo a la derecha o si utilizo dos divs no quedan bien, no se cómo formatearlo.

Con tablas y un par de columnas sería fácil, pero prefiero utilizar solo divs.
  #2 (permalink)  
Antiguo 02/02/2008, 01:51
Avatar de aloqui  
Fecha de Ingreso: diciembre-2007
Mensajes: 973
Antigüedad: 10 años
Puntos: 24
Re: Doble alineación en un DIV

Puedes usar dos divs, el primero con text-align:left + float:left y el segundo con text-align:right
__________________
Grupos de Música
Pop Music Stars
  #3 (permalink)  
Antiguo 02/02/2008, 03:47
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 15 años, 10 meses
Puntos: 771
Re: Doble alineación en un DIV

Hola junter

A ver si te sirve esto:

Código:
<div>
<p id="iz">izquierda</p><p id="der">derecha</p>
</div>
Con estos estilos:

Código:
div p {display: inline; float: left; width:50%}
#iz {text-align: left}
#der {text-align: right}
Saludos,
  #4 (permalink)  
Antiguo 02/02/2008, 10:29
 
Fecha de Ingreso: junio-2006
Mensajes: 58
Antigüedad: 11 años, 6 meses
Puntos: 0
Re: Doble alineación en un DIV

Gracias a las dos respuestas.

Las dos funcionan aunque la solución de aloqui descoloca algunos divs que tengo abajo y la de javierb al ser <p> el párrafo desplaza hacia abajo el texto.
  #5 (permalink)  
Antiguo 02/02/2008, 11:39
Avatar de aloqui  
Fecha de Ingreso: diciembre-2007
Mensajes: 973
Antigüedad: 10 años
Puntos: 24
Re: Doble alineación en un DIV

Cita:
Iniciado por junter Ver Mensaje
Gracias a las dos respuestas.

Las dos funcionan aunque la solución de aloqui descoloca algunos divs que tengo
Prueba entonces a englobarlos dentro de otro div
<div>
<div id="iz">Links de la izda</div>
<div id="der">Links de la dcha</div>
<div>
__________________
Grupos de Música
Pop Music Stars
  #6 (permalink)  
Antiguo 02/02/2008, 15:37
 
Fecha de Ingreso: junio-2006
Mensajes: 58
Antigüedad: 11 años, 6 meses
Puntos: 0
Re: Doble alineación en un DIV

Así es como lo tengo hecho pero no se por qué afecta a los divs de abajo.

Retocándolos un poco parece que está funcionando.

Gracias de nuevo!!
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 23:03.