[Ovillo] Como centrar dentro de un elemento otro elemento que no tiene longitud fija ???

2010-09-02 Por tema Ariel
Hola a todos:

Quiero centrar un elemento A dentro de un elemento B horizontalmente, el
elemento A tiene longitud variable pero ademas tiene dentro elementos
flotantes a la izquierda con un margen, he probado de mil formas poniendo el
elemento A dentro de un span y el elemento B con text-align: center pero no
funciona, parece que el hecho de que dentro del elemento A existan elementos
flotando a la izquierda hace que todo se vaya hacia esa direccion.
Como podría hacerlo ??? Me pueden ayudar ???

Saludos
Ariel
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Como centrar dentro de un elemento otro elemento que no tiene longitud fija ???

2010-09-02 Por tema Luis Mario Álvarez
Aunque me hago una idea de lo que pides me gustaría ver dos cosas; tu markup
y tu css porque así, imaginándolo va a estar difícil.
Al menos para mi.

Saludos.

2010/9/2 Ariel isaacr...@gmail.com

 Hola a todos:

 Quiero centrar un elemento A dentro de un elemento B horizontalmente, el
 elemento A tiene longitud variable pero ademas tiene dentro elementos
 flotantes a la izquierda con un margen, he probado de mil formas poniendo
 el
 elemento A dentro de un span y el elemento B con text-align: center pero no
 funciona, parece que el hecho de que dentro del elemento A existan
 elementos
 flotando a la izquierda hace que todo se vaya hacia esa direccion.
 Como podría hacerlo ??? Me pueden ayudar ???

 Saludos
 Ariel
 ___
 Lista de distribución Ovillo
 Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
 Puedes modificar tus datos o desuscribirte en la siguiente dirección:
 http://lists.ovillo.org/mailman/listinfo/ovillo




-- 
*magrio*álvarez
desarrollador*web*
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Como centrar dentro de un elemento otro elemento que no tiene longitud fija ???

2010-09-02 Por tema Ariel
Sencillo, tengo lo siguiente en html:

div id=paginator class=elementoB
div class=elementoA
a href=1/a
a href=2/a
a href=3/a
/div
/div


En css:

#paginator{
background-image:url(../images/background_pagination.jpg);
width:659px;
height:26px;
text-align:center;
}

#paginator a{
background-image:url(../images/background_page.jpg);
margin-left:10px;
display:block;
float:left;
height:24px;
width:24px;
}


Como ven demarqué las clases, el elemento A lo quiero centrado dentro del B
pero este elemento A puede crecer dinamicamente.
Alguna sugerencia ???
Gracias de antemano.
Ariel


2010/9/2 Luis Mario Álvarez h...@magrio.net

 Aunque me hago una idea de lo que pides me gustaría ver dos cosas; tu
 markup
 y tu css porque así, imaginándolo va a estar difícil.
 Al menos para mi.

 Saludos.

 2010/9/2 Ariel isaacr...@gmail.com

  Hola a todos:
 
  Quiero centrar un elemento A dentro de un elemento B horizontalmente, el
  elemento A tiene longitud variable pero ademas tiene dentro elementos
  flotantes a la izquierda con un margen, he probado de mil formas poniendo
  el
  elemento A dentro de un span y el elemento B con text-align: center pero
 no
  funciona, parece que el hecho de que dentro del elemento A existan
  elementos
  flotando a la izquierda hace que todo se vaya hacia esa direccion.
  Como podría hacerlo ??? Me pueden ayudar ???
 
  Saludos
  Ariel
  ___
  Lista de distribución Ovillo
  Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
  Puedes modificar tus datos o desuscribirte en la siguiente dirección:
  http://lists.ovillo.org/mailman/listinfo/ovillo
 



 --
 *magrio*álvarez
 desarrollador*web*
 ___
 Lista de distribución Ovillo
 Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
 Puedes modificar tus datos o desuscribirte en la siguiente dirección:
 http://lists.ovillo.org/mailman/listinfo/ovillo

___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Como centrar dentro de un elemento otro elemento que no tiene longitud fija ???

2010-09-02 Por tema Marc Palau
En/na Ariel ha escrit:
 Hola a todos:

 Quiero centrar un elemento A dentro de un elemento B horizontalmente, el
 elemento A tiene longitud variable pero ademas tiene dentro elementos
 flotantes a la izquierda con un margen, he probado de mil formas poniendo el
 elemento A dentro de un span y el elemento B con text-align: center pero no
 funciona, parece que el hecho de que dentro del elemento A existan elementos
 flotando a la izquierda hace que todo se vaya hacia esa direccion.
 Como podría hacerlo ??? Me pueden ayudar ???

 Saludos
 Ariel
 ___
 Lista de distribución Ovillo
 Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
 Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
 http://lists.ovillo.org/mailman/listinfo/ovillo

   
