Re: [Ovillo] Manejar menús para pantallas tactiles
Creo que lo que se ajusta mas es el ejemplo: http://www.filamentgroup.com/examples/menusHierarchical/ Aunque hay varios. Un cordial saludo de SantosVZ *-Mensaje original- *De: ovillo-boun...@lists.ovillo.org [mailto:ovillo-boun...@lists.ovillo.org] En nombre *de Tei *Enviado el: miércoles, 08 de junio de 2011 02:12 p.m. *Para: Ovillo, la lista de CSS en castellano *Asunto: Re: [Ovillo] Manejar menús para pantallas tactiles * *2011/6/2 Miguel Beltran R. : *> Hola Lista *> *> Tengo un aplicación donde manejo un menús con UL y LI. *> Usando CSS lo deje como un menú de aplicación normal, en la parte superior *> aparece algo como: Archivo | Edicion | Ayuda. *> *> Cuando posiciono el puntero del ratón encima de una de estas opciones *> aparecen las subopciones: Archivos -> Abrir . *> *> La pregunta es ¿comó manejo esto con dispositivos de pantalla tactiles? *> Sobre todo con iOS y Android, es decir tablets y smart phones. * *Simplemente ten a mano un dispositivo tactil de estos, y ves *probandolo. Posiblemente tendras que hacer que los menus "se queden *pegados" ... que se queden visibles hasta que se pulse en otra parte, *o que sean mas "pegajosos" .. que aguanten en pantalla mas tiempo. De *todos modos esto es mas de probarlo, y que se sienta facil de usar *tanto en PC como en un tactil. * *O haces eso, o haces una apuesta mas "futureproff" de que los menus *estos creen un tipo de navegacion diferente: * *Usar menus de este estilo *http://noupe.com/img/m10.gif * *en lugar de este estilo: *http://noupe.com/img/m9.gif * *Creo que el estilo de m10.gif es un estilo que aceptara incluso tipos *de aparatos para navegar internet que aun no estan inventados, pero *que la gente tendra en el bolsillo dentro de cinco años. * * * * *-- *-- *ℱin del ℳensaje. *___ *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] Manejar menús para pantallas tactiles
2011/6/2 Miguel Beltran R. : > Hola Lista > > Tengo un aplicación donde manejo un menús con UL y LI. > Usando CSS lo deje como un menú de aplicación normal, en la parte superior > aparece algo como: Archivo | Edicion | Ayuda. > > Cuando posiciono el puntero del ratón encima de una de estas opciones > aparecen las subopciones: Archivos -> Abrir . > > La pregunta es ¿comó manejo esto con dispositivos de pantalla tactiles? > Sobre todo con iOS y Android, es decir tablets y smart phones. Simplemente ten a mano un dispositivo tactil de estos, y ves probandolo. Posiblemente tendras que hacer que los menus "se queden pegados" ... que se queden visibles hasta que se pulse en otra parte, o que sean mas "pegajosos" .. que aguanten en pantalla mas tiempo. De todos modos esto es mas de probarlo, y que se sienta facil de usar tanto en PC como en un tactil. O haces eso, o haces una apuesta mas "futureproff" de que los menus estos creen un tipo de navegacion diferente: Usar menus de este estilo http://noupe.com/img/m10.gif en lugar de este estilo: http://noupe.com/img/m9.gif Creo que el estilo de m10.gif es un estilo que aceptara incluso tipos de aparatos para navegar internet que aun no estan inventados, pero que la gente tendra en el bolsillo dentro de cinco años. -- -- ℱin del ℳensaje. ___ 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] Ayuda con posicionamiento
Gracias Jose Antonio pero lo resolvi de otra forma:
#header { z-index: 10 } // tenia 99
#menu { position: relative; z-index: 10 } // no tenia ninguno de los dos
Espero que funcione correctamente en todos los navegadores y a los amables
amigos de la lista si pueden probarlo y darme Feedback de si funciona
correctamente o no se los agradeceria porque yo solo tengo FF 4, Chrome 11 y
IE9
Saludos
Ing. Reynier Pérez Mira
Cel: +58 416.921.7406 / 416.012.1226
Twitter: twitter.com/reypm
Correo: reynie...@gmail.com / reynie...@hotmail.com / reynie...@yahoo.com
2011/6/8 Alvarez Laurnaga, Jose Antonio
> Pues sí parece ser un tema de z-index.
> Según San Firebug tiene un z-index de 16 y a partir de 99 sí se coloca
> encima de la otra capa ()
> Lo que pasa es que ese estilo debe de estar en el js y como es un estilo en
> línea no se deja machacar por otros.
> Puedo estar equivocado, pero parece que tendras que bucear en el js para
> modificar el z-index de mailto:ovillo-boun...@lists.ovillo.org] En nombre de
> >> reynie...@gmail.com
> >> Enviado el: miércoles, 08 de junio de 2011 13:44
> >> Para: Ovillo, la lista de CSS en castellano
> >> Asunto: [Ovillo] Ayuda con posicionamiento
> >>
> >> Buenos dias a todos:
> >> Estoy teniendo un pequeño problema con el posicionamiento de
> >> una lista que se genera cuando uso el Autocomplete del
> >> jQuery UI en la siguiente pagina http://libnew.libroria.com/
> >> puesto que la misma sale por detras de los elementos de la
> >> pagina. Ya he probado poniendole position: absolute y un
> >> zIndex: 9 pero aun asi me sigue saliendo por detras de
> >> lo demas y no logro ver los contenidos del mismo. Alguna ayuda?
> >>
> >> Saludos y desde ya muchisimas gracias
> >> Ing. Reynier Pérez Mira
> >> Cel: +58 416.921.7406 / 416.012.1226
> >> Twitter: twitter.com/reypm
> >> Correo: reynie...@gmail.com / reynie...@hotmail.com /
> >> reynie...@yahoo.com ___
> >> Lista de distribución Ovillo
> >> Para escribir a la lista, envia un correo a
> >> Ovillo@lists.ovillo.org Puedes modificar tus datos o
> >> desuscribirte en la siguiente dirección:
> >> http://lists.ovillo.org/mailman/listinfo/ovillo
> >>
> ___
> 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] Ayuda con posicionamiento
Pues sí parece ser un tema de z-index. Según San Firebug tiene un z-index de 16 y a partir de 99 sí se coloca encima de la otra capa () Lo que pasa es que ese estilo debe de estar en el js y como es un estilo en línea no se deja machacar por otros. Puedo estar equivocado, pero parece que tendras que bucear en el js para modificar el z-index de mailto:ovillo-boun...@lists.ovillo.org] En nombre de >> reynie...@gmail.com >> Enviado el: miércoles, 08 de junio de 2011 13:44 >> Para: Ovillo, la lista de CSS en castellano >> Asunto: [Ovillo] Ayuda con posicionamiento >> >> Buenos dias a todos: >> Estoy teniendo un pequeño problema con el posicionamiento de >> una lista que se genera cuando uso el Autocomplete del >> jQuery UI en la siguiente pagina http://libnew.libroria.com/ >> puesto que la misma sale por detras de los elementos de la >> pagina. Ya he probado poniendole position: absolute y un >> zIndex: 9 pero aun asi me sigue saliendo por detras de >> lo demas y no logro ver los contenidos del mismo. Alguna ayuda? >> >> Saludos y desde ya muchisimas gracias >> Ing. Reynier Pérez Mira >> Cel: +58 416.921.7406 / 416.012.1226 >> Twitter: twitter.com/reypm >> Correo: reynie...@gmail.com / reynie...@hotmail.com / >> reynie...@yahoo.com ___ >> Lista de distribución Ovillo >> Para escribir a la lista, envia un correo a >> Ovillo@lists.ovillo.org Puedes modificar tus datos o >> desuscribirte en la siguiente dirección: >> http://lists.ovillo.org/mailman/listinfo/ovillo >> ___ 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] Problemas con las dichosas resoluciones
Muchas gracias a todos, ire leyendo poco a poco lo que me han dejado aca y vere si logro hacer una web decente !!! Saludos Ing. Reynier Pérez Mira Cel: +58 416.921.7406 / 416.012.1226 Twitter: twitter.com/reypm Correo: reynie...@gmail.com / reynie...@hotmail.com / reynie...@yahoo.com 2011/6/7 Eddie > Hola, > > Con los mediaqueries defines estilos para los elementos de tu sitio en > dependencia de rangos específicos del ancho del navegador. Por > ejemplo, puedes declarar que tu #header tenga un ancho de 760px para > un ancho del navegador menor a los 900px, luego declarar que tenga > 960px de ancho para cuando el navegador esté entre los 900px y 1200px > y al final que tenga unos 1100px de ancho para cuando el ancho del > navegador sea mayor a los 1200px. Todo se hace en el CSS y como mismo > cambias el width puedes cambiar cualquier otra propiedad. El único > "problema" que le veo es que IE no lo reconoce :) pero muestra el > diseño que utilizes por defecto. Por otro lado está respond.js ( > https://github.com/scottjehl/Respond ) para que IE los soporte. > > No soy un experto en esto ni mucho menos, solo que he estado > experimentando y ya lo implementé en una aplicación que estoy > haciendo. Con esto de las mediaqueries puedes optimizar un mismo sitio > para diferentes dispositivos sólo con CSS. Ah! también se pueden > incluir estilos específicos para pantallas retina como las del iPhone > 4! :) > > Gracias por los links que compartiste. Agrego este: > http://lessframework.com/ > > Saludos! > > -- > Eddie > ___ > Lista de distribución Ovillo > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org > Puedes modificar tus datos o desuscribirte en la siguiente dirección: > http://lists.ovillo.org/mailman/listinfo/ovillo > ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
[Ovillo] Ayuda con posicionamiento
Buenos dias a todos: Estoy teniendo un pequeño problema con el posicionamiento de una lista que se genera cuando uso el Autocomplete del jQuery UI en la siguiente pagina http://libnew.libroria.com/ puesto que la misma sale por detras de los elementos de la pagina. Ya he probado poniendole position: absolute y un zIndex: 9 pero aun asi me sigue saliendo por detras de lo demas y no logro ver los contenidos del mismo. Alguna ayuda? Saludos y desde ya muchisimas gracias Ing. Reynier Pérez Mira Cel: +58 416.921.7406 / 416.012.1226 Twitter: twitter.com/reypm Correo: reynie...@gmail.com / reynie...@hotmail.com / reynie...@yahoo.com ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
