Re: [Ovillo] imagen flotante entre dos columnas
Hola NetVicios, Lo puse con posicion absoluta y tengo el problema que me dices. En mozilla se ve todo bien :D, y en ei (como siempre :() se coloca abajo de todas las capas. Intente con z-index sacarlo, pero no me deja. Como puedo solusionarlo? __ Maria ___ 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] imagen flotante entre dos columnas
ok, me habeis dado algunas ideas, en especial el tema del clear que no conocía su uso. Ya veis, nerd al poder :P. Un saludo y gracias. On 2/26/07, NetVicious [EMAIL PROTECTED] wrote: Vamos a ver. La posición absoluta y relativa es siempre con respecto al padre del elemento que estamos posicionando. Simplemente que la absoluta no entra en el flujo del documento y la relativa sí. Es decir con una relativa y con un clear puedes hacer que el texto de otro div al mismo nivel no se ponga encima del primer div relativo. Esto con la posición absoluta no se puede hacer. El domingo, 25 feb 2007 a las 09:16, escribiste: yo estoy intentando hacer algo parecido. He conseguido colocarlo por encima del documento, como necesito, pero claro, al hacer position:absolute coge una posición fija y lo que necesito es que se mueva con el resto del documento en posición centrada. Algo así: div align=center blablbabla image with position absolute /div Hay alguna forma de darle un position absolute pero solo con respecto al div, por ejemplo, o a otra etiqueta? -- /\/ / \ / \ / /\/ e t \/ i c i o u s ___ 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 -- Alejandro Moreno Consultoría de Marketing Online ___ 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] imagen flotante entre dos columnas
buenos dias, yo estoy intentando hacer algo parecido. He conseguido colocarlo por encima del documento, como necesito, pero claro, al hacer position:absolute coge una posición fija y lo que necesito es que se mueva con el resto del documento en posición centrada. Algo así: div align=center blablbabla image with position absolute /div Hay alguna forma de darle un position absolute pero solo con respecto al div, por ejemplo, o a otra etiqueta? Gracias, un saludo. On 2/24/07, NetVicious [EMAIL PROTECTED] wrote: Hola Juan, El viernes, 23 feb 2007 a las 03:09, escribiste: La imágen no podés ponerla con un posicionamiento absoluto en las cordenadas que necesitas? Si lo pones con absoluto sale del flujo del documento y se pone encima o debajo del resto de capas. -- /\/ / \ / \ / /\/ e t \/ i c i o u s ___ 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 -- Alejandro Moreno Consultoría de Marketing Online ___ 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] imagen flotante entre dos columnas
Si no mal interpreto el hilo dice claramente entre dos columnas no encima de dos columnas. Si colocas una imagen centrada encima de dos columnas, lógicamente parte de las dos columnas no se verán, por lo que colocar encima (z-index) no es funcional. Creo que lo mas aceptable y que se ajusta mas a la solución es la que proporciono alguien de las lista. Ver imagen ejemplo. http://img161.imageshack.us/img161/5590/imagech2cyv0.gif Un cordial saludo de SantosVZ -Mensaje original- De: Alejandro Moreno [mailto:[EMAIL PROTECTED] Enviado el: Domingo, 25 de Febrero de 2007 04:17 a.m. Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] imagen flotante entre dos columnas buenos dias, yo estoy intentando hacer algo parecido. He conseguido colocarlo por encima del documento, como necesito, pero claro, al hacer position:absolute coge una posición fija y lo que necesito es que se mueva con el resto del documento en posición centrada. Algo así: div align=center blablbabla image with position absolute /div Hay alguna forma de darle un position absolute pero solo con respecto al div, por ejemplo, o a otra etiqueta? Gracias, un saludo. On 2/24/07, NetVicious [EMAIL PROTECTED] wrote: Hola Juan, El viernes, 23 feb 2007 a las 03:09, escribiste: La imágen no podés ponerla con un posicionamiento absoluto en las cordenadas que necesitas? Si lo pones con absoluto sale del flujo del documento y se pone encima o debajo del resto de capas. -- /\/ / \ / \ / /\/ e t \/ i c i o u s ___ 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 -- Alejandro Moreno Consultoría de Marketing Online ___ 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] imagen flotante entre dos columnas
Vamos a ver. La posición absoluta y relativa es siempre con respecto al padre del elemento que estamos posicionando. Simplemente que la absoluta no entra en el flujo del documento y la relativa sí. Es decir con una relativa y con un clear puedes hacer que el texto de otro div al mismo nivel no se ponga encima del primer div relativo. Esto con la posición absoluta no se puede hacer. El domingo, 25 feb 2007 a las 09:16, escribiste: yo estoy intentando hacer algo parecido. He conseguido colocarlo por encima del documento, como necesito, pero claro, al hacer position:absolute coge una posición fija y lo que necesito es que se mueva con el resto del documento en posición centrada. Algo así: div align=center blablbabla image with position absolute /div Hay alguna forma de darle un position absolute pero solo con respecto al div, por ejemplo, o a otra etiqueta? -- /\/ / \ / \ / /\/ e t \/ i c i o u s ___ 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] imagen flotante entre dos columnas
Hola Juan, El viernes, 23 feb 2007 a las 03:09, escribiste: La imágen no podés ponerla con un posicionamiento absoluto en las cordenadas que necesitas? Si lo pones con absoluto sale del flujo del documento y se pone encima o debajo del resto de capas. -- /\/ / \ / \ / /\/ e t \/ i c i o u s ___ 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] imagen flotante entre dos columnas
Mira estos ejemplos, quizá te puedan dar una idea http://www.cssplay.co.uk/menu/embed.html http://www.cssplay.co.uk/menu/flow.html Saludos Nacho Juan José Montes de Oca Arbós escribió: La imágen no podés ponerla con un posicionamiento absoluto en las cordenadas que necesitas? El día 22/02/07, [EMAIL PROTECTED] [EMAIL PROTECTED] escribió: Hola amigos: Necesito hacer una maquetacion de este estilo: -| |-- -| |-- - - - Explicando: Tengo dos columnas de texto una con float: left y la otra con float: right. Eso me da lo siguiente: -- -- -- -- -- Ahora: el problema es que tengo que ingresar una imagen entre ambas, debe empezar a la mitad de una columna y terminar en la mitad de la otra columna. Espero que me comprendan y puedan ayudarme. ___ Maria ___ 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] imagen flotante entre dos columnas
Hola María, googleando encontré esto:
style
.columna {
width: 40%;
float: left;
font-family:verdana, arial, helvetica, sans-serif;
text-align: justify;
padding: 10px;
}
.hueco {
height: 5em;
width: 1px;
}
.centro {
width: 130px;
height: 160px;
margin-top: 1em;
margin-bottom: 1em;
}
#columnaizq .centro {
margin-right: -75px;
margin-left: 10px;
float: right;
clear: right;
}
#columnaizq .hueco {
float: right;
clear: right;
}
#columnader .centro {
margin-left: -75px;
margin-right: 10px;
float: left;
clear: left;
}
#columnader .hueco {
float: left;
clear: left;
}
body
div class=columna id=columnaizq
div class=hueco/div
img class=centro
src=http://members.aol.com/jayventura/rd/chavon.gif;
p
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam
nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
Ut wisi enim ad minim veniam, quis nostrud exercitation ulliam corper suscipit
lobortis nisl ut aliquip ex ea commodo consequat. Duis autem veleum iriure
dolor in hendrerit in vulputate velit esse molestie consequat, vel willum
lunombro dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto
odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te
feugait nulla facilisi.
/p
p
Li Europan lingues es membres del sam familie. Lor separat existentie
es un myth. Por scientie, musica, sport etc., li tot Europa usa li sam
vocabularium. Li lingues differe solmen in li grammatica, li pronunciation e li
plu commun vocabules. Omnicos directe al desirabilit de un nov lingua franca:
on refusa continuar payar custosi traductores. It solmen va esser necessi far
uniform grammatica, pronunciation e plu sommun paroles.
/p
/div
div class=columna id=columnader
div class=hueco/div
img class=centro
src=http://members.aol.com/jayventura/rd/chavon.gif;
p
Li Europan lingues es membres del sam familie. Lor separat existentie
es un myth. Por scientie, musica, sport etc., li tot Europa usa li sam
vocabularium. Li lingues differe solmen in li grammatica, li pronunciation e li
plu commun vocabules. Omnicos directe al desirabilit de un nov lingua franca:
on refusa continuar payar custosi traductores. It solmen va esser necessi far
uniform grammatica, pronunciation e plu sommun paroles.
/p
p
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam
nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
Ut wisi enim ad minim veniam, quis nostrud exercitation ulliam corper suscipit
lobortis nisl ut aliquip ex ea commodo consequat. Duis autem veleum iriure
dolor in hendrerit in vulputate velit esse molestie consequat, vel willum
lunombro dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto
odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te
feugait nulla facilisi.
/p
/div
[EMAIL PROTECTED] escribió:
Hola amigos:
Necesito hacer una maquetacion de este estilo:
-| |--
-| |--
-
-
-
Explicando:
Tengo dos columnas de texto una con float: left y la otra con float:
right. Eso me da lo siguiente:
--
--
--
--
--
Ahora:
el problema es que tengo que ingresar una imagen entre ambas, debe empezar
a la mitad de una columna y terminar en la mitad de la otra columna.
Espero que me comprendan y puedan ayudarme.
___
Maria
___
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] imagen flotante entre dos columnas
Supongo que quieres decir encima de ambas y no entre ambas. La mitad sobre una y la otra mitad sobre la otra ¿Correcto? Un cordial saludo de SantosVZ -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] Enviado el: Jueves, 22 de Febrero de 2007 06:40 p.m. Para: Ovillo, la lista de CSS en castellano Asunto: [Ovillo] imagen flotante entre dos columnas Hola amigos: Necesito hacer una maquetacion de este estilo: -| |-- -| |-- - - - Explicando: Tengo dos columnas de texto una con float: left y la otra con float: right. Eso me da lo siguiente: -- -- -- -- -- Ahora: el problema es que tengo que ingresar una imagen entre ambas, debe empezar a la mitad de una columna y terminar en la mitad de la otra columna. Espero que me comprendan y puedan ayudarme. ___ Maria ___ 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] imagen flotante entre dos columnas
La imágen no podés ponerla con un posicionamiento absoluto en las cordenadas que necesitas? El día 22/02/07, [EMAIL PROTECTED] [EMAIL PROTECTED] escribió: Hola amigos: Necesito hacer una maquetacion de este estilo: -| |-- -| |-- - - - Explicando: Tengo dos columnas de texto una con float: left y la otra con float: right. Eso me da lo siguiente: -- -- -- -- -- Ahora: el problema es que tengo que ingresar una imagen entre ambas, debe empezar a la mitad de una columna y terminar en la mitad de la otra columna. Espero que me comprendan y puedan ayudarme. ___ Maria ___ 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 -- Juan José Montes de Oca Arbós. ___ 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
