Foros del Web » Creando para Internet » CSS »

Unir 3 div en linea centrados

Estas en el tema de Unir 3 div en linea centrados en el foro de CSS en Foros del Web. hola nesecito ayuda tengo un contenedor 980 px dentro de el tengo un div menu centrado de 640 bajo eso quiero colocar 3 div de ...
  #1 (permalink)  
Antiguo 24/08/2010, 15:56
 
Fecha de Ingreso: agosto-2010
Mensajes: 1
Antigüedad: 7 años, 3 meses
Puntos: 0
Sonrisa Unir 3 div en linea centrados

hola
nesecito ayuda

tengo un contenedor 980 px dentro de el tengo un div menu centrado de 640
bajo eso quiero colocar 3 div de 213 px centrados a los 640

saludos

mi codigo

<div id="planbasico">
<p><strong>PLAN BASICO</strong></p>
<p class="textoplanes">El plan Básico es un plan diseñado para un servicio de calidad, con requerimientos mínimos de tráfico y espacio en disco. </p>
</div>
<div class="planmedio" id="planmedio">
<p>PLAN MEDIO</p>
<p class="textoplanes"><span class="sacarnegrita"> El Plan Medio exclusivo para profesionales, autonomos y particulares, que cuenta con todas las características necesarias para disponer de un servicio de calidad.</span> </p>
</div>
<div class="planpremiun" id="planpremiun">
<p>PLAN PREMIUN</p>
<p class="textoplanes"> <span class="sacarnegrita">El Plan Premiun exclusivo para profesionales y empresas, que cuenta con todas las características necesarias para disponer de un servicio de calidad, para su presencia en Internet. </span></p>
</div>

</div>
  #2 (permalink)  
Antiguo 25/08/2010, 12:56
 
Fecha de Ingreso: agosto-2008
Mensajes: 49
Antigüedad: 9 años, 4 meses
Puntos: 0
Respuesta: Unir 3 div en linea centrados

No soy un experto pero creo que tienes que aplicar un clear: both al menu para nigún elemento se posicione a la izquierda y derecha del mismo.

Un saludo.
  #3 (permalink)  
Antiguo 25/08/2010, 18:14
 
Fecha de Ingreso: junio-2010
Ubicación: Manizales
Mensajes: 59
Antigüedad: 7 años, 5 meses
Puntos: 1
Respuesta: Unir 3 div en linea centrados

Seria algo como esto:

Código HTML:
<div style="width:640px; border:solid 5px;">

<div id="planbasico" style="width:208px; float:left; margin: 3px 1px 2px 3px;">
<p><strong>PLAN BASICO</strong></p>
<p class="textoplanes">El plan Básico es un plan diseñado para un servicio de calidad, con requerimientos mínimos de tráfico y espacio en disco. </p>
</div>

<div class="planmedio" id="planmedio" style="width:208px; float:left; margin: 3px 1px 2px 3px;">
<p>PLAN MEDIO</p>
<p class="textoplanes"><span class="sacarnegrita"> El Plan Medio exclusivo para profesionales, autonomos y particulares, que cuenta con todas las características necesarias para disponer de un servicio de calidad.</span> </p>
</div>

<div class="planpremiun" id="planpremiun" style="width:208px; float:left; margin: 3px 1px 2px 3px;">
<p>PLAN PREMIUN</p>
<p class="textoplanes"> <span class="sacarnegrita">El Plan Premiun exclusivo para profesionales y empresas, que cuenta con todas las características necesarias para disponer de un servicio de calidad, para su presencia en Internet. </span></p>
</div>

</div> 
Revizalo por si t sirve.

Saludos.
  #4 (permalink)  
Antiguo 28/08/2010, 03:10
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: Unir 3 div en linea centrados

Hola:

Cita:
Iniciado por ms10 Ver Mensaje
tengo un contenedor 980 px dentro de el tengo un div menu centrado de 640
bajo eso quiero colocar 3 div de 213 px centrados a los 640
¿Qué tal crear un div de 640 centrado, debajo del anterior y que contenga a los otros tres?

Saludos.

  #5 (permalink)  
Antiguo 28/08/2010, 07:48
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Unir 3 div en linea centrados

O mucho me equivoco, o a este usuario se le olvidó la contraseña (o que pasó por este foro).
Pero bueno, por si algún día regresa o para quienes lleguen a este tema algún día de estos, acá queda otra forma de alineación al centro conjunta de múltiples elementos (con independencia del número de ellos) y sin necesidad de calcular anchuras para cada caso:
http://bit.ly/bxwBRc
  #6 (permalink)  
Antiguo 30/08/2010, 19:39
Avatar de catpaw  
Fecha de Ingreso: mayo-2010
Ubicación: xalapa
Mensajes: 856
Antigüedad: 7 años, 7 meses
Puntos: 23
Respuesta: Unir 3 div en linea centrados

Cita:
Iniciado por kseso? Ver Mensaje
O mucho me equivoco, o a este usuario se le olvidó la contraseña (o que pasó por este foro).
Pero bueno, por si algún día regresa o para quienes lleguen a este tema algún día de estos, acá queda otra forma de alineación al centro conjunta de múltiples elementos (con independencia del número de ellos) y sin necesidad de calcular anchuras para cada caso:
http://bit.ly/bxwBRc
Hola Kseso, fijate que ando buscando hacer algo como lo que pones en el link, podrías orientarme o si no es molestia pasarme el codigo con el que logras "Centrar al Centro" Divs Conjuntamente por fas

Gracias
  #7 (permalink)  
Antiguo 30/08/2010, 19:51
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Unir 3 div en linea centrados

No es molestia, en absoluto.
Y más cuando lo tiene todo en la misma página. El css y el marcado html. En el ejemplo uso div´s, pero creo que no le será difícil cambiar las etiquetas correspondientes si lo precisa para un menú /ul/li/a/ o cualquier otra.
  #8 (permalink)  
Antiguo 30/08/2010, 21:26
Avatar de catpaw  
Fecha de Ingreso: mayo-2010
Ubicación: xalapa
Mensajes: 856
Antigüedad: 7 años, 7 meses
Puntos: 23
Respuesta: Unir 3 div en linea centrados

Cierto muchas gracias!!

Etiquetas: linea, unir, centrar
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 11:07.