Re: [Ovillo] Definitivo: PNG’s transparentes en I E6
2008/8/19 DJ-Dom <[EMAIL PROTECTED]>: > Los que utilizan lenguaje de servidor y manejan muchas imágenes, la > convierten en tiempo real a gif... > > Los que no utilizan muchas imágenes lo mejor es que tengan un gif para IE6 y > el PNG para el resto... > PNG tiene dos ventajas sobre GIF. La primera es que si haces un efecto como "texto con sombra", no tienes que integrar el color o textura de fondo en esa sombra. De modo que puedes cambiar por una parte el color de fondo, sin necesitar retocar todas las imagenes. Esto significa que PNG es un ahorro de tiempo para el webmaster, y evita fallos que podrian producirse. La segunda ventaja es la posibilidad de conseguir efectos que de otra manera serian imposibles. Usar GIF desharia estas dos ventajas. ___ 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] [OT] El excitante futuro.
Hola amigos. Un pequeño mensaje OT. Estaba pensando en el futuro de la web. A nivel grafico. Y hay un par de cambios o características que se van a extender y que me aportan mucho graficamente. // Superficies lienzo La posibilidad de crear programaticamente graficos. Un lienzo es una superficie en blanco (transparente si quieres) donde mediante comandos de programacion se puede dibujar, pintar y escribir lo que quieras. Los limites de un lienzo en blanco son infinitos, solamente los de la imaginacion de quien lo use. // Capturar una imagen como un bloque de datos y procesarlo. Esto ya lo hemos visto utilizar para crear automagicamente reflejos al pie de imagenes. Pero en el futuro puede que lo empecemos a ver usar para añadir marcos a fotos, cambiarles el tono a sepia, o cualquier barbaridad. Esta característica vendrá fuertemente asociada a la capacidad de dibujar en un lienzo.. Añadir algunos efectos a las fotos en el lado cliente podrá liberar trabajo y retrasar decisiones graficas. Retrasar decisiones graficas puede que no se vea la utilidad pero es mas o menos lo mismo que hace CSS, dejar al final de toda la cadena, y fácil de cambiar cambiando un solo ficherito, cual es el resultado final. // Fuentes del diseñador Ahora mismo teóricamente estamos limitados a 4 fuentes, aunque se usan mas confiando en que probablemente el usuario las tenga instaladas. Los diseñadores graficos y los tipógrafos no han podido descargar en la web toda su experiencia. Con lo que nos queda mucho que ver a nivel gráfico relacionado con los textos. Si esta caracteristica se extendiera. El segundo paso antes de que empezara a cambiar la web, seria que se creasen sitios webs, parecidos a los de software libre, donde se acumularan para descarga fuentes garantizadas de libre distribución en formato "fuente embebida para web". La relación entre el progreso humano, y la devolución de la tipografía es tan fuerte, que a veces te da la sensacion leyendo libros sobre tipografía que la relación es inversa, la mejora en la tipografía es la que ha conducido el progreso en la civilizacion.. :D // Organizacion de texto en varias columnas Hay una pequeña guerra por el ancho de los textos. Esta guerra vive ahora mismo un periodo de tregua con el diseño en tres columnas. Se podra dar fin a la guerra cuando le demos al navegador web la decisión de donde colocar el texto y de reorganizarlo en varias columnas. A monitor mas grande, mas texto en pantalla, pero igual ancho de lineas de texto. Es imposible que matemos el diseño en tres columnas, porque esta muy asentado. Pero el poder organizar los textos en columnas automaticamente permitirá a quien sabe hacer otros diseños que salten a diseños mejores que aun no hemos visto en web. *** Epilogo *** Todas estas características son del tipo "Se retrasan, y parece que no llegan nunca", porque no son fáciles, y tienen detractores basados en problemas que traen. Sin embargo cada una de ellas puede producir una pequeña revolución en la web. Y es cuestión de tiempo que lleguen y se extiendan. Y yo estoy deseando que lleguen, aunque solo sea por ver de que es capaz la peña. Los programadores, los diseñadores, los tipógrafos, los magos de los filtros, etc.. hay mucha capacidad latente por ahí, que la web aun no esta pudiendo disfrutar de manera plena. Y todo ello junto, y en manos de verdaderos artistas como hay ahí ( y en esta lista habra algunos ), pues puede ser impresionante. ___ 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] ¿Equivalente a Firebug para Internet Ex plorer?
Buenas a todos, estoy realizando una web bastante compleja con "montones y montones" de CSS, javascript, gráficas SVG (Dojo-toolkit) El caso es que he conseguido que rule con Firefox pero con I.Explorer estoy "atascado". El principal problema es que me he acostumbrado a utilizar el plugin Firebug (si no lo conoceís os lo recomiendo porque es impresionante: https://addons.mozilla.org/es-ES/firefox/addon/1843) y ahora en I.E. siento que voy a ciegas. Las páginas y los gráficos se me descuadran y el javascript no funciona pero lo malo no es eso, sino que no devuelve ningún error y no sé por dónde atacar. ¿Alguien sabe de algún plugin similar a Firebug para I.Explorer? (Preferentemente gratuito, pero si es de pago, que no sea muy caro :) ) ¡Saludos! Enrique ___ 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] ¿Equivalente a Firebug para Internet Ex plorer?
Pues a pesar de que no suelo usarlo mucho, la última vez que estuve utilizando el IE(8) tenía una barra de herramientas de desarrolladores, lo que me sorprendió mucho y gratamente. Se encontraba en la parte derecha, bajo un símbolo de engranaje o algo similar, y yo juraría que IE la puso él solito porque no me dedico a instalarle complementos. Un saludo El 20 de agosto de 2008 11:06, Enrique Arizón <[EMAIL PROTECTED]>escribió: > Buenas a todos, > > estoy realizando una web bastante compleja con "montones y montones" de > CSS, javascript, gráficas SVG (Dojo-toolkit) El caso es que he > conseguido que rule con Firefox pero con I.Explorer estoy "atascado". > > El principal problema es que me he acostumbrado a utilizar el plugin > Firebug (si no lo conoceís os lo recomiendo porque es impresionante: > https://addons.mozilla.org/es-ES/firefox/addon/1843) y ahora en I.E. > siento que voy a ciegas. Las páginas y los gráficos se me descuadran y el > javascript no funciona pero lo malo no es eso, sino que no devuelve ningún > error y no sé por dónde atacar. ¿Alguien sabe de algún plugin similar a > Firebug para I.Explorer? (Preferentemente gratuito, pero si es de pago, que > no sea muy caro :) ) > > ¡Saludos! > > Enrique > ___ > 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] RE: ¿Equivalente a Firebug para Int ernet Explorer?
Hola, a ver si ésto[1] te puede ayudar. Saludos. [1]http://en.wikipedia.org/wiki/IE_Developer_Toolbar> Date: Wed, 20 Aug 2008 02:06:18 -0700> From: [EMAIL PROTECTED]> To: ovillo@lists.ovillo.org> Subject: [Ovillo] ¿Equivalente a Firebug para Internet Explorer?> > Buenas a todos,> > estoy realizando una web bastante compleja con "montones y montones" de CSS, javascript, gráficas SVG (Dojo-toolkit) El caso es que he conseguido que rule con Firefox pero con I.Explorer estoy "atascado".> > El principal problema es que me he acostumbrado a utilizar el plugin Firebug (si no lo conoceís os lo recomiendo porque es impresionante: https://addons.mozilla.org/es-ES/firefox/addon/1843) y ahora en I.E. siento que voy a ciegas. Las páginas y los gráficos se me descuadran y el javascript no funciona pero lo malo no es eso, sino que no devuelve ningún error y no sé por dónde atacar. ¿Alguien sabe de algún plugin similar a Firebug para I.Explorer? (Preferentemente gratuito, pero si es de pago, que no sea muy caro :) )> > ¡Saludos!> > Enrique> ___> 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 _ ¿Quieres los emoticonos y guiños más divertidos? Descárgate Internet Explorer 7, y consigue contenidos exclusivos cada semana. ¡Gratis! http://www.vivelive.com/IEAK7 ___ 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] ¿Equivalente a Firebug para Internet Explorer?
Yo uso la Internet Explorer Developer Toolbar [1] pero no es para nada tan completa cómo Firebug. 1 http://www.microsoft.com/downloads/details.aspx?FamilyId=E59C3964-672D-4511-BB3E-2D5E1DB91038&displaylang=en -- Carlos Rincón http://carlos.rinconsanchez.com www.neuroticweb.com www.neuroticweb.com/blog ___ 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] ¿Equivalente a Firebug para Internet Explorer?
Hola de nuevo, > El principal problema es que me he acostumbrado a utilizar el plugin Firebug > (si no lo conoceís os lo recomiendo porque es impresionante: > https://addons.mozilla.org/es-ES/firefox/addon/1843) y ahora en I.E. siento > que voy a ciegas. Las páginas y los gráficos se me descuadran y el javascript > no funciona pero lo malo no es eso, sino que no devuelve ningún error y no sé > por dónde atacar. ¿Alguien sabe de algún plugin similar a Firebug para > I.Explorer? (Preferentemente gratuito, pero si es de pago, que no sea muy > caro :) ) > Me olvidé de comentarte que puedes usar Firebug en explorer si los añades como un javascript: http://getfirebug.com/lite.html -- Carlos Rincón http://carlos.rinconsanchez.com www.neuroticweb.com www.neuroticweb.com/blog ___ 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] ¿Equivalente a Firebug para Internet Ex plorer?
Yo uso la web accessibility toolbar : http://www.paciellogroup.com/resources/wat-ie-about.html y la debugbar: http://www.debugbar.com/?langage=en espero te sirvan! kemie Enrique Arizón wrote: > Buenas a todos, > > estoy realizando una web bastante compleja con "montones y montones" de CSS, > javascript, gráficas SVG (Dojo-toolkit) El caso es que he conseguido que > rule con Firefox pero con I.Explorer estoy "atascado". > > El principal problema es que me he acostumbrado a utilizar el plugin Firebug > (si no lo conoceís os lo recomiendo porque es impresionante: > https://addons.mozilla.org/es-ES/firefox/addon/1843) y ahora en I.E. siento > que voy a ciegas. Las páginas y los gráficos se me descuadran y el javascript > no funciona pero lo malo no es eso, sino que no devuelve ningún error y no sé > por dónde atacar. ¿Alguien sabe de algún plugin similar a Firebug para > I.Explorer? (Preferentemente gratuito, pero si es de pago, que no sea muy > caro :) ) > > ¡Saludos! > > Enrique > ___ > 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 > > No virus found in this incoming message. > Checked by AVG - http://www.avg.com > Version: 8.0.138 / Virus Database: 270.6.6/1621 - Release Date: 8/19/2008 > 6:53 PM > > > > ___ 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] ¿Equivalente a Firebug para Internet Ex plorer?
Hola, On Wed, Aug 20, 2008 at 11:19, Carlos Rincón <[EMAIL PROTECTED]>wrote: > Yo uso la Internet Explorer Developer Toolbar [1] pero no es para nada > tan completa cómo Firebug. > > 1 > > http://www.microsoft.com/downloads/details.aspx?FamilyId=E59C3964-672D-4511-BB3E-2D5E1DB91038&displaylang=en > Veo vuestro IE Developer Toolbar, y subo a DebugBar [1], junto con FireBug lite [2]. Aunque el FireBug de Firefox sigue siendo insuperable, tanto por usabilidad como por potencia. [1] http://www.debugbar.com [2] http://getfirebug.com/lite.html -- Si no puedes deslumbrar con tu sabiduría, desconcierta con tus gilipolleces ___ 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: CSS: Clearfix ó Flotando en la incertidumbre
jhon, yo lo veo perfecto en ie 6 y 7 (excepto la transparencia detras del logo en ie6) Y yo en tu lugar no me molestaría (aun) con ie8. aun esta en beta, se rumora que la siguiente beta tendrá muchas mejoras. kemie Jhon Gonzalez wrote: > Estimados Colisteros.. les escribo para agradecerles las variadas > soluciones para las CSS de mi sitio. pero me doy por vencido . no > encuentro .. como resolver el problema de paddings y margins... ya > que revise el #sidebar y el tamaño de esa barra varía de acuerdo con > el navegador. (IE6, IE7, IE8) > > Será posible que me den una mano con algún hackbox!! > > Jhon Gonzalez > > [1] http://www.herrco.com.co/lab/ (Imagenes de msie6 y msie8) > [3] http://www.herrco.com.co/ > ___ > 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 > > No virus found in this incoming message. > Checked by AVG - http://www.avg.com > Version: 8.0.138 / Virus Database: 270.6.5/1619 - Release Date: 8/18/2008 > 5:39 PM > > > > ___ 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] gallery
dos opciones sencillas, mas livianas que gallery son http://www.zenphoto.org/ http://photostack.org/ esta ultima incluso ni necesita base de datos. espero te sirvan! kemie Vanesa wrote: > jeje, gracias por las malas y las buenas, las sobrellevaré como pueda... ;P > > me confirmas bastante mis intuiciones, en este caso no necesitaba las mil > funcionalidades de gallery, solo quiero que la persona a quien le voy a hacer > la web pueda subir imagenes sin meterse en el html. > > Si encuantro algo prometo postearlo. > > > > ___ 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] Pautas para corregir errores de CSS
Buen artículo! Yo escribpi algo al respecto hace tiempo, http://www.disenorama.com/tutoriales/como-solucionar-problemas-en-css saludos! kemie Carlos Rincón wrote: > Hola, > > >> No tengo mucho que comentar... >> >> Si acaso, webdevelopper (una extension de firefox) viene con una >> opcion llamada "topografia" que colorea los bloques de una pagina web >> en funcion de la profundidad. Esto sirve de radiografia, y a veces te >> das cuenta que un bloque no llega hasta el final, o que otro >> (demonios!) se sale del bloque en el que esta. >> >> Y esto mismo a mano, poniendo border: 1px solid red; en un CSS para >> ver quien es en la pantalla. >> > > Sí, si no tienes firebug o webdevoloper el poner border o background es > básico :) > > ___ 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] Pautas para corregir errores de CSS
Hola, > Buen artículo! > Yo escribpi algo al respecto hace tiempo, > http://www.disenorama.com/tutoriales/como-solucionar-problemas-en-css Me he dado cuenta al leer el tuyo que me olvidé de poner la validación de HTML y CSS. -- Carlos Rincón http://carlos.rinconsanchez.com www.neuroticweb.com www.neuroticweb.com/blog ___ 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] ¿Equivalente a Firebug para Internet Expl orer?
IE Developer Toolbar http://www.microsoft.com/downloads/details.aspx?FamilyId=E59C3964-672D-4511-BB3E-2D5E1DB91038&displaylang=en On Wed, Aug 20, 2008 at 6:29 AM, carlos campderrós < [EMAIL PROTECTED]> wrote: > Hola, > > On Wed, Aug 20, 2008 at 11:19, Carlos Rincón <[EMAIL PROTECTED] > >wrote: > > > Yo uso la Internet Explorer Developer Toolbar [1] pero no es para nada > > tan completa cómo Firebug. > > > > 1 > > > > > http://www.microsoft.com/downloads/details.aspx?FamilyId=E59C3964-672D-4511-BB3E-2D5E1DB91038&displaylang=en > > > > Veo vuestro IE Developer Toolbar, y subo a DebugBar [1], junto con FireBug > lite [2]. Aunque el FireBug de Firefox sigue siendo insuperable, tanto por > usabilidad como por potencia. > > [1] http://www.debugbar.com > [2] http://getfirebug.com/lite.html > > > -- > Si no puedes deslumbrar con tu sabiduría, > desconcierta con tus gilipolleces > ___ > 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 > -- ↓ Ignacio Ricci www.ignacioricci.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
[Ovillo] OT: risas
aupa a todos entre css y css riámonos de nuestra condición. no se de donde salió en origen pero yo lo he visto aquí: http://www.programavostok.com/blog/me-i-am-a ___ 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: risas
Bienvenidos a todos los diseñadores al mundo del informatico jajajajaj El 20 de agosto de 2008 14:18, Martin Etxauri <[EMAIL PROTECTED]> escribió: > aupa a todos > > entre css y css riámonos de nuestra condición. > > no se de donde salió en origen pero yo lo he visto aquí: > > http://www.programavostok.com/blog/me-i-am-a > ___ > 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: risas
Peor cuando decis que sos Maquetador Web, Programador FrontEnd, o Analista de Usabilidad -.- 2008/8/20 Fernando Díaz Garrido <[EMAIL PROTECTED]> > Bienvenidos a todos los diseñadores al mundo del informatico jajajajaj > > El 20 de agosto de 2008 14:18, Martin Etxauri <[EMAIL PROTECTED]> escribió: > > > aupa a todos > > > > entre css y css riámonos de nuestra condición. > > > > no se de donde salió en origen pero yo lo he visto aquí: > > > > http://www.programavostok.com/blog/me-i-am-a > > ___ > > 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 > -- ↓ Ignacio Ricci www.ignacioricci.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
Re: [Ovillo] OT: risas
Jajajajaja, ¡qué risa! Gracias Martin :D -- Jorge Noricumbo - Original Message > From: Fernando Díaz Garrido <[EMAIL PROTECTED]> > To: "Ovillo, la lista de CSS en castellano" > Sent: Wednesday, August 20, 2008 7:22:18 AM > Subject: Re: [Ovillo] OT: risas > > Bienvenidos a todos los diseñadores al mundo del informatico jajajajaj > > El 20 de agosto de 2008 14:18, Martin Etxauri escribió: > > > aupa a todos > > > > entre css y css riámonos de nuestra condición. > > > > no se de donde salió en origen pero yo lo he visto aquí: > > > > http://www.programavostok.com/blog/me-i-am-a > > ___ > > 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: risas
Está chulo! ^^ Os dejo otras bastante buenas... http://imagenes.chicodotnet.com/imagenes/la-importancia-de-usar-metodologias -de-desarrollo-de-sistemas.gif http://www.navegapolis.net/files/respuestas.jpg La Versión on-line xDD http://www.axelvaldez.com/projects/generadordeexcusas/ De excusas tenía más muy buenas, pero no las encuentro ahora mismo... Salu2. -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Jorge Noricumbo Enviado el: miércoles, 20 de agosto de 2008 16:07 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] OT: risas Jajajajaja, ¡qué risa! Gracias Martin :D -- Jorge Noricumbo ___ 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] Tipografías multiplataforma
Hola listeros: Primero que nada discúlpenme si este tema se ha tocado anteriormente aquí pero no logro encontrar referencia en ningún lado, quizás porque soy un mal "googleador". La cuestión es que estoy desarrollando un sitio y quiero que se vea lo más semejante posible en los 3 SO más usados: Windows, MacOS y Linux. Necesito algún tipo de referencia donde leer algo al respecto y además de que tamaño base dar a las fuentes y con esto me refiero a: body { font-size: 82.5%; } para a partir de ahí comenzar a dar las unidades en EM o %. - Salu2 Ing. Reynier Pérez Mira Grupo de Soporte al Desarrollo - Dirección Técnica IP ___ 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] Tipografías multiplataforma
Dan Decerholm, en su libro "Bulletproof Web Design", recomienda dos métodos escalables y accesibles y por lo tanto multinavegador: Por valor absoluto y palabras clave 1. body { font-size: small; } * html body { font-size: x-small; } /* Hack de estrella para todos los IE */ * html body { f\ont:size: small; } /* hack de estrella para ajustar tamaño a IE6 */ ¿ Alguien tiene la dirección web donde se puede consultar este método ? 2. Por valor relativo % / em body { font-size: 62.8% } /* prepara el tamaño genérico para equilibrar 1em = 10px */ h1 { 2em; } /* 20px */ ¿ Alguien conoce el nombre de éste método ? saludos, chr5 [1] http://simplebits.com/publications/bulletproof/ El 20 de agosto de 2008 16:51, Reynier Pérez Mira <[EMAIL PROTECTED]> escribió: > Hola listeros: > Primero que nada discúlpenme si este tema se ha tocado anteriormente > aquí pero no logro encontrar referencia en ningún lado, quizás porque > soy un mal "googleador". > > La cuestión es que estoy desarrollando un sitio y quiero que se vea lo > más semejante posible en los 3 SO más usados: Windows, MacOS y Linux. > Necesito algún tipo de referencia donde leer algo al respecto y además > de que tamaño base dar a las fuentes y con esto me refiero a: > > body { font-size: 82.5%; } > > para a partir de ahí comenzar a dar las unidades en EM o %. > - > Salu2 > Ing. Reynier Pérez Mira > Grupo de Soporte al Desarrollo - Dirección Técnica IP > > ___ > 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] Tipografías multiplataforma
Creo que el segundo método es de Richard Rutter y yo lo vi hace bastante aquí: - http://clagnut.com/blog/348/ Aunque el autor publicó no hace demasiado una recopilación en A list Apart con ése y otros métodos : - http://www.alistapart.com/articles/howtosizetextincss/ Un saludo Mario Carlos Marrero escribió: > Dan Decerholm, en su libro "Bulletproof Web Design", recomienda dos métodos > escalables y accesibles y por lo tanto multinavegador: > > Por valor absoluto y palabras clave > 1. body { font-size: small; } >* html body { font-size: x-small; } /* Hack de estrella para todos los IE > */ >* html body { f\ont:size: small; } /* hack de estrella para ajustar > tamaño a IE6 */ > > ¿ Alguien tiene la dirección web donde se puede consultar este método ? > > 2. Por valor relativo % / em > body { font-size: 62.8% } /* prepara el tamaño genérico para equilibrar > 1em = 10px */ > h1 { 2em; } /* 20px */ > > ¿ Alguien conoce el nombre de éste método ? > > > saludos, > chr5 > > [1] http://simplebits.com/publications/bulletproof/ > > > El 20 de agosto de 2008 16:51, Reynier Pérez Mira <[EMAIL PROTECTED]> > escribió: > > >> Hola listeros: >> Primero que nada discúlpenme si este tema se ha tocado anteriormente >> aquí pero no logro encontrar referencia en ningún lado, quizás porque >> soy un mal "googleador". >> >> La cuestión es que estoy desarrollando un sitio y quiero que se vea lo >> más semejante posible en los 3 SO más usados: Windows, MacOS y Linux. >> Necesito algún tipo de referencia donde leer algo al respecto y además >> de que tamaño base dar a las fuentes y con esto me refiero a: >> >> body { font-size: 82.5%; } >> >> para a partir de ahí comenzar a dar las unidades en EM o %. >> - >> Salu2 >> Ing. Reynier Pérez Mira >> Grupo de Soporte al Desarrollo - Dirección Técnica IP >> >> ___ >> 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] Tipografías multiplataforma
Yo uso body {font-size:76%;} Que es igual a 12px. 1 em = 12px. Y es muy crossbrowser. Ese porcentaje no se que tan crossbrowser será. Nacho. 2008/8/20 Carlos Marrero <[EMAIL PROTECTED]> > Dan Decerholm, en su libro "Bulletproof Web Design", recomienda dos métodos > escalables y accesibles y por lo tanto multinavegador: > > Por valor absoluto y palabras clave > 1. body { font-size: small; } > * html body { font-size: x-small; } /* Hack de estrella para todos los IE > */ > * html body { f\ont:size: small; } /* hack de estrella para ajustar > tamaño a IE6 */ > > ¿ Alguien tiene la dirección web donde se puede consultar este método ? > > 2. Por valor relativo % / em >body { font-size: 62.8% } /* prepara el tamaño genérico para equilibrar > 1em = 10px */ >h1 { 2em; } /* 20px */ > > ¿ Alguien conoce el nombre de éste método ? > > > saludos, > chr5 > > [1] http://simplebits.com/publications/bulletproof/ > > > El 20 de agosto de 2008 16:51, Reynier Pérez Mira <[EMAIL PROTECTED]> > escribió: > > > Hola listeros: > > Primero que nada discúlpenme si este tema se ha tocado anteriormente > > aquí pero no logro encontrar referencia en ningún lado, quizás porque > > soy un mal "googleador". > > > > La cuestión es que estoy desarrollando un sitio y quiero que se vea lo > > más semejante posible en los 3 SO más usados: Windows, MacOS y Linux. > > Necesito algún tipo de referencia donde leer algo al respecto y además > > de que tamaño base dar a las fuentes y con esto me refiero a: > > > > body { font-size: 82.5%; } > > > > para a partir de ahí comenzar a dar las unidades en EM o %. > > - > > Salu2 > > Ing. Reynier Pérez Mira > > Grupo de Soporte al Desarrollo - Dirección Técnica IP > > > > ___ > > 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 > -- ↓ Ignacio Ricci www.ignacioricci.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
Re: [Ovillo] Tipografías multiplataforma
Recuerdo que hace tiempo se habló muchísimo del tema aquí en Ovillo. Busca en los archivos, al final alguien hizo un resumen de todas las técnias más a mano, yo describí la que usamos aquí. Te hago sólo 2 recomendaciones: 1- * ¿para qué? small, x-small y demás son dependientes de las implementaciones así que lo único que estás haciendo es dejar al navegador que decida qué tamaño asignarle a la fuente, sólo y no es 100% seguro, que será más pequeña. 2- Yo usualmente propongo body { font-size: 75% } que según el estándar es 12px, ¿por qué no 62.8% que equivaldría a 10px y es mas fácil de calcular? pues muy sencillo, porque le estás dejando un umbral de UN TERCIO al navegador para que interprete el tamaño de las fuentes que no le entran justitas. Al final por muchos "em" que le especifiques el navegador va a terminar representando píxeles que es lo único que sabe hacer, y su traducción entre unos y otros sí es muy dependiente de la plataforma así que lo más recomendable es dejarle menos oportunidad de decidir. Espero te sirva de algo, a veces el ingeniero que soy por fuerza reemplaza al pedagogo que nunca he alcanzado ni en sueños. ss PB El 20/08/2008, a las 12:09 PM, Carlos Marrero escribió: > Dan Decerholm, en su libro "Bulletproof Web Design", recomienda dos > métodos > escalables y accesibles y por lo tanto multinavegador: > > Por valor absoluto y palabras clave > 1. body { font-size: small; } >* html body { font-size: x-small; } /* Hack de estrella para > todos los IE > */ >* html body { f\ont:size: small; } /* hack de estrella para > ajustar > tamaño a IE6 */ > > ¿ Alguien tiene la dirección web donde se puede consultar este > método ? > > 2. Por valor relativo % / em > body { font-size: 62.8% } /* prepara el tamaño genérico para > equilibrar > 1em = 10px */ > h1 { 2em; } /* 20px */ > > ¿ Alguien conoce el nombre de éste método ? > > > saludos, > chr5 > > [1] http://simplebits.com/publications/bulletproof/ > > > El 20 de agosto de 2008 16:51, Reynier Pérez Mira <[EMAIL PROTECTED]> > escribió: > >> Hola listeros: >> Primero que nada discúlpenme si este tema se ha tocado anteriormente >> aquí pero no logro encontrar referencia en ningún lado, quizás porque >> soy un mal "googleador". >> >> La cuestión es que estoy desarrollando un sitio y quiero que se >> vea lo >> más semejante posible en los 3 SO más usados: Windows, MacOS y Linux. >> Necesito algún tipo de referencia donde leer algo al respecto y >> además >> de que tamaño base dar a las fuentes y con esto me refiero a: >> >> body { font-size: 82.5%; } >> >> para a partir de ahí comenzar a dar las unidades en EM o %. >> - >> Salu2 >> Ing. Reynier Pérez Mira >> Grupo de Soporte al Desarrollo - Dirección Técnica IP >> >> ___ >> 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 > > > == > **Las siguientes líneas son agregadas por los Servidores Centrales > de la Oficina del Historiador de la Ciudad de la Habana.** > -- > http://correoweb.ohc.cu, para que leas tus mensajes de correo desde > cualquier parte del mundo. > > ___ 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] Duda UL anidado.
Hola chicos, tengo un problemilla absurdo con una lista anidada. El codigo es este: Tratamientos naturales Tratamientos naturales Tratamientos naturales Consulta El css de la lista interior es: .menu ul ul{ float:left; margin:0px; padding:0px; width:205px; list-style:none; font-size:14px; color:#999; display:block; overflow:hidden; } Y cuando pincho encima de consulta, se me ilumina toda la lista interior. ¿Por que puede ser? 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] Duda UL anidado.
No estará anidado si cierras el li antes de abrir el ul de segundo nivel ;) (eso valida?) Un saludete Jose Avia escribió: > Hola chicos, tengo un problemilla absurdo con una lista anidada. > > El codigo es este: > > class="azul_oscuro">Tratamientos naturales > > class="azul_oscuro">Tratamientos naturales > class="azul_oscuro">Tratamientos naturales > > class="azul_oscuro">Consulta > > El css de la lista interior es: > > .menu ul ul{ > float:left; > margin:0px; > padding:0px; > width:205px; > list-style:none; > font-size:14px; > color:#999; > display:block; > overflow:hidden; > } > > Y cuando pincho encima de consulta, se me ilumina toda la lista interior. > > ¿Por que puede ser? > > 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] [OT] El excitante futuro.
Todo esto que mencionas, ya existe, se llama flash (y espero, de momento, que no le haga llamar también silverlight). Le falta únicamente el correcto tratamiento de texto, aunque en esta última versión está muchísimo más mejorada que la anterior. Esperemos que la próxima, esté casi al 100%. El problema que veo tanto en flash como en HTML, es como dominar el espacio de trabajo útil y ampliarlo extensiblemente de alguna manera. Llevamos casi 20 años con la misma estructura, mismas maquetaciones, con más o menos colores, con más o menos imágenes, con más o menos animaciones, pero siempre, con la misma estructura. Esta habría que romperla de una vez que ya es un tanto yaya no creis??? ;) Esperemos que Japón (o algún prodigio) nos ilumine tarde o temprano, aunque espero que temprano, porque para el 2020 estaré ya casi Jubilado... juuurrr.. http://www.neoteo.com/japon-ya-piensa-en-reemplazar-a-internet.neo Un saludo. -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Tei Enviado el: miércoles, 20 de agosto de 2008 10:51 Para: Ovillo, la lista de CSS en castellano Asunto: [Ovillo] [OT] El excitante futuro. Hola amigos. Un pequeño mensaje OT. Estaba pensando en el futuro de la web. A nivel grafico. Y hay un par de cambios o características que se van a extender y que me aportan mucho graficamente. // Superficies lienzo La posibilidad de crear programaticamente graficos. Un lienzo es una superficie en blanco (transparente si quieres) donde mediante comandos de programacion se puede dibujar, pintar y escribir lo que quieras. Los limites de un lienzo en blanco son infinitos, solamente los de la imaginacion de quien lo use. // Capturar una imagen como un bloque de datos y procesarlo. Esto ya lo hemos visto utilizar para crear automagicamente reflejos al pie de imagenes. Pero en el futuro puede que lo empecemos a ver usar para añadir marcos a fotos, cambiarles el tono a sepia, o cualquier barbaridad. Esta característica vendrá fuertemente asociada a la capacidad de dibujar en un lienzo.. Añadir algunos efectos a las fotos en el lado cliente podrá liberar trabajo y retrasar decisiones graficas. Retrasar decisiones graficas puede que no se vea la utilidad pero es mas o menos lo mismo que hace CSS, dejar al final de toda la cadena, y fácil de cambiar cambiando un solo ficherito, cual es el resultado final. // Fuentes del diseñador Ahora mismo teóricamente estamos limitados a 4 fuentes, aunque se usan mas confiando en que probablemente el usuario las tenga instaladas. Los diseñadores graficos y los tipógrafos no han podido descargar en la web toda su experiencia. Con lo que nos queda mucho que ver a nivel gráfico relacionado con los textos. Si esta caracteristica se extendiera. El segundo paso antes de que empezara a cambiar la web, seria que se creasen sitios webs, parecidos a los de software libre, donde se acumularan para descarga fuentes garantizadas de libre distribución en formato "fuente embebida para web". La relación entre el progreso humano, y la devolución de la tipografía es tan fuerte, que a veces te da la sensacion leyendo libros sobre tipografía que la relación es inversa, la mejora en la tipografía es la que ha conducido el progreso en la civilizacion.. :D // Organizacion de texto en varias columnas Hay una pequeña guerra por el ancho de los textos. Esta guerra vive ahora mismo un periodo de tregua con el diseño en tres columnas. Se podra dar fin a la guerra cuando le demos al navegador web la decisión de donde colocar el texto y de reorganizarlo en varias columnas. A monitor mas grande, mas texto en pantalla, pero igual ancho de lineas de texto. Es imposible que matemos el diseño en tres columnas, porque esta muy asentado. Pero el poder organizar los textos en columnas automaticamente permitirá a quien sabe hacer otros diseños que salten a diseños mejores que aun no hemos visto en web. *** Epilogo *** Todas estas características son del tipo "Se retrasan, y parece que no llegan nunca", porque no son fáciles, y tienen detractores basados en problemas que traen. Sin embargo cada una de ellas puede producir una pequeña revolución en la web. Y es cuestión de tiempo que lleguen y se extiendan. Y yo estoy deseando que lleguen, aunque solo sea por ver de que es capaz la peña. Los programadores, los diseñadores, los tipógrafos, los magos de los filtros, etc.. hay mucha capacidad latente por ahí, que la web aun no esta pudiendo disfrutar de manera plena. Y todo ello junto, y en manos de verdaderos artistas como hay ahí ( y en esta lista habra algunos ), pues puede ser impresionante. ___ 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
Re: [Ovillo] Duda UL anidado.
Creo que la forma correcta de anidar s es esta: ... ss PB El 20/08/2008, a las 12:55 PM, Jose Avia escribió: > Hola chicos, tengo un problemilla absurdo con una lista anidada. > > El codigo es este: > > class="azul_oscuro">Tratamientos naturales > > class="azul_oscuro">Tratamientos naturales > class="azul_oscuro">Tratamientos naturales > > class="azul_oscuro">Consulta > > El css de la lista interior es: > > .menu ul ul{ > float:left; > margin:0px; > padding:0px; > width:205px; > list-style:none; > font-size:14px; > color:#999; > display:block; > overflow:hidden; > } > > Y cuando pincho encima de consulta, se me ilumina toda la lista > interior. > > ¿Por que puede ser? > > 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 > > > == > **Las siguientes líneas son agregadas por los Servidores Centrales > de la Oficina del Historiador de la Ciudad de la Habana.** > -- > http://correoweb.ohc.cu, para que leas tus mensajes de correo desde > cualquier parte del mundo. > > ___ 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] Duda UL anidado.
Efectivamente, jaja. Pero me sigue sin funcionar, sigue haciendo lo mismo. Si en el a:hover del menu principal, le pongo una altura fija, en mozilla empieza a dar saltos. Y seguro que es alguna gilipollez. El 20 de agosto de 2008 19:00, Mario Pérez <[EMAIL PROTECTED]> escribió: > No estará anidado si cierras el li antes de abrir el ul de segundo nivel ;) > (eso valida?) > > Un saludete > > Jose Avia escribió: > > Hola chicos, tengo un problemilla absurdo con una lista anidada. > > > > El codigo es este: > > > > > class="azul_oscuro">Tratamientos naturales > > > > > class="azul_oscuro">Tratamientos naturales > > > class="azul_oscuro">Tratamientos naturales > > > > > class="azul_oscuro">Consulta > > > > El css de la lista interior es: > > > > .menu ul ul{ > > float:left; > > margin:0px; > > padding:0px; > > width:205px; > > list-style:none; > > font-size:14px; > > color:#999; > > display:block; > > overflow:hidden; > > } > > > > Y cuando pincho encima de consulta, se me ilumina toda la lista interior. > > > > ¿Por que puede ser? > > > > 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] Duda UL anidado.
Nada, sigue sin ir. Perdonad que le eche tanto morro pegando la css, pero ya sabeis. se entraga mañana: .menu ul{ float:left; margin:0px; padding:0px; width:205px; padding-top:6px; padding-bottom:20px; list-style:none; font-size:18px; color:#999; } .menu li{ border-bottom:1px solid #ebf0f2; line-height:30px; } .menu li a{ color:#999; text-decoration:none; } .menu li a:hover{ background-color:#eaeaea; color:inherit; text-decoration:none; display:block; } .menu ul ul{ float:left; margin:0px; padding:0px; width:205px; list-style:none; font-size:12px; color:#999; display:block; overflow:hidden; line-height:14px; } .menu ul ul li{ line-height:20px; padding-left:10px; } Gracias! El 20 de agosto de 2008 19:12, Jose Avia <[EMAIL PROTECTED]> escribió: > Efectivamente, jaja. > > Pero me sigue sin funcionar, sigue haciendo lo mismo. > > Si en el a:hover del menu principal, le pongo una altura fija, en mozilla > empieza a dar saltos. > > Y seguro que es alguna gilipollez. > > El 20 de agosto de 2008 19:00, Mario Pérez <[EMAIL PROTECTED]> escribió: > > No estará anidado si cierras el li antes de abrir el ul de segundo nivel ;) >> (eso valida?) >> >> Un saludete >> >> Jose Avia escribió: >> > Hola chicos, tengo un problemilla absurdo con una lista anidada. >> > >> > El codigo es este: >> > >> > > > class="azul_oscuro">Tratamientos naturales >> > >> > > > class="azul_oscuro">Tratamientos naturales >> > > > class="azul_oscuro">Tratamientos naturales >> > >> > > > class="azul_oscuro">Consulta >> > >> > El css de la lista interior es: >> > >> > .menu ul ul{ >> > float:left; >> > margin:0px; >> > padding:0px; >> > width:205px; >> > list-style:none; >> > font-size:14px; >> > color:#999; >> > display:block; >> > overflow:hidden; >> > } >> > >> > Y cuando pincho encima de consulta, se me ilumina toda la lista >> interior. >> > >> > ¿Por que puede ser? >> > >> > 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] Duda UL anidado.
*HTML:* Tratamientos naturales Tratamientos naturales Tratamientos naturales Consulta *CSS:* .menu ul { float:left; width:205px; margin:0; padding:6px 0 20px 0; list-style:none; font-size:18px; color:#999; } .menu li { border-bottom:1px solid #ebf0f2; line-height:30px; clear:left; } .menu li a { color:#999; text-decoration:none; display:block; } .menu li a:hover { background-color:#eaeaea; } .menu ul li ul { float:left; margin:0; padding:0; width:205px; list-style:none; font-size:12px; color:#999; display:block; overflow:hidden; line-height:14px; } .menu ul li ul li { line-height:20px; padding-left:10px; } --- Nacho. 2008/8/20 Jose Avia <[EMAIL PROTECTED]> > Nada, sigue sin ir. > > Perdonad que le eche tanto morro pegando la css, pero ya sabeis. se > entraga mañana: > > .menu ul{ > float:left; >margin:0px; >padding:0px; >width:205px; > padding-top:6px; >padding-bottom:20px; >list-style:none; >font-size:18px; >color:#999; >} > > .menu li{ >border-bottom:1px solid #ebf0f2; >line-height:30px; >} > > .menu li a{ >color:#999; >text-decoration:none; >} > > .menu li a:hover{ >background-color:#eaeaea; >color:inherit; >text-decoration:none; >display:block; > } > > .menu ul ul{ >float:left; >margin:0px; >padding:0px; >width:205px; >list-style:none; > font-size:12px; > color:#999; >display:block; >overflow:hidden; > line-height:14px; >} > > .menu ul ul li{ >line-height:20px; >padding-left:10px; >} > > Gracias! > > El 20 de agosto de 2008 19:12, Jose Avia <[EMAIL PROTECTED]> escribió: > > > Efectivamente, jaja. > > > > Pero me sigue sin funcionar, sigue haciendo lo mismo. > > > > Si en el a:hover del menu principal, le pongo una altura fija, en mozilla > > empieza a dar saltos. > > > > Y seguro que es alguna gilipollez. > > > > El 20 de agosto de 2008 19:00, Mario Pérez <[EMAIL PROTECTED]> escribió: > > > > No estará anidado si cierras el li antes de abrir el ul de segundo nivel > ;) > >> (eso valida?) > >> > >> Un saludete > >> > >> Jose Avia escribió: > >> > Hola chicos, tengo un problemilla absurdo con una lista anidada. > >> > > >> > El codigo es este: > >> > > >> > >> > class="azul_oscuro">Tratamientos naturales > >> > > >> > >> > class="azul_oscuro">Tratamientos naturales > >> > >> > class="azul_oscuro">Tratamientos naturales > >> > > >> > >> > class="azul_oscuro">Consulta > >> > > >> > El css de la lista interior es: > >> > > >> > .menu ul ul{ > >> > float:left; > >> > margin:0px; > >> > padding:0px; > >> > width:205px; > >> > list-style:none; > >> > font-size:14px; > >> > color:#999; > >> > display:block; > >> > overflow:hidden; > >> > } > >> > > >> > Y cuando pincho encima de consulta, se me ilumina toda la lista > >> interior. > >> > > >> > ¿Por que puede ser? > >> > > >> > 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 > -- ↓ Ignacio Ricci www.ignacioricci.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
Re: [Ovillo] Duda UL anidado.
Genial, perfecto. Mañana que voy con mas tiempo, me lo estudio para saber por que fallaba y saberlo para la próxima. De momento muchisimas gracias :) Arf que bien. Gracias! El 20 de agosto de 2008 19:59, Ignacio Ricci <[EMAIL PROTECTED]>escribió: > *HTML:* > > > > > class="azul_oscuro">Tratamientos naturales > > class="azul_oscuro">Tratamientos naturales > class="azul_oscuro">Tratamientos naturales > > > class="azul_oscuro">Consulta > > > > *CSS:* > > .menu ul { > float:left; > width:205px; > margin:0; > padding:6px 0 20px 0; >list-style:none; > font-size:18px; > color:#999; > } > > .menu li { > border-bottom:1px solid #ebf0f2; > line-height:30px; >clear:left; >} > > .menu li a { > color:#999; > text-decoration:none; >display:block; >} > > .menu li a:hover { > background-color:#eaeaea; > } > > .menu ul li ul { > float:left; > margin:0; > padding:0; >width:205px; > list-style:none; > font-size:12px; > color:#999; > display:block; > overflow:hidden; > line-height:14px; > } > > .menu ul li ul li { >line-height:20px; > padding-left:10px; > } > > > > --- > > Nacho. > > > 2008/8/20 Jose Avia <[EMAIL PROTECTED]> > > > Nada, sigue sin ir. > > > > Perdonad que le eche tanto morro pegando la css, pero ya sabeis. se > > entraga mañana: > > > > .menu ul{ > > float:left; > >margin:0px; > >padding:0px; > >width:205px; > > padding-top:6px; > >padding-bottom:20px; > >list-style:none; > >font-size:18px; > >color:#999; > >} > > > > .menu li{ > >border-bottom:1px solid #ebf0f2; > >line-height:30px; > >} > > > > .menu li a{ > >color:#999; > >text-decoration:none; > >} > > > > .menu li a:hover{ > >background-color:#eaeaea; > >color:inherit; > >text-decoration:none; > >display:block; > > } > > > > .menu ul ul{ > >float:left; > >margin:0px; > >padding:0px; > >width:205px; > >list-style:none; > > font-size:12px; > > color:#999; > >display:block; > >overflow:hidden; > > line-height:14px; > >} > > > > .menu ul ul li{ > >line-height:20px; > >padding-left:10px; > >} > > > > Gracias! > > > > El 20 de agosto de 2008 19:12, Jose Avia <[EMAIL PROTECTED]> escribió: > > > > > Efectivamente, jaja. > > > > > > Pero me sigue sin funcionar, sigue haciendo lo mismo. > > > > > > Si en el a:hover del menu principal, le pongo una altura fija, en > mozilla > > > empieza a dar saltos. > > > > > > Y seguro que es alguna gilipollez. > > > > > > El 20 de agosto de 2008 19:00, Mario Pérez <[EMAIL PROTECTED]> > escribió: > > > > > > No estará anidado si cierras el li antes de abrir el ul de segundo > nivel > > ;) > > >> (eso valida?) > > >> > > >> Un saludete > > >> > > >> Jose Avia escribió: > > >> > Hola chicos, tengo un problemilla absurdo con una lista anidada. > > >> > > > >> > El codigo es este: > > >> > > > >> > > >> > class="azul_oscuro">Tratamientos naturales > > >> > > > >> > > >> > class="azul_oscuro">Tratamientos naturales > > >> > > >> > class="azul_oscuro">Tratamientos naturales > > >> > > > >> > > >> > class="azul_oscuro">Consulta > > >> > > > >> > El css de la lista interior es: > > >> > > > >> > .menu ul ul{ > > >> > float:left; > > >> > margin:0px; > > >> > padding:0px; > > >> > width:205px; > > >> > list-style:none; > > >> > font-size:14px; > > >> > color:#999; > > >> > display:block; > > >> > overflow:hidden; > > >> > } > > >> > > > >> > Y cuando pincho encima de consulta, se me ilumina toda la lista > > >> interior. > > >> > > > >> > ¿Por que puede ser? > > >> > > > >> > 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 > > > > > > -- > ↓ Ignacio Ricci > www.ignacioricci.com > _
Re: [Ovillo] Duda UL anidado.
Bueno, como todo no van a ser eugos y preguntas, gracias a la ayuda, consegui entregar el trabajo a tiempo. De nuevo mil gracias :) El 21 de agosto de 2008 0:25, Jose Avia <[EMAIL PROTECTED]> escribió: > Genial, perfecto. > > Mañana que voy con mas tiempo, me lo estudio para saber por que fallaba y > saberlo para la próxima. > > De momento muchisimas gracias :) > > Arf que bien. > > Gracias! > > El 20 de agosto de 2008 19:59, Ignacio Ricci <[EMAIL PROTECTED]>escribió: > > *HTML:* >> >> >> >> >>> class="azul_oscuro">Tratamientos naturales >> >>> class="azul_oscuro">Tratamientos naturales >>> class="azul_oscuro">Tratamientos naturales >> >> >>> class="azul_oscuro">Consulta >> >> >> >> *CSS:* >> >> .menu ul { >> float:left; >> width:205px; >> margin:0; >> padding:6px 0 20px 0; >> list-style:none; >> font-size:18px; >> color:#999; >> } >> >> .menu li { >> border-bottom:1px solid #ebf0f2; >> line-height:30px; >> clear:left; >> } >> >> .menu li a { >> color:#999; >> text-decoration:none; >> display:block; >> } >> >> .menu li a:hover { >> background-color:#eaeaea; >> } >> >> .menu ul li ul { >> float:left; >> margin:0; >> padding:0; >> width:205px; >> list-style:none; >> font-size:12px; >> color:#999; >> display:block; >> overflow:hidden; >> line-height:14px; >> } >> >> .menu ul li ul li { >> line-height:20px; >> padding-left:10px; >> } >> >> >> >> --- >> >> Nacho. >> >> >> 2008/8/20 Jose Avia <[EMAIL PROTECTED]> >> >> > Nada, sigue sin ir. >> > >> > Perdonad que le eche tanto morro pegando la css, pero ya sabeis. se >> > entraga mañana: >> > >> > .menu ul{ >> > float:left; >> >margin:0px; >> >padding:0px; >> >width:205px; >> > padding-top:6px; >> >padding-bottom:20px; >> >list-style:none; >> >font-size:18px; >> >color:#999; >> >} >> > >> > .menu li{ >> >border-bottom:1px solid #ebf0f2; >> >line-height:30px; >> >} >> > >> > .menu li a{ >> >color:#999; >> >text-decoration:none; >> >} >> > >> > .menu li a:hover{ >> >background-color:#eaeaea; >> >color:inherit; >> >text-decoration:none; >> >display:block; >> > } >> > >> > .menu ul ul{ >> >float:left; >> >margin:0px; >> >padding:0px; >> >width:205px; >> >list-style:none; >> > font-size:12px; >> > color:#999; >> >display:block; >> >overflow:hidden; >> > line-height:14px; >> >} >> > >> > .menu ul ul li{ >> >line-height:20px; >> >padding-left:10px; >> >} >> > >> > Gracias! >> > >> > El 20 de agosto de 2008 19:12, Jose Avia <[EMAIL PROTECTED]> >> escribió: >> > >> > > Efectivamente, jaja. >> > > >> > > Pero me sigue sin funcionar, sigue haciendo lo mismo. >> > > >> > > Si en el a:hover del menu principal, le pongo una altura fija, en >> mozilla >> > > empieza a dar saltos. >> > > >> > > Y seguro que es alguna gilipollez. >> > > >> > > El 20 de agosto de 2008 19:00, Mario Pérez <[EMAIL PROTECTED]> >> escribió: >> > > >> > > No estará anidado si cierras el li antes de abrir el ul de segundo >> nivel >> > ;) >> > >> (eso valida?) >> > >> >> > >> Un saludete >> > >> >> > >> Jose Avia escribió: >> > >> > Hola chicos, tengo un problemilla absurdo con una lista anidada. >> > >> > >> > >> > El codigo es este: >> > >> > >> > >> > > > >> > class="azul_oscuro">Tratamientos naturales >> > >> > >> > >> > > > >> > class="azul_oscuro">Tratamientos naturales >> > >> > > > >> > class="azul_oscuro">Tratamientos naturales >> > >> > >> > >> > > > >> > class="azul_oscuro">Consulta >> > >> > >> > >> > El css de la lista interior es: >> > >> > >> > >> > .menu ul ul{ >> > >> > float:left; >> > >> > margin:0px; >> > >> > padding:0px; >> > >> > width:205px; >> > >> > list-style:none; >> > >> > font-size:14px; >> > >> > color:#999; >> > >> > display:block; >> > >> > overflow:hidden; >> > >> > } >> > >> > >> > >> > Y cuando pincho encima de consulta, se me ilumina toda la lista >> > >> interior. >> > >> > >> > >> > ¿Por que puede ser? >> > >> > >> > >> > 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.or