Re: [Ovillo] Centrar varios elementos flotados

[Rafa Artacho]

Lo que necesitaría es que le elemento 2 esté pegado al 1, es decir, el
nombre del establecimiento y seguidamente sus estrellas. Esto debería estar
centrado en todo el ancho del contenedor, que abarcaría hasta el principio
del elemento 3, que es el botón cerrar alineado a la derecha del todo.



2010/6/5 Santiago García saturno...@yahoo.es

 Rafa Artacho:

 La verdad es que no acabo de entenderlo bien: Dices que necesitas CENTRAR
 un elemento flotante a la izda. ¿Pero centrarlo con respecto a qué? Quizá
 necesites especificar un ancho bien grande (p.e. 50%) para el elemento 1, de
 manera que tenga sentido centrarlo.

 Tampoco acabo de entender cómo necesitas la apariencia del elemento 2.
 ¿Pegado al elemento 1? ¿Ligeramente distanciado? ¿Ostensiblemente flotando
 en una columna aparte? Una vez más creo que te falta especificar anchos.

 La recomendación de Jaume también me parece buena: Quizá necesites
 estructurar más tu página, metiendo más DIVs intermedios. Es decir:
 Introducir un nivel más por cada aspecto común que necesites darles.

 Posible solución que se me ocurre:

 --
 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN 
 http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd;
 html xmlns=http://www.w3.org/1999/xhtml;
 head
 style
 .contenedor{
 border: solid 1px red;
 margin:0 auto;
 overflow:hidden;
 padding:15px 0 5px;
 text-align:center;
 }
 .elemento1 {
 background-color: yellow;
 float: left;
 width: 50%;
 }
 .elemento2 {
 background-color: green;
 float: left;
 }
 .elemento3 {
 background-color: lightgrey;
 float: right;
 }
 /style
 /head
 body
 div class=contenedor
 div class=elemento1Casa Rural Pepa Mary/div
 div class=elemento2***/div
 a class=elemento3 href=/X/a
 /div
 /body
 /html

 --

 Saludos.

 Santiago.




 ___
 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

[Ovillo] Centrar varios elementos flotados

[Rafa Artacho]

Necesito posicionar en un div 3 elementos de este tipo:

Elemento 1 - Div flotado a la izquierda que contiene texto.
Elemento 2 - Div flotado a la izquierda, tiene una imagen de background.
Elemento 3 - Enlace flotado a la derecha.

El resultado debería ser:

Casa Rural Pepa Mary *** X

Lo que quiero centrar es el elemento1 y 2, Casa Rural Pepa Mary y las
estrellas.
La X es el elemento 3 que es un botón de Cerrar, y debe estar a la derecha
del div contenedor.

El HTML:
div class=contenedor
div class=elemento1Casa Rural Pepa Mary/div
div class=elemento2***/div
a class=elemento3 href=/X/a
/div

La clase contenedor la tengo así:
.contenedor{
margin:0 auto;
overflow:hidden;
padding:15px 0 5px;
text-align:center;
}

El problema es que para que aparezcan en la misma línea elemento 1 y 2 tengo
que flotarlos, conlo que el centrado que ejerce la clase contenedor se
pierde.
he probado a poner las estrellas con span pero no se ve. ¿Véis alguna
posible solución?
___
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