la fuentee te llaama:

http://dev.opera.com/articles/view/35-floats-and-clearing/#centeringfloats

un saludote!
Marc Palau
https://www.CDmon.com
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Como centrar dentro de un elemento otro elemento que no tiene longitud fija ???

2010-09-02 Por tema Andrés gutiérrez
El 2 de septiembre de 2010 16:41, Ariel isaacr...@gmail.com escribió:

 Sencillo, tengo lo siguiente en html:

 div id=paginator class=elementoB
div class=elementoA
a href=1/a
a href=2/a
a href=3/a
/div
 /div

Quita el div de dentro y deja sueltos dentro los links.
Y ponles del display asi:
display:inline-block;



 En css:

 #paginator{
background-image:url(../images/background_pagination.jpg);
width:659px;
height:26px;
text-align:center;
 }

 #paginator a{
background-image:url(../images/background_page.jpg);
margin-left:10px;
display:block;
float:left;
height:24px;
width:24px;
 }


 Como ven demarqué las clases, el elemento A lo quiero centrado dentro del B
 pero este elemento A puede crecer dinamicamente.
 Alguna sugerencia ???
 Gracias de antemano.
 Ariel


 2010/9/2 Luis Mario Álvarez h...@magrio.net

  Aunque me hago una idea de lo que pides me gustaría ver dos cosas; tu
  markup
  y tu css porque así, imaginándolo va a estar difícil.
  Al menos para mi.
 
  Saludos.
 
  2010/9/2 Ariel isaacr...@gmail.com
 
   Hola a todos:
  
   Quiero centrar un elemento A dentro de un elemento B horizontalmente,
 el
   elemento A tiene longitud variable pero ademas tiene dentro elementos
   flotantes a la izquierda con un margen, he probado de mil formas
 poniendo
   el
   elemento A dentro de un span y el elemento B con text-align: center
 pero
  no
   funciona, parece que el hecho de que dentro del elemento A existan
   elementos
   flotando a la izquierda hace que todo se vaya hacia esa direccion.
   Como podría hacerlo ??? Me pueden ayudar ???
  
   Saludos
   Ariel
   ___
   Lista de distribución Ovillo
   Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
   Puedes modificar tus datos o desuscribirte en la siguiente dirección:
   http://lists.ovillo.org/mailman/listinfo/ovillo
  
 
 
 
  --
  *magrio*álvarez
  desarrollador*web*
  ___
  Lista de distribución Ovillo
  Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
  Puedes modificar tus datos o desuscribirte en la siguiente dirección:
  http://lists.ovillo.org/mailman/listinfo/ovillo
 
 ___
 Lista de distribución Ovillo
 Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
 Puedes modificar tus datos o desuscribirte en la siguiente dirección:
 http://lists.ovillo.org/mailman/listinfo/ovillo

___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Como centrar dentro de un elemento otro elemento que no tiene longitud fija ???

2010-09-02 Por tema Marc Palau
En/na Ariel ha escrit:
 Gracias a los dos, excelentes soluciones, funcionan en todos los navegadores
 que he probado.
 Gracias a todos.
 Ariel

 2010/9/2 Andrés gutiérrez andresgut...@gmail.com

   
 la fuentee te llaama:


   
 http://dev.opera.com/articles/view/35-floats-and-clearing/#centeringfloats
 
 Mi solución es más sencilla y con menos marcado. Pero no te garantizo que
   
 sea totalmente crossbrowser. Yo lo he probado en Firefox, Safari, Chrome y
 explorer7
 Y no me ha dado problemas. Pero si no te funciona coge la que te sugiere
 Marc. Parece sólida por lo que dice en el post.
 ___
 Lista de distribución Ovillo
 Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
 Puedes modificar tus datos o desuscribirte en la siguiente dirección:
 http://lists.ovillo.org/mailman/listinfo/ovillo

 
 ___
 Lista de distribución Ovillo
 Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
 Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
 http://lists.ovillo.org/mailman/listinfo/ovillo

   

Era lo que iba a matizar, en windows/linux FF/IE/Op/Sf renderiza bien y 
sin errores.

Fallará seguramente en el IE5.5 de MAC (eso alguien aún le da 
soporte???) y en algún que otro muerto viviente...

un abrazo
marc
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo