Re: [Ovillo] Dilema con la propiedad @font-face
Te lo digo de memoria pero creo que, además de que cada navegador acepta o no cualquier tipografía, lo que suele ser más seguro es que nuestra tipografía sea *truetype* y la especifiquemos (como lo haces en tu caso) como tal *format('truetype')* Dado que tu tipografía es *opentype* , por probar si es éste el problema, mira de cambiar, por ejemplo, por Futura Condensed Light Thin, que, si bien todas las tipografías son diferentes, te puede dar un referente de espacio parecido. P.D.: Nos cuentas si es el Truetype la solución a los navegadores. Saludos: José María El 14 de marzo de 2012 21:13, reynie...@gmail.com reynie...@gmail.comescribió: Buenas tardes a todos por aca: Estoy presentando un problema con el uso de la propiedad @font-face de CSS3. Fijense en la imagen siguiente http://www.dropmocks.com/mBhJ62 si se dan cuenta tengo abierto 3 navegadores: Chrome 17.0.963.78, Firefox 10.0.2 y Opera 11.61 B1250 y no se porque no me funciona la propiedad bien a no ser en Chrome que es donde unico se ve y aun asi para ello no todo pues lo que esta debajo de los textos LA EMPRESA, PRODUCTOS tampoco se le aplica la propiedad. Aqui esta la web en cuestion: http://testexam.webatu.com/ alguna idea de que estoy haciendo mal? Saludos Ing. Reynier Perez Mira eMail: reynie...@gmail.com, reynie...@hotmail.com Skype: reynierpm Mobile: +58 424.180.5609 Site: http://reynierpm.site90.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] OT: simuladores de moviles
Yo diría que (si queremos trabajar para todo tipo de móviles) es al 80 % un tema de CSS. Algo he podido hace recientemente, y con geolocalización, que es más complicado/limitado. En http://www.digitaleando.com/mi_web_movil.php tienes unos cuantos consejos. Casi todas las páginas del dominio tienen sus páginas paralelas para web móvil. - Sí hojas de estilos paralela; - Redimensiona imágenes a porcentaje (no a píxel) Podrás utilizar la mismas. Pero cuida su peso. - Recuerda que imágenes en Background no se redimensionan: así que trabájalas en página y juega con z-index (Y tienes algunas recomendaciones más, incluidas tipografías) Respecto a los emuladores, hay muchos. Yo suelo practicar con http://iphone4simulator.com/ Claro, para iPhone. Saludos: El 15 de diciembre de 2011 12:33, Carlos Palenciano carlos.palenci...@pulpolab.com escribió: Hola Pedro; A ver si esto te sirve: http://www.mobilexweb.com/emulators Un saludo. On 15/12/2011, at 12:14, Rafa Ferrero wrote: Hola Pedro: Tampoco es que esté muy puesto en esto de los diseños para dispositivos móviles porque es algo relativamente nuevo... lo poco que conozco y que te puede ayudar sería Dreamweaver CS5.5... la última versión de Adobe... que ya viene preparado para que puedas visualizar los diseños en distintos dispositivos: móviles, tablets, etc... Espero haberte sido de ayuda... El 15 de diciembre de 2011 10:52, Pedro Sanz pedroms...@gmail.com escribió: hola: ya se que no es una pregunta CSS strict, pero si colateral. había preparado un bonito mail navideño para un cliente, con su pag html por si tiene problemas en el mail... y ahora me dice: y eso se verá bien en el teléfono móvil. la verdad es que no tengo mucha idea de eso, y claro lo primero sería buscar algún emulador (he probado en google, pero con no muy buneos resultados=. Así que recurro aquí para dos cosas: 1. Conocesi algun emulador que me permita probar la pag en distintos móviles y sobre todo el mail? 2. entrando en el css, ¿tendría que hacer una hoja de estilos exclusiva para el móviles?tengo una imagen de 800px por 500, ¿tendría que hacerlo más pequeña o lo teléfonos los redimensiona? Bueno, agradecería cualquier ayuda y/o enlace sobre el tema. Saludos a todos. Pedro -- Pedro Mª Sanz 620 23 59 58 pedroms...@gmail.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 ___ 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] Geolocalización HTML5
De acuerdo a lo que me vais contando, a parte del iPhone de Mexico, en Argentina y Guipuzcoa (País Vasco), los resultados han sido positivos. Parece que para los móviles habrá que investigar un poco más lo que nos requieren sus lenguajes Android, iPhone, iPad), ya que lo que está diseñado es el mismo lenguaje con menos peso (he quitado el reloj, y buena parte del menú). Respecto a mi duda del trabajo con proxis, como error posible, he tratado de reproducir el problema: De mi IP natural en este momento (83.213.212.2) he reconectado a través de proxi con IP 69.41.173.145. Y en mi caso, sorpresa: ERROR DE UBICACION INFERIOR A 10 mts. en ambos casos (hoy, entre 12:00 y 12:15 hs.) Si los que os da un error tan grande podeis y indicarme alguna sospecha, trataré de reproducir vuestro caso para solucionar el tema ( o pedir a W3C que mejore HTML5 - ¿por qué no?). Gracias nuevamente. Txema El 7 de noviembre de 2011 11:51, Guido Cabrera Castro guido...@gmail.comescribió: Chrome 15.0.874.106 m Windows XP Notebook Toshiba Satellite Pro latitud=-33.410086 longitud=-70.540116 Las Condes, Santiago de Chile, Chile Ubicación exacta Wifi *Guido Cabrera Castro* * guido_cc http://twitter.com/guido_cc/ | ** guido_cc* *+5696827247* 2011/11/7 Jorge Noricumbo el_chispote...@yahoo.com Navegador: Chrome 15.0.874.106 Dispositivo: portátil MacBook Pro (15'') Nivel de error de localización: inferior a 30-50mts Ubicación: México DF intento verlo también en iphone pero tu blog me manda a su versión para iphone y no doy con el php, je.. -- Jorge Noricumbo From: Jose Maria Ruiz de Arbulo jmrarb...@gmail.com To: ovillo@lists.ovillo.org; Tresor Lenda zeg...@gmail.com Sent: Saturday, November 5, 2011 5:11 PM Subject: [Ovillo] Geolocalización HTML5 Saludos a todos: En esta última semana de ocio laboral he querido interesarme por la geolocalización de HTML5. El tema comienza por conocer mi propia ubicación, no la de mi IP que me lleva al lugar de donde recibo mi señal. Puedo considerar un éxito lo logrado pero necesito de ustedes para hacer un balance general. Explico en mi blog http://www.elblog.digitaleando.com/ que necesitamos que el navegador interprete HTML5, los permisos de quien recibe/envía la solicitud, etc. He probado en diferentes exploradores (firefox, y google). Lo cierto es que la fiabilidad de la ubicación (la del lugar desde donde emito mi consulta), en mis pruebas, es óptimas. Quiero que lo veais en http://www.digitaleando.com/localizador_ip.php. http://www.digitaleando.com/localizador_ip.php Sí encuentro problemas,en los móviles, que no termino de saber si es por peso o por el navegador. Las pruebas en local para móviles son tan excelentes como las de ordenador general. Os agradezco que chequeeis la ubicación y me indiqueis: - Navegador; - Dispositivo (pc de estudio, portatil, móvil, con interés de si el portátil es inferior a 960 px ancho, iphone, etc. (entrarás en página paralela ya comprobada); - Nivel de error de localización (si es inferior o superior a 30-50 mts.). - Y vuestra ubicación (país, estado, provincia ...) Los datos podemos compartirlos en ovillo, enviarlos como comentarios en el blog (teneis que registraros), o con el mi contacto personal, vía web o gmail. Os prometo compartir la estadística, las soluciones a los problemas que se presenten y, por supuesto, la forma de cómo implementarlo en la web. Gracias. Txema Arbulo ___ 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 ___ 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] Fwd: Geolocalización HTML5
Para Jorge Guerrero Yo lo he probado con conexión fija y Wi-Fi, y también en móviles. Quien lee y limita la localización (según lo investigado) es el navegador que uses. Al menos así lo puedo deducir en algún tipo error de lectura desde dispositivo de móvil. Y de acuerdo a la función de javascript, es el navegador el que soporta función *geo_position_js.init() *En algún caso, cuando se ralentiza el ordenador, aparece el mensaje *No se pudo obtener la ubicación*, que, de acuerdo a la programación indica que tarda demasiado la localización. En estos casos, xdesde mis pruebas, en otro momento logra localizar. También he comprobado que de un momento del día a otro, ese error de mi ubicación de más o menos 10 metros, se desvía hacia el este o hacia el sur. Imagino que será por el satélite de turno. respecto a lo que dice José Galileo, la idea es buena. Pero no puedo pretender levantar una estadística amplia y compleja. Estoy en una etapa, digamos que de prueba sobre un aspecto que puede ser interesante en la programación. Si el interés crece entre los usuarios, no duces que lo haré y lo dejaré al servicio de todos. Gracias a todos Txema El 6 de noviembre de 2011 21:12, José Galisteo cerit...@gmail.comescribió: Podrías hacerte un pequeño formulario en google docs. - Navegador: Firefox 7.0.1 - Dispositivo Macbook Pro de 13 - Nivel de error de localización: Inferior a 30 metros - Y vuestra ubicación: España, Sevilla. El 6 de noviembre de 2011 17:05, Jorge Guerrero yeik...@gmail.com escribió: Hola, Te felicito por tu iniciativa, Excelente. Me podrías contar si esto de la geolocalización de HTML5 funciona solo con conexion wifi. Saludos a todos. El 5 de noviembre de 2011 18:11, Jose Maria Ruiz de Arbulo jmrarb...@gmail.com escribió: Saludos a todos: En esta última semana de ocio laboral he querido interesarme por la geolocalización de HTML5. El tema comienza por conocer mi propia ubicación, no la de mi IP que me lleva al lugar de donde recibo mi señal. Puedo considerar un éxito lo logrado pero necesito de ustedes para hacer un balance general. Explico en mi blog http://www.elblog.digitaleando.com/ que necesitamos que el navegador interprete HTML5, los permisos de quien recibe/envía la solicitud, etc. He probado en diferentes exploradores (firefox, y google). Lo cierto es que la fiabilidad de la ubicación (la del lugar desde donde emito mi consulta), en mis pruebas, es óptimas. Quiero que lo veais en http://www.digitaleando.com/localizador_ip.php. http://www.digitaleando.com/localizador_ip.php Sí encuentro problemas,en los móviles, que no termino de saber si es por peso o por el navegador. Las pruebas en local para móviles son tan excelentes como las de ordenador general. Os agradezco que chequeeis la ubicación y me indiqueis: - Navegador; - Dispositivo (pc de estudio, portatil, móvil, con interés de si el portátil es inferior a 960 px ancho, iphone, etc. (entrarás en página paralela ya comprobada); - Nivel de error de localización (si es inferior o superior a 30-50 mts.). - Y vuestra ubicación (país, estado, provincia ...) Los datos podemos compartirlos en ovillo, enviarlos como comentarios en el blog (teneis que registraros), o con el mi contacto personal, vía web o gmail. Os prometo compartir la estadística, las soluciones a los problemas que se presenten y, por supuesto, la forma de cómo implementarlo en la web. Gracias. Txema Arbulo ___ 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 -- http://www.linkedin.com/in/josegalisteo http://jose.gr ___ 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] Geolocalización HTML5
Saludos a todos: En esta última semana de ocio laboral he querido interesarme por la geolocalización de HTML5. El tema comienza por conocer mi propia ubicación, no la de mi IP que me lleva al lugar de donde recibo mi señal. Puedo considerar un éxito lo logrado pero necesito de ustedes para hacer un balance general. Explico en mi blog http://www.elblog.digitaleando.com/ que necesitamos que el navegador interprete HTML5, los permisos de quien recibe/envía la solicitud, etc. He probado en diferentes exploradores (firefox, y google). Lo cierto es que la fiabilidad de la ubicación (la del lugar desde donde emito mi consulta), en mis pruebas, es óptimas. Quiero que lo veais en http://www.digitaleando.com/localizador_ip.php.http://www.digitaleando.com/localizador_ip.php Sí encuentro problemas,en los móviles, que no termino de saber si es por peso o por el navegador. Las pruebas en local para móviles son tan excelentes como las de ordenador general. Os agradezco que chequeeis la ubicación y me indiqueis: - Navegador; - Dispositivo (pc de estudio, portatil, móvil, con interés de si el portátil es inferior a 960 px ancho, iphone, etc. (entrarás en página paralela ya comprobada); - Nivel de error de localización (si es inferior o superior a 30-50 mts.). - Y vuestra ubicación (país, estado, provincia ...) Los datos podemos compartirlos en ovillo, enviarlos como comentarios en el blog (teneis que registraros), o con el mi contacto personal, vía web o gmail. Os prometo compartir la estadística, las soluciones a los problemas que se presenten y, por supuesto, la forma de cómo implementarlo en la web. Gracias. Txema Arbulo ___ 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 adaptar web pantalla
Con los datos que indicas, comienza en CSS por dar al contenedor general un ancho del 100% (nunca píxeles fijos) Después, de acuerdo a los elementos laterales, columnas, etc., ve definiendo los anchos porcentualmente, salvo casos puntuales (menú, publicidad lateral, etc.) Ten en cuenta que las imágenes que van como background, no podrán ajustarse a ancho porcentual. (es decir, tendrás que ir examinando los estilos a medida que los vas creando y corrigiendo los anchos para que se adapten a pantalla completa). Saludos: Txema El 14 de octubre de 2011 11:28, Miguel Angel Alonso Asencio mxstun...@gmail.com escribió: Muy buenos dias y saludos a todos : Tengo un problema y necesito ayuda . Estoy haciendo una web y necesito que se adapte al ancho de la pantalla tanto las modernas 16:9 como las antiguas de 4:3 pero no lo consigo. gracias. ___ 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 adaptar web pantalla
No se si me puedes pasar alguna forma de ver la página o los archivos en HTML y CSS. HTML y body es todo, incluso los espacios que tienes a los lados. Después vas ordenando cabecera, menús (que pueden estar arriba o en un lateral), área de texto y/o contenidos... Todo esto lo agrupas en un contenedor, al que generalmente le damos un ancho fijo o porcentual: ESTE ES EL DIV que tienes que marcarlo width: 100 %. El 14 de octubre de 2011 13:32, Miguel Angel Alonso Asencio mxstun...@gmail.com escribió: He probado a darle width 100% a body,html, y al div principal pero no se adapta ___ 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] Estructurado HTML5: primeros pasos
Puedo decirte que en Firefox 5 va regio, Respecto al problemita que señalas (entiendo que es la recuperación del texto Busqueda), *onclick=this.value = ''; value=Búsqueda* recuerdo haberlo vivido y, por ser un pequeño problema perdí cualquier cantidad de tiempo. Yo lo solucioné con *onblur=if (this.value=='') this.value='**Búsqueda'; *Saludos: Txema* * El 2 de agosto de 2011 17:59, reynie...@gmail.com reynie...@gmail.comescribió: Buenos dias listeros: Viendo el auge que esta teniendo el tema del HTML5 y el como todo el mundo poco a poco y paulatinamente se va pasando al mismo he decidido poner manos a la obra desde hace un tiempo atras (quizas alguien leyo un mensaje mio tiempo atras). Necesito que prueben el sitio que estoy cambiando a HTML5 que esta en http://libnew.libroria.com y me digan si se ve bien en los navegadores que ustedes usan y si alguien tiene IE6 se lo voy a agradecer dado que es uno de los mas problematicos. De igual forma y aprovecho el mensaje para plasmarlo tengo un problemita con el CSS para el autocompletado. Fijense en el header que hay un cuadro de busqueda y efectuen alguna para que vean a lo que me refiero. Alguna ayuda? Quedo al tanto de comentarios y desde ya muchas gracias Saludos y feliz dia a todos 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/ https://plus.google.com/100020049166347847668 ___ 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] Estructurado HTML5: primeros pasos
Reynier, he tomado la causa por propia y quero dejarte un apunte. Con el Firebug he visto que el espacio es mayor de lo que se muestra, por debajo del cuadro de búsqueda. Cuando he querido verlo en Internet Explorer 8, el *#header #cart* se comporta como en *position:absolute;* cuando lo tienes definido como *position:relative;*.Y sorpresivamente el* código fuente generado* (developer en Firefox) lo define como *position:absolute; *Tal vez merezca la pena comparar lo que dice el CSS y lo que genera la página. Lastimosamente no puedo dedicarle hoy más tiempo, pero es importante saber por qué ocurren esas cosas o qué es lo que interfiere. Por hoy, saludos. * * El 2 de agosto de 2011 19:41, reynie...@gmail.com reynie...@gmail.comescribió: 2011/8/2 Jose Maria Ruiz de Arbulo jmrarb...@gmail.com Puedo decirte que en Firefox 5 va regio, Respecto al problemita que señalas (entiendo que es la recuperación del texto Busqueda), *onclick=this.value = ''; value=Búsqueda* recuerdo haberlo vivido y, por ser un pequeño problema perdí cualquier cantidad de tiempo. Yo lo solucioné con *onblur=if (this.value=='') this.value='**Búsqueda'; Gracias por tu respuesta y ayuda pero ese no es el problema sino que sale por debajo de otros elementos de la pagina y he estado jugando con el z-index y el position pero no logro hacerlo funcionar :-( ___ 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] listas desordenadas indentación
Si no entiendo mal, lo que quieres puedes verlo en http://www.digitaleando.com/menu_horizontal_mixto.html extendido hasta 4 niveles de ded acceso (item 4). Si examinas el CSS (ahí está todo el misterio), cambias *background-image*por *background-color, *(En http://www.digitaleando.com/menu_vertical.html thttp://www.digitaleando.com/menu_vertical.htmlienes lo mismo en vertical. El CSS es único para pruebas de ambas páginas, comentado cada tipo de menú en el mismo. Si necesitas corregir anchura, lo haces sobre #id_de_menu li { width: 150px; } , #id_de_menu li ul li { width: 150px; } , etc. , marcanco el ancho total 100% en #id_de_menu { width: 100%; } P.D.: Estos enlaces abiertos para que lo visualices, los borraré en unos días. Saludos: Txema Arbulo. ** El 26 de julio de 2011 15:43, Miquel Ramon Ortega i Tido len...@gmail.comescribió: Bien, Os pongo un trocito a modo de ejemplo: div ul li aenalce/a ul background-image li aenlace/a /li /ul /li li a/a ul li aenlace/a ul li aenlace/a /li /ul /li /ul /li /ul /div Ya lo se es un poco extraño, esto lo genera el modulo Taxonomy Tree Menu de drupal. La cosa es que para poner un fondo al enlace activo en cada momento, si quiero respetar la forma de arbol anidado de la lista me deja espacios a la izquierda y lo que yo quiero es que el fondo de l enlace activo ocupe todo el ancho del contenedor. Saludos, El 26 de julio de 2011 14:47, Neftalí Guerrero (Nesta) nguerr...@emergya.es escribió: Código, y algo de ejemplito para verlo plis, creo que he realizado antes algo parecido, pásame cosas y te lo miro en un ratillo!! Saludos!!! El 26 de julio de 2011 14:06, Miquel Ramon Ortega i Tido len...@gmail.comescribió: Buenas a todos/as, Tengo el siguiente problema y ya no se para donde tirar. Por motivos de diseño tengo que poner un background-color a los enlaces dentro de una lista desordenada y este debe tener el 100% del ancho del cuadro en el que esta la lista pero se debe mantener la estructura de arbol de la lista. El backgraund está claro, pero como mantento la forma de arbol? con pading se ve escalonado, con margin no puedo ya que me descuadra el resto de cosas que hay alrededro y lo unico que me queda es text-indent. Alguna idea? Saludos y gracias. -- *Miquel Ramon Ortega i Tido* len...@gmail.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 -- 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 ___ 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 -- *Miquel Ramon Ortega i Tido* len...@gmail.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] Abrir youtube dentro de un frame
Por las dudas he vuelto a repasarlo: El iframe que obtienes de Youtube, lo insertas dentro de un id definido en CSS a fin de posicionarlo. He probado incluso redimensionandolo (width= y height=) y me funciona perfectamente. Si puedes acceder al código fuente, te dejo la página de mis prácticas por un rato http://www.digitaleando.com/practicas.php (Es el primer video que he pillado) Saludos: Txema El 15 de junio de 2011 20:56, CHK Webmaster admin...@gmail.com escribió: 2011/6/15 Jesús Olazagoitia desig...@adrinfor.com Hola! Acabo de descubrir que los enlaces apuntando a youtube no se abren dentro de un frame, ¿Conocéis algo sobre el tema? Se me ocurre (pero sólo es una hipótesis) que desde Youtube incluyan un código que impide que incluyas su página en un frame. Aquí algunos ejemplos de como se hace[1]. Si no es eso quizás podríamos ayudarte si pasases un fragmento del código (por si hay algún despiste...) [1] http://www.desarrolloweb.com/articulos/1221.php Saludos. ___ 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] [OT] Ovillo ya no es lo que era?
El mundo web era finito ayer. Hoy tiene nuevas fronteras. Mañana otras más. Después de semans de silencio salió el tema ( éste yo sí lo envío a la basura): si ovillo se ocupa de tal o cual tema (CSS, HTML/XHTML ó CMS) si quiere o no discriminar los temas. Yo eliminaré lo que no me interesa (como lo que me sé de memoria, aunque me interese ovillo (off topic) ). Si quieren abrir otras líneas yo les ofrezco http://www.digitaleando.com/foros.php La página cuida los standrs W3C y funciona. Incluso les recomiendo que entren en http://www.digitaleando.com/enviar.php para construir lo que queramos. ¿Mi filosofía?: http://www.digitaleando.com/acercade.php Falta tal vez, discriminar los temas y abrir los foros de cada tema (dependiente de cada foro genérico). Pensemos en construir, seguir adelante, no en limitar opciones, poner barreras. La web es un mundo libre, cargada de insumisión, insurrección, crítica y pero también de creatividad, futuro y esperanza. Estamos abiertos al mundo web. El 21 de mayo de 2011 00:54, Elisa Rivadeneira cyber.el...@gmail.comescribió: Yo soy una lectora y me gusta esta lista, la calidad de las respuestas y la colaboracion que se prestan en esta comunidad, en ningun momento imagine que les moleste tanto por no hablar de css. Las preguntas y respuestas, nos enriquecen a muchos. Pero si solo es de css, alguien puede recomendar una lista que sea mas abierta y con la calidad que hay por aqui ? Quizas abrir otra lista paralela a esta? El 20 de mayo de 2011 09:47, a...@ugr.es escribió: On Fri, May 20, 2011 at 12:05:56PM -0300, alejandra.j.gomez@gmail.comwrote: los que preguntamos estamos mas que seguros que nos van a dar respuestas Propongo que se ignore de forma absoluta y jamás se responda cualquier pregunta fuera de tema (off topic). De esa forma, los que preguntan sobre temas ajenos a la lista seguros de que les van a responder, irán dándose cuenta de que no lo hacen, y empezarán a buscar el sitio apropiado para hacer sus (aquí) molestas preguntas fuera de lugar. Sé que es difícil, por que uno ve una pregunta que puede responder, o que le resulta interesante (aunque no sea el sitio apropiado) y la responde, continuando un hilo fuera de tema y sin sentido, pero merece la pena intentarlo, ¿no creéis? ¡Intentemos acabar con los mensajes fuera de tema de una vez por respeto a los demás! Saludos. Ángel ___ 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] Posicionar elementos traslapados
Personalmente no termino de entender cómo asignas un id y class al mismo div, salvo que lo llames de otro sitio que no sea CSS. div id=cabezote class=corte Es difícil no contradecir órdenes con #cabezote #otracosa (y que lo entiendan igual los navegadores) Personalmente simplificaría todo con position, y siendo en cabecera, bien puedes ir a { position: absolute;} Si miras en las páginas internas de http://www.digitaleando.com/ tienes #enlaces { position:fixed; .} // queda permanente en la página al bajarla #cabecera { float: right; .} // al ser id inicial dentro de #container (todo), me ahorro el position #logo { position: absolute; ...} #textocabecera {position: absolute; ... } #datatime {position: absolute; } en el mazacote de la cabecera (claro que muchas cosas son imágenes diseñadas, hasta el data-time es una imagen por cada dígito) Por otra parte, en tu página http://germanbustos.com/ en IE en diferentes versiones (IETest) van variando las masas de color según las versiones y no reconoce -moz-border-radius: 15px 15px 15px 15px; -moz-box-shadow: 4px 4px 10px aunque si lo reconozca Mozilla Firefox Yo lo valido trabajando como imagen los efectos hasta que CSS3 valide en todos los navegadores P.D. En el caso de mi página, en ningún caso necesito utilizar z-index aunque pueda resultar necesario en algunos casos, pero, al menos yo, ordeno la secuencia de id o class en CSS para que se sobrepondan en el mismo orden y me funciona bien en los navegadores. Saludos José María 2011/2/1 jaume op jaum...@gmail.com Asi a primera vista creo recordar que para que z-index funcione, el elemento debe tener o bien position o estar flotado. Aunque si hay capas que quieres superponer deberias utilizar position. Puedes leer un poco sobre el tema en http://www.librosweb.es/css/capitulo5/visualizacion.html . Por cierto en img src=logo.png *width='222' height='261' style='height:261px;width:222px;'* /, creo que estas repitiendo las ordenes. Saludos Jaume .corte{ width: 100%; clear: both; float: none; } #cabezote{ overflow: hidden; height: 260px; border-bottom: #FF6600 solid 6px; } #cabezote #logo{ float: left; width: 222px; z-index: 6; } #cabezote #titulargrande{ float: right; width: 700px; font-family: Arial Rounded MT Bold, Arial, Helvetica, sans-serif; font-size: 90px; z-index: 0; text-align: right; margin-right: 20px; margin-top: 120px; } #cabezote #titulargrande a, #cabezote #titulargrande a:link, #cabezote #titulargrande a:visited, #cabezote #titulargrande a:hover, #cabezote #titulargrande a:active{ color: #444; text-decoration: none; z-index: 0; } #menuprincipal{ z-index: 3; background: #000; color: #FFF; height: 70px; margin-top: 200px; } #menuprincipal ul{ padding: 0; margin: 0; list-style: none; } #menuprincipal ul li{ display: inline; float: left; height: 66px; line-height: 66px; font-size: 16px; padding: 0 10px 0 10px; } #menuprincipal ul li a, #menuprincipal ul li a:link, #menuprincipal ul li a:visited, #menuprincipal ul li a:hover, #menuprincipal ul li a:active{ color: #FFF; text-decoration: none; z-index: 20; } ___ 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] anchos variables
El 17 de noviembre de 2010 17:17, Jimmy Collazos || acido || cuatroxl.com acid...@gmail.com escribió: No lo consigues porque no le has añadido la nueva clase. Lo que tú pides: div div style=width:50%A/div div style=width:45%B/div /diiv y.. div div style=width:50%A/div !-- como puedes ver no va a medir 100% -- /diiv Como puedes ver no es posible; -- J i m m y C o l l a z o s : desarrollado web; estándar, accesible, escalable acido69 ___ 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] anchos variables
Si no etendí mal el primer mensaje, prueba a meter un div dentro de otro, de forma que cuando desaparezca el segundo, el primero ocupe todo el espacio. Prueba lo siguiente (los bordes y padding los pongo para que veas el resultado) div div style=width:50%; float:left; border: 2px solid #00; padding: 8px; A div style=width:45%; float:right; border: 2px solid #00; padding: 8px;B /div /div Saludos: Jose maría El 17 de noviembre de 2010 17:42, Jose Maria Ruiz de Arbulo jmrarb...@gmail.com escribió: El 17 de noviembre de 2010 17:17, Jimmy Collazos || acido || cuatroxl.com acid...@gmail.com escribió: No lo consigues porque no le has añadido la nueva clase. Lo que tú pides: div div style=width:50%A/div div style=width:45%B/div /diiv y.. div div style=width:50%A/div !-- como puedes ver no va a medir 100% -- /diiv Como puedes ver no es posible; -- J i m m y C o l l a z o s : desarrollado web; estándar, accesible, escalable acido69 ___ 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] adaptar web a dispositivos moviles
El 19 de setiembre se trató el tema con diferentes comentarios. Te sería muy util. Te dejo el último de Reynier Perez Mira con lings para probarlo. Lo considero muy util. Saludos. (sic) [ReynierPM] Gracias Jose, en cuanto tenga algo en manos te haré llegar la URL para q lo pruebes y me digas, de todas formas encontré dos sitios [1], [2] para simular las pruebas de aplicaciones web en iPad/iPhone [1] http://ipadpeek.com/ [2] http://www.testiphone.com/ El día 13 de noviembre de 2010 13:25, anthony mapp mappeins...@gmail.com escribió: Muchas gracias por al respuesta Hernán estudiare los links q me pasaste. El 13/11/2010, a las 13:15, Hernán Beati - SaberWeb.com.ar escribió: El 13/11/2010 06:26 a.m., anthony mapp escribió: Hola, quisiera saber como poder adaptar mi web a dispositivos mobiles, pasos a seguir, etc. He estado buscando pero no he encontrado links que me sirvan de ayuda y espero encontrarla aqui, gracias de antemano A mí me impactó el concepto de Yiibu que descubrí hace pocas semanas (aún no tuve ocasión de implementarlo): en lugar de diseñar para monitor y luego adaptar para móviles, proponen hacer lo contrario: crear la web primero para móviles, y luego adaptarla a pantallas grandes: http://www.slideshare.net/bryanrieger/rethinking-the-mobile-web-by-yiibu Probablemente, para entender esa lógica, primero deberías conocer las técnicas ya difundidas a las cuales le está contestando: la principal es la técnica de Media Queries usando hojas para pantalla y anti-pantalla, te recomiendo estudiarla primero: http://www.alistapart.com/articles/return-of-the-mobile-stylesheet P.D.: desde ya que está todo en inglés. Saludos! -- Hernán Beati http://www.saberweb.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://lists.ovillo.org/mailman/listinfo/ovillo Anthony Mapp Diseñador Gráfico www.anthonymapp.es ___ 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] definir separación y color del simbolo en una lista
Confío que os pueda servir mi aporte: Por una parte, yo lo soluciono dando una class a ul e insertando imagen en vez del punto; ul class=lista liXXX/li liXXX/li liXXX./li /ul En CSS añado imágenes en vez de puntos. En este caso con extensión .ico que bien puede ser .gif ó .png .lista { list-style-position:outside; list-style-image: url(../imagenes/ok.ico); } Y es en la misma imagen, guardada con fondo transparente, donde conjugo los padding que quiero mediante fondo transparente. Al finás, la imagen toma todo su espacio permitiendo que este fondo transparente no interfiera con el fondo del texto o del diseño. De esta dorma, los navegadores respetan la imagen sin darles opción a reinterpretar los espacios de margin o padding, De esta forma, la posición inside ú outside importa menos y lo de !important procuro evitarlo. El 28 de octubre de 2010 14:19, Jairo Ochoa jairo.oc...@gmail.comescribió: Sí, sí, está a 0px, así: padding-left: 0 !important; y el símbolo se mantiene alejado. Probe a poner padding-left: 50px !important; y se queda en la misma posición. Eso es lo que no entiendo. O no funciona así o hay otra clase que está sobrescribiendo esa, pero por ese motivo añadí lo de !important. -- Jairo Ochoa Dropbox - Almacenamiento gratis / Free online backup https://www.dropbox.com/referrals/NTg2Njc1MTg5 El 28 de octubre de 2010 14:13, Xoan Sampaiño xoansampai...@gmail.com escribió: 2010/10/28 Jairo Ochoa jairo.oc...@gmail.com: La solución para lo del color será crean un pequeño GIF y con list-style-image. En cuanto a la distancia del simbolo al texto, no hay manera, se mantiene constante, incluso probé a poner un tamaño de 50px y tampoco aumenta. Pego el código completo td class=eventful a title= href= http://www.musicosaovivo.com/axenda/?calendar_day=2010-08-08;8/a ul lia href=http://www.musicosaovivo.com/axenda/?event_id=27; title=Mercedes PeónMercedes Peón/a/li /ul /td .dbem-calendar-full ul li { list-style: circle outside !important; padding-left: 0 !important; margin-left: 0 !important; } .dbem-calendar-full ul li a { padding-left: 0 !important; margin-left: 0 !important; } -- Jairo Ochoa .dbem-calendar-full ul li { list-style: circle outside !important; padding-left: 1em !important; /* Eso es lo que tienes que modificar */ margin-left: 0 !important; } -- Xoan Sampaiño [ xoan @ twitter|vimeo|flickr|delicious ] /\ Document Freedom Day- Liberate your documents _\/` http://documentfreedom.org/ - March 31st 2010 ___ 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