[Ovillo] CSS en SELECT
Hola chicos! Estoy aplicando CSS a los elementos de un formulario. Los inputs de texto responden según lo esperado, pero los SELECT me están dando muchos dolores de cabeza. ¿Es posible que, dependiendo del navegador, este tag actúe de forma diferente frente a atributos como height? ¿Tenéis algún enlace donde pueda aprender más sobre este escurridizo tag? ¿Es posible obtener algo como esto https://skitch.com/aguasingas/fnq7p/11b-test.psd-100-paso-1-de-4-rgb-8 utilizando CSS o mato al diseñador? :) De momento los resultados son https://skitch.com/aguasingas/fnq7s/informacion-basica-clb en Chrome y https://skitch.com/aguasingas/fnq6r/informacion-basica-clb en Firefox. ¿Es posible eliminar ese gris del botón del desplegable en Firefox? Muchas 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
Re: [Ovillo] CSS en SELECT
Hola! Ok, he hecho lo que debería haber hecho antes de envíar un correo, que es buscar en los archivos. He llegado a http://www.mail-archive.com/ovillo@lists.ovillo.org/msg28535.html que recomienda http://www.filamentgroup.com/lab/jquery_ui_selectmenu_an_aria_accessible_plugin_for_styling_a_html_select/en el que se puede leer: *HTML select elements*, like many other form elements, *are nearly impossible to style and customize across browsers*. This jQuery UI widget provides (...) Me pelearé con esto a ver qué tal. Un abrazo! 2011/6/1 Modesto Caballero > Hola chicos! > > Estoy aplicando CSS a los elementos de un formulario. Los inputs de texto > responden según lo esperado, pero los SELECT me están dando muchos dolores > de cabeza. ¿Es posible que, dependiendo del navegador, este tag actúe de > forma diferente frente a atributos como height? ¿Tenéis algún enlace donde > pueda aprender más sobre este escurridizo tag? ¿Es posible obtener algo como > esto > https://skitch.com/aguasingas/fnq7p/11b-test.psd-100-paso-1-de-4-rgb-8 > utilizando > CSS o mato al diseñador? :) > > De momento los resultados son > https://skitch.com/aguasingas/fnq7s/informacion-basica-clb en Chrome y > https://skitch.com/aguasingas/fnq6r/informacion-basica-clb en Firefox. ¿Es > posible eliminar ese gris del botón del desplegable en Firefox? > > Muchas 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
[Ovillo] Listado de en disposición vertical, con background que se adapta a la anchura de cada una de ellas
Hola chicas y chicos, Estoy intentando conseguir lo que aparece en esta imagen: http://dl.dropbox.com/u/2950396/Screen%20shot%202011-06-15%20at%2011.40.19%20PM.png. Un listado de etiquetas dispuestas una encima de la otra, rodeadas de una etiqueta que se adapta a su anchura. El marcaje está formado por una serie de a los que les aplico display:block para que reaccionen al margin y al padding, pero al hacer eso pasan a ocupar toda la anchura del div padre. Os paso lo que tengo hecho hasta ahora. El código HTML es el que da el CMS, pero es modificable si eso facilita la solución: http://jsfiddle.net/je5F2/ ¿Qué estoy haciendo mal? ¿Qué debería hacer para que la anchura del recuadro se adapte a la del a y no ocupe todo el ancho? Muchas 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
Re: [Ovillo] Listado de en disposición vertical, con background que se adapta a la anchura de cada una de ellas
La solución , y retirar el display:block ha funcionado perfectamente. Mi error estaba en creer que era necesario aplicarle un display:block al para que aceptara los paddings, y no es así. Muchas gracias por vuestra ayuda :) 2011/6/16 Tamara Forza > Hola, > > no lo he probado pero se me ocurren dos soluciones: > > - insertar un span en los enlaces (hoteles) y > que el span define el color de fondo, así solucionas el problema de la > anchura. > > - en mi opinión seria más correcto pintar el listado de tags con una lista > (hoteles... ), además de este modo tienes > dos elementos para definir los estilos a cada tag (el y ), y pienso > que con pocos cambios podrías obtener lo que necesitas. > > No se me ocurre una solución sin cambiar el código generado.. a lo mejor > prueba definir los enlaces como inline-block y definir un margen derecho > muy > grande para que no se queden en la misma linea, pero esta solución no me > gusta nada. > > Espero te ayude un poco. > > Saludos, > Tamara > > 2011/6/15 Modesto Caballero > > > Hola chicas y chicos, > > > > Estoy intentando conseguir lo que aparece en esta imagen: > > > > > http://dl.dropbox.com/u/2950396/Screen%20shot%202011-06-15%20at%2011.40.19%20PM.png > > . > > Un listado de etiquetas dispuestas una encima de la otra, rodeadas de > > una > > etiqueta que se adapta a su anchura. El marcaje está formado por una > serie > > de a los que les aplico display:block para que reaccionen al margin y > > al > > padding, pero al hacer eso pasan a ocupar toda la anchura del div padre. > Os > > paso lo que tengo hecho hasta ahora. El código HTML es el que da el CMS, > > pero es modificable si eso facilita la solución: > > http://jsfiddle.net/je5F2/ > > > > ¿Qué estoy haciendo mal? ¿Qué debería hacer para que la anchura del > > recuadro > > se adapte a la del a y no ocupe todo el ancho? Muchas 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 > ___ 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] ping a la lista
Pong! 2011/6/16 Neftalí Guerrero Pancorbo > El 16/06/11 10:01, Neftalí Guerrero Pancorbo escribió: > > Ping? > ping? > > ___ > > 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 > Á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 > ___ 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] Diseño de newsletter - tablas
En el twitter de Smashing Magazine acaba de publicarse esto, quizá sea de ayuda: http://www.campaignmonitor.com/css/ 2011/6/23 Martín Moscardi > En newsletter nunca se usa un fondo de imagen como fondo de celda o tabla. > Tenelo en cuenta. Tenés que usar colores planos por html o css (bgcolor y > background-color, respectivamente). > > > > 2011/6/23 Jairo Ochoa > > > Os cuento. > > > > Es un encargo de un cliente que a su vez se lo ha pedido otro. > > > > No se sabía como lo iban a enviar y ahora parece ser que van a hacer el > > envío desde el CRM de Salesforce. > > > > La última prueba que hice no tengo muy claro si funciona bien, porque en > > Firefox se ve bien pero en Safari el fondo de un TR se repite en cada TD, > > en > > vez de ser unico a todo el ancho del TR. > > > > Salvo ese detalle, se ven bien todo lo demás, he podido eliminar las > líneas > > de la tabla. > > > > La razón de tener que crear 2 TD en el TR es que necesito un contenido a > la > > derecha y otro a la izquierda y usando no funciona, porque en > Outlook > > se muestra uno sobre otro en vez de uno a la derecha y otro a la > izquierda. > > > > Así solucionado el problema de los bordes y separaciones lo que no > funciona > > es que se ajuste un contenidos a la derecha del todo y otro en línea a la > > izquierda. > > > > > > Gracias por los enlaces, les voy a echar un ojo. > > > > Saludos, > > > > -- > > > > Jairo Ochoa > > > > Dropbox - Almacenamiento gratis / Free online backup > > https://www.dropbox.com/referrals/NTg2Njc1MTg5 > > > > > > > > El 23 de junio de 2011 17:39, escribió: > > > > > 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 > > > > > ___ > > 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] Bordes redondeados CSS3 dentro de elementos HTML5
Como bien dice Eddie, añadirle position:relative y un z-index ayuda a que se muestre correctamente. Lo leí en algún lugar de los foros de CSS3PIE. Ánimo, paciencia y suerte :D 2011/6/29 Marcos Lorca > > Para resolver el tema de los bordes redondeados generalmente uso con muy > buenos resultados algún Script de jQuery, asi te evitas las declarciones > distintas para cada browser. > > Busca en google "Curvycorners.js" > > > Saludos y éxito > > Marcos > > > > Date: Wed, 29 Jun 2011 15:24:36 -0300 > > From: her...@saberweb.com.ar > > To: ovillo@lists.ovillo.org > > Subject: Re: [Ovillo] Bordes redondeados CSS3 dentro de elementos HTML5 > > > > > Lo que te indican, es que agregues modernizr para que interprete las > > > etiquetas html5 (internet explorer) y pruebes a ver si funciona. > > > > > > > En mi primer mail decía que ya estoy usando "HTML5shiv" para eso, y > funciona. > > > > Las etiquetas de HTML5 las está reconociendo bien Explorer, el problema > es > > que no redondea los bordes dentro de esas etiquetas, aunque sí los > > redondea fuera de ellas. > > > > -- > > 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 > > ___ > 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] Mails HTML
Perdón por resucitar este hilo, pero esta presentación de Slideshare (que está en el mismo eMail Boilerplate) me ha parecido muy interesante: http://www.slideshare.net/theengagegroup/email-workshop-powell?from=ss_embed 2011/7/1 Miguel Angel > > De acuerdo, > > Muchas gracias por todo!! > > Un saludo! > > > From: t...@eragin.com > > Date: Fri, 1 Jul 2011 12:18:46 +0200 > > To: ovillo@lists.ovillo.org > > Subject: Re: [Ovillo] Mails HTML > > > > aupa > > > > Demo no hay, claro, esto es mas que una plantilla es un punto de partida > super simple con estilos, comentarios y una estructura básica vacía, si lo > miras en un navegador no verás mas que un par de lineas de texto en un fondo > blanco. > > No es una plantilla para rellenar con datos (si buscas se encuentran > rápido algunas de estas gratuitas). > > Es una base para construir encima tu propio diseño e igualmente hay que > meterle curro a la cosa, pero sabes que ya tienes unos cuantos apaños e > incosistencias arregladas y para quien no lo tenga claro te da la estructura > básica recomendada para un mail html, luego, claro, hay que darle caña :) > > > > saludos > > > > El 01/07/2011, a las 12:00, Miguel Angel escribió: > > > > > > > > Hey esta muy bien la idea, > > > > > > Hay alguna demostración de como queda? > > > > > > Un saludo! > > > > > >> From: t...@eragin.com > > >> Date: Fri, 1 Jul 2011 11:55:15 +0200 > > >> To: ovillo@lists.ovillo.org > > >> Subject: [Ovillo] Mails HTML > > >> > > >> Hola a todos. > > >> > > >> Dándole a esto de los mails html he encontrado una herramienta que me > ha parecido muy interesante: HTML email boilerplate [1] > > >> Es una plantilla html con una estructura básica y comentarios > explicativos y apaños para los problemas mas conocidos de los diferentes > clientes de mail y webmails. > > >> Es una buena base para empezar a construir un mail html y tener ahí > mismo cosas a tener en cuenta, eso si, está en inglés. > > >> > > >> Espero que os sea de utilidad. > > >> > > >> Saludos > > >> > > >> Martin > > >> > > >> [1] http://htmlemailboilerplate.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 > ___ 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