[Ovillo] Dificultades con posicionamiento absoluto (creo)
Hola! Les cuento lo que me ocurre: Tengo un select al que debo aplicarle un diseño, para lo que codifiqué el markup: div spanElemento seleccionado/span select option/option [...] /select /div El select lo hice invisible y mediante javascript el valor del option seleccionado pasa al span para que sea legible al usuario. Quien tiene aplicado el diseño es el div. El span está posicionado de forma absoluta. CSS del div: div.select_wrapper { background: url(../../eldiseñofantastico.png) no-repeat 0 0; padding: 0; margin: 3px 0 0; width: 282px; position: relative; } del span: div.select_wrapper span.selection { position: absolute; padding: 4px; color: #121419; z-index: 10; top: 0; left: 0; line-height: 17px; } y del select: div.select_wrapper select { opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); width: 282px; height: 22px; } En Chrome, Chromium y FF5 se comporta bien: en todos los demás: IE7, IE8, Opera, Safari, FF3 (tanto en windows como en mac) solo funciona en el primer select, y el segundo no muestra el span. Bueno, si gustan pueden verlo funcionar en http://sampoerna.magrio.net/quejasaeromexico Yo siento que el problema está en el posicionamiento, pero no doy con la solución. ¿Me ayudan? :D Gracias. -- *magrio*alvarez 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] Dificultades con posicionamiento absoluto (creo)
Lo estoy mirando, no puedo reproducir el fallo ahora mismo, veo el span tanto en camino, FF3, chrome, sigo mirando, pero me puedes decir más o menos el porqué no se te muestra, osea, puede ser por un height??? que necesites tener más espacio por abajo?, ehm dame un pantallazo o algo, lo estoy mirando, ahora te cuento! saludos El 1 de julio de 2011 20:10, Mario Álvarez magrio...@gmail.com escribió: Hola! Les cuento lo que me ocurre: Tengo un select al que debo aplicarle un diseño, para lo que codifiqué el markup: div spanElemento seleccionado/span select option/option [...] /select /div El select lo hice invisible y mediante javascript el valor del option seleccionado pasa al span para que sea legible al usuario. Quien tiene aplicado el diseño es el div. El span está posicionado de forma absoluta. CSS del div: div.select_wrapper { background: url(../../eldiseñofantastico.png) no-repeat 0 0; padding: 0; margin: 3px 0 0; width: 282px; position: relative; } del span: div.select_wrapper span.selection { position: absolute; padding: 4px; color: #121419; z-index: 10; top: 0; left: 0; line-height: 17px; } y del select: div.select_wrapper select { opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); width: 282px; height: 22px; } En Chrome, Chromium y FF5 se comporta bien: en todos los demás: IE7, IE8, Opera, Safari, FF3 (tanto en windows como en mac) solo funciona en el primer select, y el segundo no muestra el span. Bueno, si gustan pueden verlo funcionar en http://sampoerna.magrio.net/quejasaeromexico Yo siento que el problema está en el posicionamiento, pero no doy con la solución. ¿Me ayudan? :D Gracias. -- *magrio*alvarez 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] Dificultades con posicionamiento absoluto (creo)
Gracias Nestail. Mira, aquí está una captura de IE8: http://dl.dropbox.com/u/2858209/Screenshot-4.png En el primer select, con etiqueta pais, funciona bien; se ve el span con el valor del option seleccionado y no se ve el select, pero en el segundo, con etiqueta Tipo de comentario funciona bien lo de ocultar al select pero el span no se ve, a pesar de que está seleccionado un option cuyo valor es Club premier y su texto si llega al span, sin embargo como comentaba en el primer mail, esto solo funciona en Chrome, Chromium y FF5, en todos los demás que he probado dan este extraño comportamiento... Saludos! 2011/7/1 Nestali Guerrero nguerr...@emergya.es Lo estoy mirando, no puedo reproducir el fallo ahora mismo, veo el span tanto en camino, FF3, chrome, sigo mirando, pero me puedes decir más o menos el porqué no se te muestra, osea, puede ser por un height??? que necesites tener más espacio por abajo?, ehm dame un pantallazo o algo, lo estoy mirando, ahora te cuento! saludos El 1 de julio de 2011 20:10, Mario Álvarez magrio...@gmail.com escribió: Hola! Les cuento lo que me ocurre: Tengo un select al que debo aplicarle un diseño, para lo que codifiqué el markup: div spanElemento seleccionado/span select option/option [...] /select /div El select lo hice invisible y mediante javascript el valor del option seleccionado pasa al span para que sea legible al usuario. Quien tiene aplicado el diseño es el div. El span está posicionado de forma absoluta. CSS del div: div.select_wrapper { background: url(../../eldiseñofantastico.png) no-repeat 0 0; padding: 0; margin: 3px 0 0; width: 282px; position: relative; } del span: div.select_wrapper span.selection { position: absolute; padding: 4px; color: #121419; z-index: 10; top: 0; left: 0; line-height: 17px; } y del select: div.select_wrapper select { opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); width: 282px; height: 22px; } En Chrome, Chromium y FF5 se comporta bien: en todos los demás: IE7, IE8, Opera, Safari, FF3 (tanto en windows como en mac) solo funciona en el primer select, y el segundo no muestra el span. Bueno, si gustan pueden verlo funcionar en http://sampoerna.magrio.net/quejasaeromexico Yo siento que el problema está en el posicionamiento, pero no doy con la solución. ¿Me ayudan? :D Gracias. -- *magrio*alvarez desarrollador*web* ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.orghttps://mail.google.com/mail/?view=cmfs=1tf=1to=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.orghttps://mail.google.com/mail/?view=cmfs=1tf=1to=Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo -- *magrio*alvarez 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] Dificultades con posicionamiento absoluto (creo)
vale, ehm a ver si puedo cargar la máquina virtual y verlo en IE, ya que te digo que en Safari, netscape navigator, que ya es viejo xD, y los demás van bien por lo menos en Mac. De todas formas, ehm mi mente se le pasa que el problema puede ser con el position absolute, que el option que tiene que salir a tener el absolute y ningún top, o ningún elemento relativo por encima alomejor se esconde. pero no estoy seguro, si puedo ahora te lo miro en IE y te digo que es ok? Saludos. si quieres probar poniendo a un div superior, un position:relative a ver que pasa. El 1 de julio de 2011 20:29, Mario Álvarez magrio...@gmail.com escribió: Gracias Nestail. Mira, aquí está una captura de IE8: http://dl.dropbox.com/u/2858209/Screenshot-4.png En el primer select, con etiqueta pais, funciona bien; se ve el span con el valor del option seleccionado y no se ve el select, pero en el segundo, con etiqueta Tipo de comentario funciona bien lo de ocultar al select pero el span no se ve, a pesar de que está seleccionado un option cuyo valor es Club premier y su texto si llega al span, sin embargo como comentaba en el primer mail, esto solo funciona en Chrome, Chromium y FF5, en todos los demás que he probado dan este extraño comportamiento... Saludos! 2011/7/1 Nestali Guerrero nguerr...@emergya.es Lo estoy mirando, no puedo reproducir el fallo ahora mismo, veo el span tanto en camino, FF3, chrome, sigo mirando, pero me puedes decir más o menos el porqué no se te muestra, osea, puede ser por un height??? que necesites tener más espacio por abajo?, ehm dame un pantallazo o algo, lo estoy mirando, ahora te cuento! saludos El 1 de julio de 2011 20:10, Mario Álvarez magrio...@gmail.com escribió: Hola! Les cuento lo que me ocurre: Tengo un select al que debo aplicarle un diseño, para lo que codifiqué el markup: div spanElemento seleccionado/span select option/option [...] /select /div El select lo hice invisible y mediante javascript el valor del option seleccionado pasa al span para que sea legible al usuario. Quien tiene aplicado el diseño es el div. El span está posicionado de forma absoluta. CSS del div: div.select_wrapper { background: url(../../eldiseñofantastico.png) no-repeat 0 0; padding: 0; margin: 3px 0 0; width: 282px; position: relative; } del span: div.select_wrapper span.selection { position: absolute; padding: 4px; color: #121419; z-index: 10; top: 0; left: 0; line-height: 17px; } y del select: div.select_wrapper select { opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); width: 282px; height: 22px; } En Chrome, Chromium y FF5 se comporta bien: en todos los demás: IE7, IE8, Opera, Safari, FF3 (tanto en windows como en mac) solo funciona en el primer select, y el segundo no muestra el span. Bueno, si gustan pueden verlo funcionar en http://sampoerna.magrio.net/quejasaeromexico Yo siento que el problema está en el posicionamiento, pero no doy con la solución. ¿Me ayudan? :D Gracias. -- *magrio*alvarez desarrollador*web* ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org https://mail.google.com/mail/?view=cmfs=1tf=1to=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 https://mail.google.com/mail/?view=cmfs=1tf=1to=Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo -- *magrio*alvarez 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] Dificultades con posicionamiento absoluto (creo)
Si nos puedes mandar más code, tanto estructura html como css, así vemos si hay problemas de algo, ya que el code anterior creo que lo pilla cualquiera, osea que tiene que ser algo raro de ahí. Saludos El 1 de julio de 2011 20:37, Nestali Guerrero nguerr...@emergya.esescribió: vale, ehm a ver si puedo cargar la máquina virtual y verlo en IE, ya que te digo que en Safari, netscape navigator, que ya es viejo xD, y los demás van bien por lo menos en Mac. De todas formas, ehm mi mente se le pasa que el problema puede ser con el position absolute, que el option que tiene que salir a tener el absolute y ningún top, o ningún elemento relativo por encima alomejor se esconde. pero no estoy seguro, si puedo ahora te lo miro en IE y te digo que es ok? Saludos. si quieres probar poniendo a un div superior, un position:relative a ver que pasa. El 1 de julio de 2011 20:29, Mario Álvarez magrio...@gmail.com escribió: Gracias Nestail. Mira, aquí está una captura de IE8: http://dl.dropbox.com/u/2858209/Screenshot-4.png En el primer select, con etiqueta pais, funciona bien; se ve el span con el valor del option seleccionado y no se ve el select, pero en el segundo, con etiqueta Tipo de comentario funciona bien lo de ocultar al select pero el span no se ve, a pesar de que está seleccionado un option cuyo valor es Club premier y su texto si llega al span, sin embargo como comentaba en el primer mail, esto solo funciona en Chrome, Chromium y FF5, en todos los demás que he probado dan este extraño comportamiento... Saludos! 2011/7/1 Nestali Guerrero nguerr...@emergya.es Lo estoy mirando, no puedo reproducir el fallo ahora mismo, veo el span tanto en camino, FF3, chrome, sigo mirando, pero me puedes decir más o menos el porqué no se te muestra, osea, puede ser por un height??? que necesites tener más espacio por abajo?, ehm dame un pantallazo o algo, lo estoy mirando, ahora te cuento! saludos El 1 de julio de 2011 20:10, Mario Álvarez magrio...@gmail.com escribió: Hola! Les cuento lo que me ocurre: Tengo un select al que debo aplicarle un diseño, para lo que codifiqué el markup: div spanElemento seleccionado/span select option/option [...] /select /div El select lo hice invisible y mediante javascript el valor del option seleccionado pasa al span para que sea legible al usuario. Quien tiene aplicado el diseño es el div. El span está posicionado de forma absoluta. CSS del div: div.select_wrapper { background: url(../../eldiseñofantastico.png) no-repeat 0 0; padding: 0; margin: 3px 0 0; width: 282px; position: relative; } del span: div.select_wrapper span.selection { position: absolute; padding: 4px; color: #121419; z-index: 10; top: 0; left: 0; line-height: 17px; } y del select: div.select_wrapper select { opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); width: 282px; height: 22px; } En Chrome, Chromium y FF5 se comporta bien: en todos los demás: IE7, IE8, Opera, Safari, FF3 (tanto en windows como en mac) solo funciona en el primer select, y el segundo no muestra el span. Bueno, si gustan pueden verlo funcionar en http://sampoerna.magrio.net/quejasaeromexico Yo siento que el problema está en el posicionamiento, pero no doy con la solución. ¿Me ayudan? :D Gracias. -- *magrio*alvarez desarrollador*web* ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org https://mail.google.com/mail/?view=cmfs=1tf=1to=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 https://mail.google.com/mail/?view=cmfs=1tf=1to=Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo -- *magrio*alvarez 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] Dificultades con posicionamiento absoluto (creo)
De hecho si tiene position relative el div, que contiene tanto al span como al select. Lo que no he probado es posicionar absoluto al select, así que intentaré. Muchas gracias! 2011/7/1 Nestali Guerrero nguerr...@emergya.es vale, ehm a ver si puedo cargar la máquina virtual y verlo en IE, ya que te digo que en Safari, netscape navigator, que ya es viejo xD, y los demás van bien por lo menos en Mac. De todas formas, ehm mi mente se le pasa que el problema puede ser con el position absolute, que el option que tiene que salir a tener el absolute y ningún top, o ningún elemento relativo por encima alomejor se esconde. pero no estoy seguro, si puedo ahora te lo miro en IE y te digo que es ok? Saludos. si quieres probar poniendo a un div superior, un position:relative a ver que pasa. El 1 de julio de 2011 20:29, Mario Álvarez magrio...@gmail.com escribió: Gracias Nestail. Mira, aquí está una captura de IE8: http://dl.dropbox.com/u/2858209/Screenshot-4.png En el primer select, con etiqueta pais, funciona bien; se ve el span con el valor del option seleccionado y no se ve el select, pero en el segundo, con etiqueta Tipo de comentario funciona bien lo de ocultar al select pero el span no se ve, a pesar de que está seleccionado un option cuyo valor es Club premier y su texto si llega al span, sin embargo como comentaba en el primer mail, esto solo funciona en Chrome, Chromium y FF5, en todos los demás que he probado dan este extraño comportamiento... Saludos! 2011/7/1 Nestali Guerrero nguerr...@emergya.eshttps://mail.google.com/mail/?view=cmfs=1tf=1to=nguerr...@emergya.es Lo estoy mirando, no puedo reproducir el fallo ahora mismo, veo el span tanto en camino, FF3, chrome, sigo mirando, pero me puedes decir más o menos el porqué no se te muestra, osea, puede ser por un height??? que necesites tener más espacio por abajo?, ehm dame un pantallazo o algo, lo estoy mirando, ahora te cuento! saludos El 1 de julio de 2011 20:10, Mario Álvarez magrio...@gmail.com escribió: Hola! Les cuento lo que me ocurre: Tengo un select al que debo aplicarle un diseño, para lo que codifiqué el markup: div spanElemento seleccionado/span select option/option [...] /select /div El select lo hice invisible y mediante javascript el valor del option seleccionado pasa al span para que sea legible al usuario. Quien tiene aplicado el diseño es el div. El span está posicionado de forma absoluta. CSS del div: div.select_wrapper { background: url(../../eldiseñofantastico.png) no-repeat 0 0; padding: 0; margin: 3px 0 0; width: 282px; position: relative; } del span: div.select_wrapper span.selection { position: absolute; padding: 4px; color: #121419; z-index: 10; top: 0; left: 0; line-height: 17px; } y del select: div.select_wrapper select { opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); width: 282px; height: 22px; } En Chrome, Chromium y FF5 se comporta bien: en todos los demás: IE7, IE8, Opera, Safari, FF3 (tanto en windows como en mac) solo funciona en el primer select, y el segundo no muestra el span. Bueno, si gustan pueden verlo funcionar en http://sampoerna.magrio.net/quejasaeromexico Yo siento que el problema está en el posicionamiento, pero no doy con la solución. ¿Me ayudan? :D Gracias. -- *magrio*alvarez desarrollador*web* ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.orghttps://mail.google.com/mail/?view=cmfs=1tf=1to=Ovillo@lists.ovillo.org https://mail.google.com/mail/?view=cmfs=1tf=1to=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.orghttps://mail.google.com/mail/?view=cmfs=1tf=1to=Ovillo@lists.ovillo.org https://mail.google.com/mail/?view=cmfs=1tf=1to=Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo -- *magrio*alvarez desarrollador*web* ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.orghttps://mail.google.com/mail/?view=cmfs=1tf=1to=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
Re: [Ovillo] Dificultades con posicionamiento absoluto (creo)
Pues ya probé y no, dió el mismo resultado en esos navegadores: FF3, IE7 y 8. En FF4 en Windows ya se ve bien! :D En Safari 4 en mac se ve bien, pero creo que desde antes, solo que no había probado jejeje. Saludos! 2011/7/1 Nestali Guerrero nguerr...@emergya.es Si nos puedes mandar más code, tanto estructura html como css, así vemos si hay problemas de algo, ya que el code anterior creo que lo pilla cualquiera, osea que tiene que ser algo raro de ahí. Saludos El 1 de julio de 2011 20:37, Nestali Guerrero nguerr...@emergya.eshttps://mail.google.com/mail/?view=cmfs=1tf=1to=nguerr...@emergya.es escribió: vale, ehm a ver si puedo cargar la máquina virtual y verlo en IE, ya que te digo que en Safari, netscape navigator, que ya es viejo xD, y los demás van bien por lo menos en Mac. De todas formas, ehm mi mente se le pasa que el problema puede ser con el position absolute, que el option que tiene que salir a tener el absolute y ningún top, o ningún elemento relativo por encima alomejor se esconde. pero no estoy seguro, si puedo ahora te lo miro en IE y te digo que es ok? Saludos. si quieres probar poniendo a un div superior, un position:relative a ver que pasa. El 1 de julio de 2011 20:29, Mario Álvarez magrio...@gmail.com escribió: Gracias Nestail. Mira, aquí está una captura de IE8: http://dl.dropbox.com/u/2858209/Screenshot-4.png En el primer select, con etiqueta pais, funciona bien; se ve el span con el valor del option seleccionado y no se ve el select, pero en el segundo, con etiqueta Tipo de comentario funciona bien lo de ocultar al select pero el span no se ve, a pesar de que está seleccionado un option cuyo valor es Club premier y su texto si llega al span, sin embargo como comentaba en el primer mail, esto solo funciona en Chrome, Chromium y FF5, en todos los demás que he probado dan este extraño comportamiento... Saludos! 2011/7/1 Nestali Guerrero nguerr...@emergya.eshttps://mail.google.com/mail/?view=cmfs=1tf=1to=nguerr...@emergya.es Lo estoy mirando, no puedo reproducir el fallo ahora mismo, veo el span tanto en camino, FF3, chrome, sigo mirando, pero me puedes decir más o menos el porqué no se te muestra, osea, puede ser por un height??? que necesites tener más espacio por abajo?, ehm dame un pantallazo o algo, lo estoy mirando, ahora te cuento! saludos El 1 de julio de 2011 20:10, Mario Álvarez magrio...@gmail.com escribió: Hola! Les cuento lo que me ocurre: Tengo un select al que debo aplicarle un diseño, para lo que codifiqué el markup: div spanElemento seleccionado/span select option/option [...] /select /div El select lo hice invisible y mediante javascript el valor del option seleccionado pasa al span para que sea legible al usuario. Quien tiene aplicado el diseño es el div. El span está posicionado de forma absoluta. CSS del div: div.select_wrapper { background: url(../../eldiseñofantastico.png) no-repeat 0 0; padding: 0; margin: 3px 0 0; width: 282px; position: relative; } del span: div.select_wrapper span.selection { position: absolute; padding: 4px; color: #121419; z-index: 10; top: 0; left: 0; line-height: 17px; } y del select: div.select_wrapper select { opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); width: 282px; height: 22px; } En Chrome, Chromium y FF5 se comporta bien: en todos los demás: IE7, IE8, Opera, Safari, FF3 (tanto en windows como en mac) solo funciona en el primer select, y el segundo no muestra el span. Bueno, si gustan pueden verlo funcionar en http://sampoerna.magrio.net/quejasaeromexico Yo siento que el problema está en el posicionamiento, pero no doy con la solución. ¿Me ayudan? :D Gracias. -- *magrio*alvarez desarrollador*web* ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.orghttps://mail.google.com/mail/?view=cmfs=1tf=1to=Ovillo@lists.ovillo.org https://mail.google.com/mail/?view=cmfs=1tf=1to=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.orghttps://mail.google.com/mail/?view=cmfs=1tf=1to=Ovillo@lists.ovillo.org https://mail.google.com/mail/?view=cmfs=1tf=1to=Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo -- *magrio*alvarez desarrollador*web*
Re: [Ovillo] Dificultades con posicionamiento absoluto (creo)
Va más código: https://gist.github.com/1059166 El markup de ambos es idéntico, solo varía la cantidad de options, que en el caso del que lista paises pues se obvia su necesaria cantidad. ¿qué podrá ser? Saludos! 2011/7/1 Mario Álvarez magrio...@gmail.com Pues ya probé y no, dió el mismo resultado en esos navegadores: FF3, IE7 y 8. En FF4 en Windows ya se ve bien! :D En Safari 4 en mac se ve bien, pero creo que desde antes, solo que no había probado jejeje. Saludos! 2011/7/1 Nestali Guerrero nguerr...@emergya.eshttps://mail.google.com/mail/?view=cmfs=1tf=1to=nguerr...@emergya.es Si nos puedes mandar más code, tanto estructura html como css, así vemos si hay problemas de algo, ya que el code anterior creo que lo pilla cualquiera, osea que tiene que ser algo raro de ahí. Saludos El 1 de julio de 2011 20:37, Nestali Guerrero nguerr...@emergya.eshttps://mail.google.com/mail/?view=cmfs=1tf=1to=nguerr...@emergya.es escribió: vale, ehm a ver si puedo cargar la máquina virtual y verlo en IE, ya que te digo que en Safari, netscape navigator, que ya es viejo xD, y los demás van bien por lo menos en Mac. De todas formas, ehm mi mente se le pasa que el problema puede ser con el position absolute, que el option que tiene que salir a tener el absolute y ningún top, o ningún elemento relativo por encima alomejor se esconde. pero no estoy seguro, si puedo ahora te lo miro en IE y te digo que es ok? Saludos. si quieres probar poniendo a un div superior, un position:relative a ver que pasa. El 1 de julio de 2011 20:29, Mario Álvarez magrio...@gmail.com escribió: Gracias Nestail. Mira, aquí está una captura de IE8: http://dl.dropbox.com/u/2858209/Screenshot-4.png En el primer select, con etiqueta pais, funciona bien; se ve el span con el valor del option seleccionado y no se ve el select, pero en el segundo, con etiqueta Tipo de comentario funciona bien lo de ocultar al select pero el span no se ve, a pesar de que está seleccionado un option cuyo valor es Club premier y su texto si llega al span, sin embargo como comentaba en el primer mail, esto solo funciona en Chrome, Chromium y FF5, en todos los demás que he probado dan este extraño comportamiento... Saludos! 2011/7/1 Nestali Guerrero nguerr...@emergya.eshttps://mail.google.com/mail/?view=cmfs=1tf=1to=nguerr...@emergya.es Lo estoy mirando, no puedo reproducir el fallo ahora mismo, veo el span tanto en camino, FF3, chrome, sigo mirando, pero me puedes decir más o menos el porqué no se te muestra, osea, puede ser por un height??? que necesites tener más espacio por abajo?, ehm dame un pantallazo o algo, lo estoy mirando, ahora te cuento! saludos El 1 de julio de 2011 20:10, Mario Álvarez magrio...@gmail.com escribió: Hola! Les cuento lo que me ocurre: Tengo un select al que debo aplicarle un diseño, para lo que codifiqué el markup: div spanElemento seleccionado/span select option/option [...] /select /div El select lo hice invisible y mediante javascript el valor del option seleccionado pasa al span para que sea legible al usuario. Quien tiene aplicado el diseño es el div. El span está posicionado de forma absoluta. CSS del div: div.select_wrapper { background: url(../../eldiseñofantastico.png) no-repeat 0 0; padding: 0; margin: 3px 0 0; width: 282px; position: relative; } del span: div.select_wrapper span.selection { position: absolute; padding: 4px; color: #121419; z-index: 10; top: 0; left: 0; line-height: 17px; } y del select: div.select_wrapper select { opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); width: 282px; height: 22px; } En Chrome, Chromium y FF5 se comporta bien: en todos los demás: IE7, IE8, Opera, Safari, FF3 (tanto en windows como en mac) solo funciona en el primer select, y el segundo no muestra el span. Bueno, si gustan pueden verlo funcionar en http://sampoerna.magrio.net/quejasaeromexico Yo siento que el problema está en el posicionamiento, pero no doy con la solución. ¿Me ayudan? :D Gracias. -- *magrio*alvarez desarrollador*web* ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.orghttps://mail.google.com/mail/?view=cmfs=1tf=1to=Ovillo@lists.ovillo.org https://mail.google.com/mail/?view=cmfs=1tf=1to=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
Re: [Ovillo] Dificultades con posicionamiento absoluto (creo)
Perfecto, ahora en cuanto brutus termine su paseo y lo meta en casa, lo miro y solucionamos! Gracias! no tardo!!! El viernes 1 de julio de 2011, Mario Álvarez magrio...@gmail.com escribió: Va más código: https://gist.github.com/1059166 El markup de ambos es idéntico, solo varía la cantidad de options, que en el caso del que lista paises pues se obvia su necesaria cantidad. ¿qué podrá ser? Saludos! 2011/7/1 Mario Álvarez magrio...@gmail.com Pues ya probé y no, dió el mismo resultado en esos navegadores: FF3, IE7 y 8. En FF4 en Windows ya se ve bien! :D En Safari 4 en mac se ve bien, pero creo que desde antes, solo que no había probado jejeje. Saludos! 2011/7/1 Nestali Guerrero nguerr...@emergya.eshttps://mail.google.com/mail/?view=cmfs=1tf=1to=nguerr...@emergya.es Si nos puedes mandar más code, tanto estructura html como css, así vemos si hay problemas de algo, ya que el code anterior creo que lo pilla cualquiera, osea que tiene que ser algo raro de ahí. Saludos El 1 de julio de 2011 20:37, Nestali Guerrero nguerr...@emergya.eshttps://mail.google.com/mail/?view=cmfs=1tf=1to=nguerr...@emergya.es escribió: vale, ehm a ver si puedo cargar la máquina virtual y verlo en IE, ya que te digo que en Safari, netscape navigator, que ya es viejo xD, y los demás van bien por lo menos en Mac. De todas formas, ehm mi mente se le pasa que el problema puede ser con el position absolute, que el option que tiene que salir a tener el absolute y ningún top, o ningún elemento relativo por encima alomejor se esconde. pero no estoy seguro, si puedo ahora te lo miro en IE y te digo que es ok? Saludos. si quieres probar poniendo a un div superior, un position:relative a ver que pasa. El 1 de julio de 2011 20:29, Mario Álvarez magrio...@gmail.com escribió: Gracias Nestail. Mira, aquí está una captura de IE8: http://dl.dropbox.com/u/2858209/Screenshot-4.png En el primer select, con etiqueta pais, funciona bien; se ve el span con el valor del option seleccionado y no se ve el select, pero en el segundo, con etiqueta Tipo de comentario funciona bien lo de ocultar al select pero el span no se ve, a pesar de que está seleccionado un option cuyo valor es Club premier y su texto si llega al span, sin embargo como comentaba en el primer mail, esto solo funciona en Chrome, Chromium y FF5, en todos los demás que he probado dan este extraño comportamiento... Saludos! 2011/7/1 Nestali Guerrero nguerr...@emergya.eshttps://mail.google.com/mail/?view=cmfs=1tf=1to=nguerr...@emergya.es Lo estoy mirando, no puedo reproducir el fallo ahora mismo, veo el span tanto en camino, FF3, chrome, sigo mirando, pero me puedes decir más o menos el porqué no se te muestra, osea, puede ser por un height??? que necesites tener más espacio por abajo?, ehm dame un pantallazo o algo, lo estoy mirando, ahora te cuento! saludos El 1 de julio de 2011 20:10, Mario Álvarez magrio...@gmail.com escribió: Hola! Les cuento lo que me ocurre: Tengo un select al que debo aplicarle un diseño, para lo que codifiqué el markup: div spanElemento seleccionado/span select option/option [...] ___ 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] Dificultades con posicionamiento absoluto (creo)
Gracias! 2011/7/1 Nestali Guerrero nguerr...@emergya.es Perfecto, ahora en cuanto brutus termine su paseo y lo meta en casa, lo miro y solucionamos! Gracias! no tardo!!! El viernes 1 de julio de 2011, Mario Álvarez magrio...@gmail.com escribió: Va más código: https://gist.github.com/1059166 El markup de ambos es idéntico, solo varía la cantidad de options, que en el caso del que lista paises pues se obvia su necesaria cantidad. ¿qué podrá ser? Saludos! 2011/7/1 Mario Álvarez magrio...@gmail.com Pues ya probé y no, dió el mismo resultado en esos navegadores: FF3, IE7 y 8. En FF4 en Windows ya se ve bien! :D En Safari 4 en mac se ve bien, pero creo que desde antes, solo que no había probado jejeje. Saludos! 2011/7/1 Nestali Guerrero nguerr...@emergya.eshttps://mail.google.com/mail/?view=cmfs=1tf=1to=nguerr...@emergya.es https://mail.google.com/mail/?view=cmfs=1tf=1to=nguerr...@emergya.es Si nos puedes mandar más code, tanto estructura html como css, así vemos si hay problemas de algo, ya que el code anterior creo que lo pilla cualquiera, osea que tiene que ser algo raro de ahí. Saludos El 1 de julio de 2011 20:37, Nestali Guerrero nguerr...@emergya.eshttps://mail.google.com/mail/?view=cmfs=1tf=1to=nguerr...@emergya.es https://mail.google.com/mail/?view=cmfs=1tf=1to=nguerr...@emergya.es escribió: vale, ehm a ver si puedo cargar la máquina virtual y verlo en IE, ya que te digo que en Safari, netscape navigator, que ya es viejo xD, y los demás van bien por lo menos en Mac. De todas formas, ehm mi mente se le pasa que el problema puede ser con el position absolute, que el option que tiene que salir a tener el absolute y ningún top, o ningún elemento relativo por encima alomejor se esconde. pero no estoy seguro, si puedo ahora te lo miro en IE y te digo que es ok? Saludos. si quieres probar poniendo a un div superior, un position:relative a ver que pasa. El 1 de julio de 2011 20:29, Mario Álvarez magrio...@gmail.com escribió: Gracias Nestail. Mira, aquí está una captura de IE8: http://dl.dropbox.com/u/2858209/Screenshot-4.png En el primer select, con etiqueta pais, funciona bien; se ve el span con el valor del option seleccionado y no se ve el select, pero en el segundo, con etiqueta Tipo de comentario funciona bien lo de ocultar al select pero el span no se ve, a pesar de que está seleccionado un option cuyo valor es Club premier y su texto si llega al span, sin embargo como comentaba en el primer mail, esto solo funciona en Chrome, Chromium y FF5, en todos los demás que he probado dan este extraño comportamiento... Saludos! 2011/7/1 Nestali Guerrero nguerr...@emergya.eshttps://mail.google.com/mail/?view=cmfs=1tf=1to=nguerr...@emergya.es https://mail.google.com/mail/?view=cmfs=1tf=1to=nguerr...@emergya.es Lo estoy mirando, no puedo reproducir el fallo ahora mismo, veo el span tanto en camino, FF3, chrome, sigo mirando, pero me puedes decir más o menos el porqué no se te muestra, osea, puede ser por un height??? que necesites tener más espacio por abajo?, ehm dame un pantallazo o algo, lo estoy mirando, ahora te cuento! saludos El 1 de julio de 2011 20:10, Mario Álvarez magrio...@gmail.com escribió: Hola! Les cuento lo que me ocurre: Tengo un select al que debo aplicarle un diseño, para lo que codifiqué el markup: div spanElemento seleccionado/span select option/option [...] ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.orghttps://mail.google.com/mail/?view=cmfs=1tf=1to=Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo -- *magrio*alvarez 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] Dificultades con posicionamiento absoluto (creo)
Compañero a ver te comento, tengo desde el IE 6 a todos los que tengo, unos 10 navegadores, y a ver con tu código tengo 2 labels con título, y luego abajo debe de estár una imagen que la he cambiado por una mía, la cual la pincho y se despliegan en todos los navegadores todas las opciones, y parece que las elige bien. Entonces te pregunto, el span es lo que haces que con JS pille el value del options elegido. 1.- Pásame la función o lo que hayas creado para ver que lo hace bien, y no hay nada raro. 2.- Yo he metido a mano texto en el label, y si es donde se tiene que mostrar el texto, en todos los navegadores se lee el label perféctamente. Dame más pistas para probar. siento no lograr reproducir lo que te pasa :( El 1 de julio de 2011 21:33, Mario Álvarez magrio...@gmail.com escribió: Gracias! 2011/7/1 Nestali Guerrero nguerr...@emergya.es Perfecto, ahora en cuanto brutus termine su paseo y lo meta en casa, lo miro y solucionamos! Gracias! no tardo!!! El viernes 1 de julio de 2011, Mario Álvarez magrio...@gmail.com escribió: Va más código: https://gist.github.com/1059166 El markup de ambos es idéntico, solo varía la cantidad de options, que en el caso del que lista paises pues se obvia su necesaria cantidad. ¿qué podrá ser? Saludos! 2011/7/1 Mario Álvarez magrio...@gmail.com Pues ya probé y no, dió el mismo resultado en esos navegadores: FF3, IE7 y 8. En FF4 en Windows ya se ve bien! :D En Safari 4 en mac se ve bien, pero creo que desde antes, solo que no había probado jejeje. Saludos! 2011/7/1 Nestali Guerrero nguerr...@emergya.es https://mail.google.com/mail/?view=cmfs=1tf=1to=nguerr...@emergya.es https://mail.google.com/mail/?view=cmfs=1tf=1to=nguerr...@emergya.es Si nos puedes mandar más code, tanto estructura html como css, así vemos si hay problemas de algo, ya que el code anterior creo que lo pilla cualquiera, osea que tiene que ser algo raro de ahí. Saludos El 1 de julio de 2011 20:37, Nestali Guerrero nguerr...@emergya.es https://mail.google.com/mail/?view=cmfs=1tf=1to=nguerr...@emergya.es https://mail.google.com/mail/?view=cmfs=1tf=1to=nguerr...@emergya.es escribió: vale, ehm a ver si puedo cargar la máquina virtual y verlo en IE, ya que te digo que en Safari, netscape navigator, que ya es viejo xD, y los demás van bien por lo menos en Mac. De todas formas, ehm mi mente se le pasa que el problema puede ser con el position absolute, que el option que tiene que salir a tener el absolute y ningún top, o ningún elemento relativo por encima alomejor se esconde. pero no estoy seguro, si puedo ahora te lo miro en IE y te digo que es ok? Saludos. si quieres probar poniendo a un div superior, un position:relative a ver que pasa. El 1 de julio de 2011 20:29, Mario Álvarez magrio...@gmail.com escribió: Gracias Nestail. Mira, aquí está una captura de IE8: http://dl.dropbox.com/u/2858209/Screenshot-4.png En el primer select, con etiqueta pais, funciona bien; se ve el span con el valor del option seleccionado y no se ve el select, pero en el segundo, con etiqueta Tipo de comentario funciona bien lo de ocultar al select pero el span no se ve, a pesar de que está seleccionado un option cuyo valor es Club premier y su texto si llega al span, sin embargo como comentaba en el primer mail, esto solo funciona en Chrome, Chromium y FF5, en todos los demás que he probado dan este extraño comportamiento... Saludos! 2011/7/1 Nestali Guerrero nguerr...@emergya.es https://mail.google.com/mail/?view=cmfs=1tf=1to=nguerr...@emergya.es https://mail.google.com/mail/?view=cmfs=1tf=1to=nguerr...@emergya.es Lo estoy mirando, no puedo reproducir el fallo ahora mismo, veo el span tanto en camino, FF3, chrome, sigo mirando, pero me puedes decir más o menos el porqué no se te muestra, osea, puede ser por un height??? que necesites tener más espacio por abajo?, ehm dame un pantallazo o algo, lo estoy mirando, ahora te cuento! saludos El 1 de julio de 2011 20:10, Mario Álvarez magrio...@gmail.com escribió: Hola! Les cuento lo que me ocurre: Tengo un select al que debo aplicarle un diseño, para lo que codifiqué el markup: div spanElemento seleccionado/span select option/option [...] ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org https://mail.google.com/mail/?view=cmfs=1tf=1to=Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo --
Re: [Ovillo] Dificultades con posicionamiento absoluto (creo)
label me refiero al texto del span, *sorry El 1 de julio de 2011 23:21, Nestali Guerrero nguerr...@emergya.esescribió: Compañero a ver te comento, tengo desde el IE 6 a todos los que tengo, unos 10 navegadores, y a ver con tu código tengo 2 labels con título, y luego abajo debe de estár una imagen que la he cambiado por una mía, la cual la pincho y se despliegan en todos los navegadores todas las opciones, y parece que las elige bien. Entonces te pregunto, el span es lo que haces que con JS pille el value del options elegido. 1.- Pásame la función o lo que hayas creado para ver que lo hace bien, y no hay nada raro. 2.- Yo he metido a mano texto en el label, y si es donde se tiene que mostrar el texto, en todos los navegadores se lee el label perféctamente. Dame más pistas para probar. siento no lograr reproducir lo que te pasa :( El 1 de julio de 2011 21:33, Mario Álvarez magrio...@gmail.com escribió: Gracias! 2011/7/1 Nestali Guerrero nguerr...@emergya.es Perfecto, ahora en cuanto brutus termine su paseo y lo meta en casa, lo miro y solucionamos! Gracias! no tardo!!! El viernes 1 de julio de 2011, Mario Álvarez magrio...@gmail.com escribió: Va más código: https://gist.github.com/1059166 El markup de ambos es idéntico, solo varía la cantidad de options, que en el caso del que lista paises pues se obvia su necesaria cantidad. ¿qué podrá ser? Saludos! 2011/7/1 Mario Álvarez magrio...@gmail.com Pues ya probé y no, dió el mismo resultado en esos navegadores: FF3, IE7 y 8. En FF4 en Windows ya se ve bien! :D En Safari 4 en mac se ve bien, pero creo que desde antes, solo que no había probado jejeje. Saludos! 2011/7/1 Nestali Guerrero nguerr...@emergya.es https://mail.google.com/mail/?view=cmfs=1tf=1to=nguerr...@emergya.es https://mail.google.com/mail/?view=cmfs=1tf=1to=nguerr...@emergya.es Si nos puedes mandar más code, tanto estructura html como css, así vemos si hay problemas de algo, ya que el code anterior creo que lo pilla cualquiera, osea que tiene que ser algo raro de ahí. Saludos El 1 de julio de 2011 20:37, Nestali Guerrero nguerr...@emergya.es https://mail.google.com/mail/?view=cmfs=1tf=1to=nguerr...@emergya.es https://mail.google.com/mail/?view=cmfs=1tf=1to=nguerr...@emergya.es escribió: vale, ehm a ver si puedo cargar la máquina virtual y verlo en IE, ya que te digo que en Safari, netscape navigator, que ya es viejo xD, y los demás van bien por lo menos en Mac. De todas formas, ehm mi mente se le pasa que el problema puede ser con el position absolute, que el option que tiene que salir a tener el absolute y ningún top, o ningún elemento relativo por encima alomejor se esconde. pero no estoy seguro, si puedo ahora te lo miro en IE y te digo que es ok? Saludos. si quieres probar poniendo a un div superior, un position:relative a ver que pasa. El 1 de julio de 2011 20:29, Mario Álvarez magrio...@gmail.com escribió: Gracias Nestail. Mira, aquí está una captura de IE8: http://dl.dropbox.com/u/2858209/Screenshot-4.png En el primer select, con etiqueta pais, funciona bien; se ve el span con el valor del option seleccionado y no se ve el select, pero en el segundo, con etiqueta Tipo de comentario funciona bien lo de ocultar al select pero el span no se ve, a pesar de que está seleccionado un option cuyo valor es Club premier y su texto si llega al span, sin embargo como comentaba en el primer mail, esto solo funciona en Chrome, Chromium y FF5, en todos los demás que he probado dan este extraño comportamiento... Saludos! 2011/7/1 Nestali Guerrero nguerr...@emergya.es https://mail.google.com/mail/?view=cmfs=1tf=1to=nguerr...@emergya.es https://mail.google.com/mail/?view=cmfs=1tf=1to=nguerr...@emergya.es Lo estoy mirando, no puedo reproducir el fallo ahora mismo, veo el span tanto en camino, FF3, chrome, sigo mirando, pero me puedes decir más o menos el porqué no se te muestra, osea, puede ser por un height??? que necesites tener más espacio por abajo?, ehm dame un pantallazo o algo, lo estoy mirando, ahora te cuento! saludos El 1 de julio de 2011 20:10, Mario Álvarez magrio.ag@ gmail.com escribió: Hola! Les cuento lo que me ocurre: Tengo un select al que debo aplicarle un diseño, para lo que codifiqué el markup: div spanElemento seleccionado/span select option/option [...] ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org https://mail.google.com/mail/?view=cmfs=1tf=1to=Ovillo@lists.ovillo.org
Re: [Ovillo] Dificultades con posicionamiento absoluto (creo)
Se me acaba de ocurrir, ¿No tendrás ese option en algún color como el fondo no? y no se ve por eso?, vamos ya sería el colmo pero bueno ya me comentas xD heehehe El 1 de julio de 2011 23:22, Nestali Guerrero nguerr...@emergya.esescribió: label me refiero al texto del span, *sorry El 1 de julio de 2011 23:21, Nestali Guerrero nguerr...@emergya.esescribió: Compañero a ver te comento, tengo desde el IE 6 a todos los que tengo, unos 10 navegadores, y a ver con tu código tengo 2 labels con título, y luego abajo debe de estár una imagen que la he cambiado por una mía, la cual la pincho y se despliegan en todos los navegadores todas las opciones, y parece que las elige bien. Entonces te pregunto, el span es lo que haces que con JS pille el value del options elegido. 1.- Pásame la función o lo que hayas creado para ver que lo hace bien, y no hay nada raro. 2.- Yo he metido a mano texto en el label, y si es donde se tiene que mostrar el texto, en todos los navegadores se lee el label perféctamente. Dame más pistas para probar. siento no lograr reproducir lo que te pasa :( El 1 de julio de 2011 21:33, Mario Álvarez magrio...@gmail.comescribió: Gracias! 2011/7/1 Nestali Guerrero nguerr...@emergya.es Perfecto, ahora en cuanto brutus termine su paseo y lo meta en casa, lo miro y solucionamos! Gracias! no tardo!!! El viernes 1 de julio de 2011, Mario Álvarez magrio...@gmail.com escribió: Va más código: https://gist.github.com/1059166 El markup de ambos es idéntico, solo varía la cantidad de options, que en el caso del que lista paises pues se obvia su necesaria cantidad. ¿qué podrá ser? Saludos! 2011/7/1 Mario Álvarez magrio...@gmail.com Pues ya probé y no, dió el mismo resultado en esos navegadores: FF3, IE7 y 8. En FF4 en Windows ya se ve bien! :D En Safari 4 en mac se ve bien, pero creo que desde antes, solo que no había probado jejeje. Saludos! 2011/7/1 Nestali Guerrero nguerr...@emergya.es https://mail.google.com/mail/?view=cmfs=1tf=1to=nguerr...@emergya.es https://mail.google.com/mail/?view=cmfs=1tf=1to=nguerr...@emergya.es Si nos puedes mandar más code, tanto estructura html como css, así vemos si hay problemas de algo, ya que el code anterior creo que lo pilla cualquiera, osea que tiene que ser algo raro de ahí. Saludos El 1 de julio de 2011 20:37, Nestali Guerrero nguerr...@emergya.es https://mail.google.com/mail/?view=cmfs=1tf=1to=nguerr...@emergya.es https://mail.google.com/mail/?view=cmfs=1tf=1to=nguerr...@emergya.es escribió: vale, ehm a ver si puedo cargar la máquina virtual y verlo en IE, ya que te digo que en Safari, netscape navigator, que ya es viejo xD, y los demás van bien por lo menos en Mac. De todas formas, ehm mi mente se le pasa que el problema puede ser con el position absolute, que el option que tiene que salir a tener el absolute y ningún top, o ningún elemento relativo por encima alomejor se esconde. pero no estoy seguro, si puedo ahora te lo miro en IE y te digo que es ok? Saludos. si quieres probar poniendo a un div superior, un position:relative a ver que pasa. El 1 de julio de 2011 20:29, Mario Álvarez magrio...@gmail.com escribió: Gracias Nestail. Mira, aquí está una captura de IE8: http://dl.dropbox.com/u/2858209/Screenshot-4.png En el primer select, con etiqueta pais, funciona bien; se ve el span con el valor del option seleccionado y no se ve el select, pero en el segundo, con etiqueta Tipo de comentario funciona bien lo de ocultar al select pero el span no se ve, a pesar de que está seleccionado un option cuyo valor es Club premier y su texto si llega al span, sin embargo como comentaba en el primer mail, esto solo funciona en Chrome, Chromium y FF5, en todos los demás que he probado dan este extraño comportamiento... Saludos! 2011/7/1 Nestali Guerrero nguerr...@emergya.es https://mail.google.com/mail/?view=cmfs=1tf=1to=nguerr...@emergya.es https://mail.google.com/mail/?view=cmfs=1tf=1to=nguerr...@emergya.es Lo estoy mirando, no puedo reproducir el fallo ahora mismo, veo el span tanto en camino, FF3, chrome, sigo mirando, pero me puedes decir más o menos el porqué no se te muestra, osea, puede ser por un height??? que necesites tener más espacio por abajo?, ehm dame un pantallazo o algo, lo estoy mirando, ahora te cuento! saludos El 1 de julio de 2011 20:10, Mario Álvarez magrio.ag@ gmail.com escribió: Hola! Les cuento lo que me ocurre: Tengo un select al que debo aplicarle un diseño, para lo que codifiqué el markup: div spanElemento seleccionado/span select option/option
Re: [Ovillo] Dificultades con posicionamiento absoluto (creo)
Ok ceno y lo pruebo con el js, pero ya te digo que en la vida uses shoots de imágenes generadas por ese ni por los tropecientos q hay, ehm ese precisamente lo probamos para comprarlo si iba a ser util y tengo q decir que el remedio es o un equipo com windows, o un virtualbox, yo uso este en mac y en el kurro tb con linux. Va lento todo pero es la mejor solucion, ya q es real y encima existe debuggers para este. Bueno luego te comento lo que vea ya con el js en accion, pero me da a mi que ya lo tenias y tienes bien xD, un saludo El viernes 1 de julio de 2011, Mario Álvarez magrio...@gmail.com escribió: Estoy seguro que no es eso, pues en Chrome/ium, Firefox4, 5 y Safari se ve bien, además el color lo hereda desde otra clase. Empiezo a dudar: la única forma que tengo para probar en esos navegadores es mediante Adobe Browserslab, pues uso linux y aquí solo puedo probar IE8, todos los FF, Chrome/ium, Opera y Midori, y se me acaba de ocurrir por lo que me comentas: ¿será el caché de Browserlab? Mi lógica me dice que ya debió haberse solucionado, pues el padre tiene posición relativa, ambos hijos absoluta a 0... en fin. Voy a buscar la manera de probar físicamente en esos navegadores a ver si ya se solucionó, porque nada más no le pillo. El js que genera el contenido al span es: /** * Al cambiar la selección del select el valor seleccionado * lo adquiere su hermano span.selection */ $('.select_wrapper select').live({ change: function() { value = $(this).children('option:selected').text(); $(this).prev('span.selection').text(value); console.log(value); } }); Saludos! 2011/7/1 Nestali Guerrero nguerr...@emergya.es Se me acaba de ocurrir, ¿No tendrás ese option en algún color como el fondo no? y no se ve por eso?, vamos ya sería el colmo pero bueno ya me comentas xD heehehe El 1 de julio de 2011 23:22, Nestali Guerrero nguerr...@emergya.eshttps://mail.google.com/mail/?view=cmfs=1tf=1to=nguerr...@emergya.es escribió: label me refiero al texto del span, *sorry El 1 de julio de 2011 23:21, Nestali Guerrero nguerr...@emergya.eshttps://mail.google.com/mail/?view=cmfs=1tf=1to=nguerr...@emergya.es escribió: Compañero a ver te comento, tengo desde el IE 6 a todos los que tengo, unos 10 navegadores, y a ver con tu código tengo 2 labels con título, y luego abajo debe de estár una imagen que la he cambiado por una mía, la cual la pincho y se despliegan en todos los navegadores todas las opciones, y parece que las elige bien. Entonces te pregunto, el span es lo que haces que con JS pille el value del options elegido. 1.- Pásame la función o lo que hayas creado para ver que lo hace bien, y no hay nada raro. 2.- Yo he metido a mano texto en el label, y si es donde se tiene que mostrar el texto, en todos los navegadores se lee el label perféctamente. Dame más pistas para probar. siento no lograr reproducir lo que te pasa :( El 1 de julio de 2011 21:33, Mario Álvarez magrio...@gmail.com escribió: Gracias! 2011/7/1 Nestali Guerrero nguerr...@emergya.eshttps://mail.google.com/mail/?view=cmfs=1tf=1to=nguerr...@emergya.es Perfecto, ahora en cuanto brutus termine su paseo y lo meta en casa, lo miro y solucionamos! Gracias! no tardo!!! El viernes 1 de julio de 2011, Mario Álvarez magrio...@gmail.com escribió: Va más código: https://gist.github.com/1059166 El markup de ambos es idéntico, solo varía la cantidad de options, que en el caso del que lista paises pues se obvia su necesaria cantidad. ¿qué podrá ser? Saludos! 2011/7/1 Mario Álvarez magrio...@gmail.com Pues ya probé y no, dió el mismo resultado en esos navegadores: FF3, IE7 y 8. En FF4 en Windows ya se ve bien! :D En Safari 4 en mac se ve bien, pero creo que desde antes, solo que no había probado jejeje. Saludos! 2011/7/1 Nestali Guerrero nguerr...@emergya.eshttps://mail.google.com/mail/?view=cmfs=1tf=1to=nguerr...@emergya.es https://mail.google.com/mail/?view=cmfs=1tf=1to=nguerr...@emergya.es https://mail.google.com/mail/?view=cmfs=1tf=1to=nguerr...@emergya.es Si nos puedes mandar más code, tanto estructura html como css, así vemos si hay problemas de algo, ya que el code anterior creo que lo pilla cualquiera, osea que tiene que ser algo raro de ahí. Saludos El 1 de julio de 2011 20:37, Nestali Guerrero nguerr...@emergya.eshttps://mail.google.com/mail/?view=cmfs=1tf=1to=nguerr...@emergya.es https://mail.google.com/mail/?view=cmfs=1tf=1to=nguerr...@emergya.es https://mail.google.com/mail/?view=cmfs=1tf=1to=nguerr...@emergya.es escribió: vale, ehm a ver si puedo cargar la máquina virtual y verlo en -- Neftalí Guerrero Pancorbo (Nesta) Área de Proyectos Emergya Consultoría Tfno: +34 954 51 75 77 Fax: +34 954 51 64 73 www.emergya.es
Re: [Ovillo] Dificultades con posicionamiento absoluto (creo)
El mensaje ha llegado correctamente pero... estoy de vacaciones hasta el próximo 1 de julio. Atenderé tu correo a la vuelta. Si por el motivo que fuere necesitas ponerte en contacto con adimedia puedes hacerlo en i...@adimedia.net o en el Telf. 943 63 57 37. ___ 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] Dificultades con posicionamiento absoluto (creo)
Le dí a enviar antes de tiempo, que la del IE 6 se escapó, pero vamos que funciona, que nada, yo que tu no me preocupaba y con sólo mirar en un windows de algún amigo o algo para quedarte tranquilo ya vale, porque yo te digo que hasta en el peor de los peores ha funcionado. Saludos!!! Buenas noches! El 2 de julio de 2011 01:01, Neftalí Guerrero (Nesta) nguerr...@emergya.esescribió: Bueno empezar con recursos útiles par el futuro como tener un windows por ahí, e instalar IECOLLECTION que tiene desde el IE1 hasta el 8, incluyendo debbuger que ya es algo. si nó, para visualizar tienes el IE Tester, que tienes del 6,7,8 y suele ser real, no sé si con wine lograrás arrancarlo bien. bueno y tras esto te pongo: **NO HE MODIFICADO NADA code script type=text/javascript src= http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js;/script script $(document).ready(function(){ $('.select_wrapper select').live({ change: function() { value = $(this).children('option:selected').text(); $(this).prev('span.selection').text(value); console.log(value); } }); }); /script style type=text/css media=all .row { margin:0 0 8px 0; } div.select_wrapper { background: url(wikilock.jpg) no-repeat 0 0; padding: 0; margin: 3px 0 0; width: 282px; height: 28px; position: relative; z-index: 800; } div.select_wrapper span.selection { position: absolute; padding: 4px; color: #121419; z-index: 10; top: 0; left: 0; line-height: 17px; } div.select_wrapper select { opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); width: 282px; height: 22px; position: absolute; top: 0; left: 0; } /style /head body div class=row . /code Funciona correctamente en todos lados!, adjunto pantallazos de los IE 6 al 8 El 2 de julio de 2011 00:01, Neftalí Guerrero (Nesta) nguerr...@emergya.es escribió: Ok ceno y lo pruebo con el js, pero ya te digo que en la vida uses shoots de imágenes generadas por ese ni por los tropecientos q hay, ehm ese precisamente lo probamos para comprarlo si iba a ser util y tengo q decir que el remedio es o un equipo com windows, o un virtualbox, yo uso este en mac y en el kurro tb con linux. Va lento todo pero es la mejor solucion, ya q es real y encima existe debuggers para este. Bueno luego te comento lo que vea ya con el js en accion, pero me da a mi que ya lo tenias y tienes bien xD, un saludo El viernes 1 de julio de 2011, Mario Álvarez magrio...@gmail.com escribió: Estoy seguro que no es eso, pues en Chrome/ium, Firefox4, 5 y Safari se ve bien, además el color lo hereda desde otra clase. Empiezo a dudar: la única forma que tengo para probar en esos navegadores es mediante Adobe Browserslab, pues uso linux y aquí solo puedo probar IE8, todos los FF, Chrome/ium, Opera y Midori, y se me acaba de ocurrir por lo que me comentas: ¿será el caché de Browserlab? Mi lógica me dice que ya debió haberse solucionado, pues el padre tiene posición relativa, ambos hijos absoluta a 0... en fin. Voy a buscar la manera de probar físicamente en esos navegadores a ver si ya se solucionó, porque nada más no le pillo. El js que genera el contenido al span es: /** * Al cambiar la selección del select el valor seleccionado * lo adquiere su hermano span.selection */ $('.select_wrapper select').live({ change: function() { value = $(this).children('option:selected').text(); $(this).prev('span.selection').text(value); console.log(value); } }); Saludos! 2011/7/1 Nestali Guerrero nguerr...@emergya.es Se me acaba de ocurrir, ¿No tendrás ese option en algún color como el fondo no? y no se ve por eso?, vamos ya sería el colmo pero bueno ya me comentas xD heehehe El 1 de julio de 2011 23:22, Nestali Guerrero nguerr...@emergya.es https://mail.google.com/mail/?view=cmfs=1tf=1to=nguerr...@emergya.es escribió: label me refiero al texto del span, *sorry El 1 de julio de 2011 23:21, Nestali Guerrero nguerr...@emergya.es https://mail.google.com/mail/?view=cmfs=1tf=1to=nguerr...@emergya.es escribió: Compañero a ver te comento, tengo desde el IE 6 a todos los que tengo, unos 10 navegadores, y a ver con tu código tengo 2 labels con título, y luego abajo debe de estár una imagen que la he cambiado por una mía, la cual la pincho y se despliegan en todos los navegadores todas las opciones, y parece que las elige bien. Entonces te pregunto, el span es lo que haces que con JS pille el value del options elegido. 1.- Pásame la función o lo que hayas creado para ver que lo hace bien, y no hay nada raro. 2.- Yo he metido a mano texto en el label, y si es donde se tiene que mostrar el texto, en todos los navegadores se lee el label perféctamente. Dame más pistas para probar. siento no lograr reproducir lo que te pasa :( El 1 de julio de 2011 21:33, Mario Álvarez magrio...@gmail.com escribió: Gracias!
Re: [Ovillo] Dificultades con posicionamiento absoluto (creo)
Gracias! De hecho ya miré en un windows con ff3.6 y con ff4 y ya anda. Si había un problema en js, pero ya lo solucioné. Era un lío con el método live, lo cambié por change y listo. La maña de desarrollar usando ajax, jeje. Muchas gracias por todo! 2011/7/1 Neftalí Guerrero (Nesta) nguerr...@emergya.es Le dí a enviar antes de tiempo, que la del IE 6 se escapó, pero vamos que funciona, que nada, yo que tu no me preocupaba y con sólo mirar en un windows de algún amigo o algo para quedarte tranquilo ya vale, porque yo te digo que hasta en el peor de los peores ha funcionado. Saludos!!! Buenas noches! El 2 de julio de 2011 01:01, Neftalí Guerrero (Nesta) nguerr...@emergya.eshttps://mail.google.com/mail/?view=cmfs=1tf=1to=nguerr...@emergya.es escribió: Bueno empezar con recursos útiles par el futuro como tener un windows por ahí, e instalar IECOLLECTION que tiene desde el IE1 hasta el 8, incluyendo debbuger que ya es algo. si nó, para visualizar tienes el IE Tester, que tienes del 6,7,8 y suele ser real, no sé si con wine lograrás arrancarlo bien. bueno y tras esto te pongo: **NO HE MODIFICADO NADA code script type=text/javascript src= http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js /script script $(document).ready(function(){ $('.select_wrapper select').live({ change: function() { value = $(this).children('option:selected').text(); $(this).prev('span.selection').text(value); console.log(value); } }); }); /script style type=text/css media=all .row { margin:0 0 8px 0; } div.select_wrapper { background: url(wikilock.jpg) no-repeat 0 0; padding: 0; margin: 3px 0 0; width: 282px; height: 28px; position: relative; z-index: 800; } div.select_wrapper span.selection { position: absolute; padding: 4px; color: #121419; z-index: 10; top: 0; left: 0; line-height: 17px; } div.select_wrapper select { opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); width: 282px; height: 22px; position: absolute; top: 0; left: 0; } /style /head body div class=row . /code Funciona correctamente en todos lados!, adjunto pantallazos de los IE 6 al 8 El 2 de julio de 2011 00:01, Neftalí Guerrero (Nesta) nguerr...@emergya.eshttps://mail.google.com/mail/?view=cmfs=1tf=1to=nguerr...@emergya.es escribió: Ok ceno y lo pruebo con el js, pero ya te digo que en la vida uses shoots de imágenes generadas por ese ni por los tropecientos q hay, ehm ese precisamente lo probamos para comprarlo si iba a ser util y tengo q decir que el remedio es o un equipo com windows, o un virtualbox, yo uso este en mac y en el kurro tb con linux. Va lento todo pero es la mejor solucion, ya q es real y encima existe debuggers para este. Bueno luego te comento lo que vea ya con el js en accion, pero me da a mi que ya lo tenias y tienes bien xD, un saludo El viernes 1 de julio de 2011, Mario Álvarez magrio...@gmail.com escribió: Estoy seguro que no es eso, pues en Chrome/ium, Firefox4, 5 y Safari se ve bien, además el color lo hereda desde otra clase. Empiezo a dudar: la única forma que tengo para probar en esos navegadores es mediante Adobe Browserslab, pues uso linux y aquí solo puedo probar IE8, todos los FF, Chrome/ium, Opera y Midori, y se me acaba de ocurrir por lo que me comentas: ¿será el caché de Browserlab? Mi lógica me dice que ya debió haberse solucionado, pues el padre tiene posición relativa, ambos hijos absoluta a 0... en fin. Voy a buscar la manera de probar físicamente en esos navegadores a ver si ya se solucionó, porque nada más no le pillo. El js que genera el contenido al span es: /** * Al cambiar la selección del select el valor seleccionado * lo adquiere su hermano span.selection */ $('.select_wrapper select').live({ change: function() { value = $(this).children('option:selected').text(); $(this).prev('span.selection').text(value); console.log(value); } }); Saludos! 2011/7/1 Nestali Guerrero nguerr...@emergya.eshttps://mail.google.com/mail/?view=cmfs=1tf=1to=nguerr...@emergya.es Se me acaba de ocurrir, ¿No tendrás ese option en algún color como el fondo no? y no se ve por eso?, vamos ya sería el colmo pero bueno ya me comentas xD heehehe El 1 de julio de 2011 23:22, Nestali Guerrero nguerr...@emergya.eshttps://mail.google.com/mail/?view=cmfs=1tf=1to=nguerr...@emergya.es https://mail.google.com/mail/?view=cmfs=1tf=1to=nguerr...@emergya.es escribió: label me refiero al texto del span, *sorry El 1 de julio de 2011 23:21, Nestali Guerrero nguerr...@emergya.eshttps://mail.google.com/mail/?view=cmfs=1tf=1to=nguerr...@emergya.es https://mail.google.com/mail/?view=cmfs=1tf=1to=nguerr...@emergya.es escribió: Compañero a ver te comento, tengo desde el IE 6 a todos los
Re: [Ovillo] Dificultades con posicionamiento absoluto (creo)
jajaajaj pues perfecto, pero a mi no me dio nada de error y me funcionó, pero perfecto! pues una cosa menos xD. hasta la próxima! un saludo! El 2 de julio de 2011 01:06, Mario Álvarez magrio...@gmail.com escribió: Gracias! De hecho ya miré en un windows con ff3.6 y con ff4 y ya anda. Si había un problema en js, pero ya lo solucioné. Era un lío con el método live, lo cambié por change y listo. La maña de desarrollar usando ajax, jeje. Muchas gracias por todo! 2011/7/1 Neftalí Guerrero (Nesta) nguerr...@emergya.es Le dí a enviar antes de tiempo, que la del IE 6 se escapó, pero vamos que funciona, que nada, yo que tu no me preocupaba y con sólo mirar en un windows de algún amigo o algo para quedarte tranquilo ya vale, porque yo te digo que hasta en el peor de los peores ha funcionado. Saludos!!! Buenas noches! El 2 de julio de 2011 01:01, Neftalí Guerrero (Nesta) nguerr...@emergya.es https://mail.google.com/mail/?view=cmfs=1tf=1to=nguerr...@emergya.es escribió: Bueno empezar con recursos útiles par el futuro como tener un windows por ahí, e instalar IECOLLECTION que tiene desde el IE1 hasta el 8, incluyendo debbuger que ya es algo. si nó, para visualizar tienes el IE Tester, que tienes del 6,7,8 y suele ser real, no sé si con wine lograrás arrancarlo bien. bueno y tras esto te pongo: **NO HE MODIFICADO NADA code script type=text/javascript src= http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js /script script $(document).ready(function(){ $('.select_wrapper select').live({ change: function() { value = $(this).children('option:selected').text(); $(this).prev('span.selection').text(value); console.log(value); } }); }); /script style type=text/css media=all .row { margin:0 0 8px 0; } div.select_wrapper { background: url(wikilock.jpg) no-repeat 0 0; padding: 0; margin: 3px 0 0; width: 282px; height: 28px; position: relative; z-index: 800; } div.select_wrapper span.selection { position: absolute; padding: 4px; color: #121419; z-index: 10; top: 0; left: 0; line-height: 17px; } div.select_wrapper select { opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); width: 282px; height: 22px; position: absolute; top: 0; left: 0; } /style /head body div class=row . /code Funciona correctamente en todos lados!, adjunto pantallazos de los IE 6 al 8 El 2 de julio de 2011 00:01, Neftalí Guerrero (Nesta) nguerr...@emergya.es https://mail.google.com/mail/?view=cmfs=1tf=1to=nguerr...@emergya.es escribió: Ok ceno y lo pruebo con el js, pero ya te digo que en la vida uses shoots de imágenes generadas por ese ni por los tropecientos q hay, ehm ese precisamente lo probamos para comprarlo si iba a ser util y tengo q decir que el remedio es o un equipo com windows, o un virtualbox, yo uso este en mac y en el kurro tb con linux. Va lento todo pero es la mejor solucion, ya q es real y encima existe debuggers para este. Bueno luego te comento lo que vea ya con el js en accion, pero me da a mi que ya lo tenias y tienes bien xD, un saludo El viernes 1 de julio de 2011, Mario Álvarez magrio...@gmail.com escribió: Estoy seguro que no es eso, pues en Chrome/ium, Firefox4, 5 y Safari se ve bien, además el color lo hereda desde otra clase. Empiezo a dudar: la única forma que tengo para probar en esos navegadores es mediante Adobe Browserslab, pues uso linux y aquí solo puedo probar IE8, todos los FF, Chrome/ium, Opera y Midori, y se me acaba de ocurrir por lo que me comentas: ¿será el caché de Browserlab? Mi lógica me dice que ya debió haberse solucionado, pues el padre tiene posición relativa, ambos hijos absoluta a 0... en fin. Voy a buscar la manera de probar físicamente en esos navegadores a ver si ya se solucionó, porque nada más no le pillo. El js que genera el contenido al span es: /** * Al cambiar la selección del select el valor seleccionado * lo adquiere su hermano span.selection */ $('.select_wrapper select').live({ change: function() { value = $(this).children('option:selected').text(); $(this).prev('span.selection').text(value); console.log(value); } }); Saludos! 2011/7/1 Nestali Guerrero nguerr...@emergya.es https://mail.google.com/mail/?view=cmfs=1tf=1to=nguerr...@emergya.es Se me acaba de ocurrir, ¿No tendrás ese option en algún color como el fondo no? y no se ve por eso?, vamos ya sería el colmo pero bueno ya me comentas xD heehehe El 1 de julio de 2011 23:22, Nestali Guerrero nguerr...@emergya.es https://mail.google.com/mail/?view=cmfs=1tf=1to=nguerr...@emergya.es