Re: [Ovillo] Una capa sobre otra - z-index ??
Reynier Perez Mira wrote: > Hola lista: > Ya he logrado hacer lo que queria y sin necesidad de anidar los DIV como los > tenia anteriormente. Ahora la duda que me queda es como acceder al contenido > un DIV que esta por debajo de otro. > Salu2 > Podrías hacerlo de la siguiente manera: #div1 { z-index: 1; } #div2 { z-index: 2; } #div1:hover,#div2:hover { z-index: 3; } Aunque no es muy cross-browser que digamos. Martin. ___ 1GB gratis, Antivirus y Antispam Correo Yahoo!, el mejor correo web del mundo http://correo.yahoo.com.ar ___ 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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Una capa sobre otra - z-index ??
Hola lista: Ya he logrado hacer lo que queria y sin necesidad de anidar los DIV como los tenia anteriormente. Ahora la duda que me queda es como acceder al contenido un DIV que esta por debajo de otro. Salu2 -- ReynierPM | Kubuntu 5.10 | Linux User:#310201 Hay dos cosas infinitas: el Universo y la estupidez humana. Y del Universo no estoy seguro. > -Mensaje original- > De: [EMAIL PROTECTED] > [mailto:[EMAIL PROTECTED] En nombre de Raul Martin > Enviado el: Thursday, May 18, 2006 5:57 PM > Para: Ovillo, la lista de CSS en castellano > Asunto: Re: [Ovillo] Una capa sobre otra - z-index ?? > > Hola, > > Como ha quedado el caso así a medias. el asunto me da que es > el position:relative; que comentaba Alejandro, > > Como referencia y para que este correo aporte algo: > http://www.w3schools.com/css/pr_pos_z-index.asp > > Comprueba la segunda nota y si quieres juega con este ejemplo. > http://www.w3schools.com/css/tryit.asp?filename=trycss_zindex2 > Nota, para posicionarlo debajo sin position absolute ni > relative utiliza un margin-top negativo > > > > Thursday, May 18, 2006, 8:24:11 AM, you wrote: > > DD> No he estudiado bien el caso, pero según vi los z-index de un > DD> vistazo, veo que tienes a "topnavbar" más alto, por lo que > DD> sobresaldrá por arriba y no como dices, que "sobresalga > por debajo"... > > DD> Entre más alto el z-index más sobresaliente será el DIV > > > DD> Supongo que "banner" saldrá por encima de "topnavbar" > > DD> #topnavbar { > DD>z-index: 2; > DD> height: 400px; > DD> border: 1px solid; > DD> } > DD> #banner{ > DD>z-index: 4; > DD> height: 200px; > DD> border: 1px solid; > DD> } > > DD> Eso fue lo que entendísuponiendo que ambos inician en > el mismo > DD> punto, pero TOPNAVBAR continua "por debajo" > DD> __ > DD> || > DD> |BANNER | > DD> || > DD> |_| > DD> !! > DD> ! TOPNAVBAR ! > DD> !! > DD> - > > DD> Saludo, > DD> DJ-Dom > DD> El 17/05/06, Reynier Perez > Mira<[EMAIL PROTECTED]> escribió: > >> DJ Dom mira el ejemplo online para que veas a lo que me refiero > >> aunque ahora que le quite al DIV contenedor el 100% del > height no me > >> lo hace > >> Salu2 > >> -- > >> ReynierPM | Kubuntu 5.10 | Linux User:#310201 Hay dos cosas > >> infinitas: el Universo y la estupidez humana. Y del > Universo no estoy seguro. > >> > >> > -Mensaje original- > >> > De: [EMAIL PROTECTED] > >> > [mailto:[EMAIL PROTECTED] En nombre de DJ-Dom > >> > Enviado el: Wednesday, May 17, 2006 4:03 AM > >> > Para: Ovillo, la lista de CSS en castellano > >> > Asunto: Re: [Ovillo] Una capa sobre otra - z-index ?? > >> > > >> > Y no entiendo esto de "sobresalga por debajo..." > >> > > >> > Saludo, > >> > > >> > DJ-Dom > >> > > >> > > >> > 2006/5/17, Alejandro Lillo <[EMAIL PROTECTED]>: > >> > > On 5/17/06, Reynier Perez Mira > <[EMAIL PROTECTED]> wrote: > >> > > > Debo mostrar una capa sobre otra para dar el efecto que > >> > quiero. Para > >> > > > ello he puesto lo siguiente: > >> > > > > >> > > > > >> > > > Menu top > >> > izquierdo > >> > > > Menu top > derecho > >> > > > > >> > > > > >> > > > > >> > > > Y lo que quiero es que la capa "topnavbar" sobresalga por > >> > debajo de > >> > > > la capa "banner". El CSS lo he puesto asi: > >> > > > #topnavbar { > >> > > > line-height: 30px; > >> > > > background: url(../images/topnav.jpg) > repeat-x left top; > >> > > > z-index: 4; > >> > > > } > >> > > > #banner{ > >> > > > background: #6B839C url(../images/banner.png) > >> > no-rep
Re: [Ovillo] Una capa sobre otra - z-index ??
Hola, Como ha quedado el caso así a medias. el asunto me da que es el position:relative; que comentaba Alejandro, Como referencia y para que este correo aporte algo: http://www.w3schools.com/css/pr_pos_z-index.asp Comprueba la segunda nota y si quieres juega con este ejemplo. http://www.w3schools.com/css/tryit.asp?filename=trycss_zindex2 Nota, para posicionarlo debajo sin position absolute ni relative utiliza un margin-top negativo Thursday, May 18, 2006, 8:24:11 AM, you wrote: DD> No he estudiado bien el caso, pero según vi los z-index de un vistazo, DD> veo que tienes a "topnavbar" más alto, por lo que sobresaldrá por DD> arriba y no como dices, que "sobresalga por debajo"... DD> Entre más alto el z-index más sobresaliente será el DIV DD> Supongo que "banner" saldrá por encima de "topnavbar" DD> #topnavbar { DD>z-index: 2; DD> height: 400px; DD> border: 1px solid; DD> } DD> #banner{ DD>z-index: 4; DD> height: 200px; DD> border: 1px solid; DD> } DD> Eso fue lo que entendísuponiendo que ambos inician en el mismo DD> punto, pero TOPNAVBAR continua "por debajo" DD> __ DD> || DD> |BANNER | DD> || DD> |_| DD> !! DD> ! TOPNAVBAR ! DD> !! DD> - DD> Saludo, DD> DJ-Dom DD> El 17/05/06, Reynier Perez Mira<[EMAIL PROTECTED]> escribió: >> DJ Dom mira el ejemplo online para que veas a lo que me refiero aunque ahora >> que le quite al DIV contenedor el 100% del height no me lo hace >> Salu2 >> -- >> ReynierPM | Kubuntu 5.10 | Linux User:#310201 >> Hay dos cosas infinitas: el Universo y la estupidez humana. Y del Universo >> no estoy seguro. >> >> > -Mensaje original- >> > De: [EMAIL PROTECTED] >> > [mailto:[EMAIL PROTECTED] En nombre de DJ-Dom >> > Enviado el: Wednesday, May 17, 2006 4:03 AM >> > Para: Ovillo, la lista de CSS en castellano >> > Asunto: Re: [Ovillo] Una capa sobre otra - z-index ?? >> > >> > Y no entiendo esto de "sobresalga por debajo..." >> > >> > Saludo, >> > >> > DJ-Dom >> > >> > >> > 2006/5/17, Alejandro Lillo <[EMAIL PROTECTED]>: >> > > On 5/17/06, Reynier Perez Mira <[EMAIL PROTECTED]> wrote: >> > > > Debo mostrar una capa sobre otra para dar el efecto que >> > quiero. Para >> > > > ello he puesto lo siguiente: >> > > > >> > > > >> > > > Menu top >> > izquierdo >> > > > Menu top derecho >> > > > >> > > > >> > > > >> > > > Y lo que quiero es que la capa "topnavbar" sobresalga por >> > debajo de >> > > > la capa "banner". El CSS lo he puesto asi: >> > > > #topnavbar { >> > > > line-height: 30px; >> > > > background: url(../images/topnav.jpg) repeat-x left top; >> > > > z-index: 4; >> > > > } >> > > > #banner{ >> > > > background: #6B839C url(../images/banner.png) >> > no-repeat left >> > > > top; >> > > > height: 210px; >> > > > z-index: 2; >> > > > } >> > > > >> > > > Pero no me funciona. Alguna idea de que es lo que estoy haciendo >> > > > mal? El ejemplo online lo tienen en: >> > > > http://testportal.awardspace.com/ >> > > >> > > >> > > Así dormido por la mañana y sin mirarlo mucho, te diría que >> > pruebes a >> > > ponerle un "position : relative;" a ambas capas. >> > > >> > > -- >> > > Alejandro Lillo >> > > www.nordic-design.net >> > > ___ >> > > 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://ovillo.org/mailman/listinfo/ovillo >> > > >> > >> > >> > -- >> > www.dj-dom.net >> > [EMAIL PROTECTED] >> > ___ >> > 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://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://ovillo.org/mailman/listinfo/ovillo >> Saludos. _ Todo lo que no aprendí, no se me ha olvidado. _ ___ 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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Una capa sobre otra - z-index ??
No he estudiado bien el caso, pero según vi los z-index de un vistazo, veo que tienes a "topnavbar" más alto, por lo que sobresaldrá por arriba y no como dices, que "sobresalga por debajo"... Entre más alto el z-index más sobresaliente será el DIV Supongo que "banner" saldrá por encima de "topnavbar" #topnavbar { z-index: 2; height: 400px; border: 1px solid; } #banner{ z-index: 4; height: 200px; border: 1px solid; } Eso fue lo que entendísuponiendo que ambos inician en el mismo punto, pero TOPNAVBAR continua "por debajo" __ || |BANNER | || |_| !! ! TOPNAVBAR ! !! - Saludo, DJ-Dom El 17/05/06, Reynier Perez Mira<[EMAIL PROTECTED]> escribió: > DJ Dom mira el ejemplo online para que veas a lo que me refiero aunque ahora > que le quite al DIV contenedor el 100% del height no me lo hace > Salu2 > -- > ReynierPM | Kubuntu 5.10 | Linux User:#310201 > Hay dos cosas infinitas: el Universo y la estupidez humana. Y del Universo no > estoy seguro. > > > -Mensaje original- > > De: [EMAIL PROTECTED] > > [mailto:[EMAIL PROTECTED] En nombre de DJ-Dom > > Enviado el: Wednesday, May 17, 2006 4:03 AM > > Para: Ovillo, la lista de CSS en castellano > > Asunto: Re: [Ovillo] Una capa sobre otra - z-index ?? > > > > Y no entiendo esto de "sobresalga por debajo..." > > > > Saludo, > > > > DJ-Dom > > > > > > 2006/5/17, Alejandro Lillo <[EMAIL PROTECTED]>: > > > On 5/17/06, Reynier Perez Mira <[EMAIL PROTECTED]> wrote: > > > > Debo mostrar una capa sobre otra para dar el efecto que > > quiero. Para > > > > ello he puesto lo siguiente: > > > > > > > > > > > > Menu top > > izquierdo > > > > Menu top derecho > > > > > > > > > > > > > > > > Y lo que quiero es que la capa "topnavbar" sobresalga por > > debajo de > > > > la capa "banner". El CSS lo he puesto asi: > > > > #topnavbar { > > > > line-height: 30px; > > > > background: url(../images/topnav.jpg) repeat-x left top; > > > > z-index: 4; > > > > } > > > > #banner{ > > > > background: #6B839C url(../images/banner.png) > > no-repeat left > > > > top; > > > > height: 210px; > > > > z-index: 2; > > > > } > > > > > > > > Pero no me funciona. Alguna idea de que es lo que estoy haciendo > > > > mal? El ejemplo online lo tienen en: > > > > http://testportal.awardspace.com/ > > > > > > > > > Así dormido por la mañana y sin mirarlo mucho, te diría que > > pruebes a > > > ponerle un "position : relative;" a ambas capas. > > > > > > -- > > > Alejandro Lillo > > > www.nordic-design.net > > > ___ > > > 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://ovillo.org/mailman/listinfo/ovillo > > > > > > > > > -- > > www.dj-dom.net > > [EMAIL PROTECTED] > > ___ > > 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://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://ovillo.org/mailman/listinfo/ovillo > -- www.dj-dom.net [EMAIL PROTECTED] ___ 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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Una capa sobre otra - z-index ??
DJ Dom mira el ejemplo online para que veas a lo que me refiero aunque ahora que le quite al DIV contenedor el 100% del height no me lo hace Salu2 -- ReynierPM | Kubuntu 5.10 | Linux User:#310201 Hay dos cosas infinitas: el Universo y la estupidez humana. Y del Universo no estoy seguro. > -Mensaje original- > De: [EMAIL PROTECTED] > [mailto:[EMAIL PROTECTED] En nombre de DJ-Dom > Enviado el: Wednesday, May 17, 2006 4:03 AM > Para: Ovillo, la lista de CSS en castellano > Asunto: Re: [Ovillo] Una capa sobre otra - z-index ?? > > Y no entiendo esto de "sobresalga por debajo..." > > Saludo, > > DJ-Dom > > > 2006/5/17, Alejandro Lillo <[EMAIL PROTECTED]>: > > On 5/17/06, Reynier Perez Mira <[EMAIL PROTECTED]> wrote: > > > Debo mostrar una capa sobre otra para dar el efecto que > quiero. Para > > > ello he puesto lo siguiente: > > > > > > > > > Menu top > izquierdo > > > Menu top derecho > > > > > > > > > > > > Y lo que quiero es que la capa "topnavbar" sobresalga por > debajo de > > > la capa "banner". El CSS lo he puesto asi: > > > #topnavbar { > > > line-height: 30px; > > > background: url(../images/topnav.jpg) repeat-x left top; > > > z-index: 4; > > > } > > > #banner{ > > > background: #6B839C url(../images/banner.png) > no-repeat left > > > top; > > > height: 210px; > > > z-index: 2; > > > } > > > > > > Pero no me funciona. Alguna idea de que es lo que estoy haciendo > > > mal? El ejemplo online lo tienen en: > > > http://testportal.awardspace.com/ > > > > > > Así dormido por la mañana y sin mirarlo mucho, te diría que > pruebes a > > ponerle un "position : relative;" a ambas capas. > > > > -- > > Alejandro Lillo > > www.nordic-design.net > > ___ > > 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://ovillo.org/mailman/listinfo/ovillo > > > > > -- > www.dj-dom.net > [EMAIL PROTECTED] > ___ > 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://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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Una capa sobre otra - z-index ??
A cuales capas? ¿righttopnavvar y lefttopnavvar? Salu2 -- ReynierPM | Kubuntu 5.10 | Linux User:#310201 Hay dos cosas infinitas: el Universo y la estupidez humana. Y del Universo no estoy seguro. > -Mensaje original- > De: [EMAIL PROTECTED] > [mailto:[EMAIL PROTECTED] En nombre de Alejandro Lillo > Enviado el: Wednesday, May 17, 2006 2:54 AM > Para: Ovillo, la lista de CSS en castellano > Asunto: Re: [Ovillo] Una capa sobre otra - z-index ?? > > On 5/17/06, Reynier Perez Mira <[EMAIL PROTECTED]> wrote: > > Debo mostrar una capa sobre otra para dar el efecto que > quiero. Para > > ello he puesto lo siguiente: > > > > > > Menu top izquierdo > > Menu top derecho > > > > > > > > > > Y lo que quiero es que la capa "topnavbar" sobresalga por > debajo de la > > capa "banner". El CSS lo he puesto asi: > > #topnavbar { > > line-height: 30px; > > background: url(../images/topnav.jpg) repeat-x left top; > > z-index: 4; > > } > > #banner{ > > background: #6B839C url(../images/banner.png) > no-repeat left > > top; > > height: 210px; > > z-index: 2; > > } > > > > Pero no me funciona. Alguna idea de que es lo que estoy > haciendo mal? > > El ejemplo online lo tienen en: http://testportal.awardspace.com/ > > > Así dormido por la mañana y sin mirarlo mucho, te diría que > pruebes a ponerle un "position : relative;" a ambas capas. > > -- > Alejandro Lillo > www.nordic-design.net > ___ > 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://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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Una capa sobre otra - z-index ??
Y no entiendo esto de "sobresalga por debajo..." Saludo, DJ-Dom 2006/5/17, Alejandro Lillo <[EMAIL PROTECTED]>: > On 5/17/06, Reynier Perez Mira <[EMAIL PROTECTED]> wrote: > > Debo mostrar una capa sobre otra para dar el efecto que quiero. Para > > ello he puesto lo siguiente: > > > > > > Menu top izquierdo > > Menu top derecho > > > > > > > > > > Y lo que quiero es que la capa "topnavbar" sobresalga por debajo de la > > capa "banner". El CSS lo he puesto asi: > > #topnavbar { > > line-height: 30px; > > background: url(../images/topnav.jpg) repeat-x left top; > > z-index: 4; > > } > > #banner{ > > background: #6B839C url(../images/banner.png) no-repeat left > > top; > > height: 210px; > > z-index: 2; > > } > > > > Pero no me funciona. Alguna idea de que es lo que estoy haciendo mal? El > > ejemplo online lo tienen en: http://testportal.awardspace.com/ > > > Así dormido por la mañana y sin mirarlo mucho, te diría que pruebes a > ponerle un "position : relative;" a ambas capas. > > -- > Alejandro Lillo > www.nordic-design.net > ___ > 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://ovillo.org/mailman/listinfo/ovillo > -- www.dj-dom.net [EMAIL PROTECTED] ___ 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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Una capa sobre otra - z-index ??
On 5/17/06, Reynier Perez Mira <[EMAIL PROTECTED]> wrote: > Debo mostrar una capa sobre otra para dar el efecto que quiero. Para > ello he puesto lo siguiente: > > > Menu top izquierdo > Menu top derecho > > > > > Y lo que quiero es que la capa "topnavbar" sobresalga por debajo de la > capa "banner". El CSS lo he puesto asi: > #topnavbar { > line-height: 30px; > background: url(../images/topnav.jpg) repeat-x left top; > z-index: 4; > } > #banner{ > background: #6B839C url(../images/banner.png) no-repeat left > top; > height: 210px; > z-index: 2; > } > > Pero no me funciona. Alguna idea de que es lo que estoy haciendo mal? El > ejemplo online lo tienen en: http://testportal.awardspace.com/ Así dormido por la mañana y sin mirarlo mucho, te diría que pruebes a ponerle un "position : relative;" a ambas capas. -- Alejandro Lillo www.nordic-design.net ___ 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://ovillo.org/mailman/listinfo/ovillo
[Ovillo] Una capa sobre otra - z-index ??
Hola lista: Debo mostrar una capa sobre otra para dar el efecto que quiero. Para ello he puesto lo siguiente: Menu top izquierdo Menu top derecho Y lo que quiero es que la capa "topnavbar" sobresalga por debajo de la capa "banner". El CSS lo he puesto asi: #topnavbar { line-height: 30px; background: url(../images/topnav.jpg) repeat-x left top; z-index: 4; } #banner{ background: #6B839C url(../images/banner.png) no-repeat left top; height: 210px; z-index: 2; } Pero no me funciona. Alguna idea de que es lo que estoy haciendo mal? El ejemplo online lo tienen en: http://testportal.awardspace.com/ Salu2 -- ReynierPM | Kubuntu 5.10 | Linux User:#310201 Hay dos cosas infinitas: el Universo y la estupidez humana. Y del Universo no estoy seguro. ___ 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://ovillo.org/mailman/listinfo/ovillo