Re: [Ovillo] Responsive en WP
Gracias por postear también la respuesta. Saludos a la lista. Plácido. ___ 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] La web móvil
Comparto todo lo dicho por Tei... punto por punto. Saludos y gracias a los miembros de la lista. El 30 de julio de 2012 04:22, Tei oscar.vi...@gmail.com escribió: Creo que podemos ayudar a Ovillo simplemente usandolo mas, enviando las dudas que tengamos a la lista, y tratando de resolver las de otras personas. Con cuidado el don't byte newbies, y a la hora de responder, tratanto de limitarnos a decir el subconjunto de lo que sera util para el que pregunta y las cosas que admitira que le sugeramos. En fin. Esta lista ha sido (es) muy buena por la gente que sabe un monton de CSS que resuelven de manera oportuna de mucha calidad y muy rapida problemas de CSS que a los demas (a mi) te dejan acomplejado. En mi nombre gracias a estas personas. -- -- ℱin del ℳensaje. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] La web móvil
Hola Nadia! Hola a todos. Comparto que el aporte de todos es vital en el funcionamiento de un colectivo como este, y te lo digo por experiencia, donde he experimentado varios proyectos colaborativos en los que, por falta de proactividad de los miembros (y administradores, en mi caso) la red fracasa. Ahora, en mi caso, ya hace algún tiempo que por falta de tiempos estoy haciendo un uso escaso de la lista, así que me podría colocar en el grupo de los miembros no proactivos lamentablemente. Sin embargo, creo muchos que sí hacen uso de la lista casi exclusivamente con consultas (por no decir exclusivamente) apareciendo sólo en los momentos de necesidad y sin respuestas a la colectividad, no dejan de aportar a su modo con la comunidad, ya que generan movimientos en los demás miembros, despiertan la curiosidad e inquietud de otros. Dependiendo de las reglas considero que quienes somos más bien lectores pasivos aportamos menos que aquellos que usan la lista únicamente consultando, sin generar aportes propios a la lista. Saludos para todos, y que Ovillo no decaiga! Plácido Luna. ___ 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] La web móvil
No es por defender a nadie ni atacar a nadie, pero http://es.wikipedia.org/wiki/COBOL en podemos leer lo siguiente: El lenguaje http://es.wikipedia.org/wiki/Lenguaje_de_programaci%C3%B3n * COBOL* (acrónimo http://es.wikipedia.org/wiki/Acr%C3%B3nimo de *COmmon B usiness-Oriented Language*, *Lenguaje Común Orientado a Negocios*) fue creado en el año 1959 con el objetivo de crear un lenguaje de programaciónhttp://es.wikipedia.org/wiki/Lenguaje_de_programaci%C3%B3nuniversal que pudiera ser usado en cualquier ordenador, ya que en los años 1960http://es.wikipedia.org/wiki/A%C3%B1os_1960 existían numerosos modelos de ordenadores incompatibles entre sí, y que estuviera orientado principalmente a los negocios, es decir, a la llamada informática de gestión http://es.wikipedia.org/wiki/Inform%C3%A1tica_de_gesti%C3%B3n. * * El 20 de julio de 2012 23:31, Latrasweb latras...@gmail.com escribió: Eres mi idolo, programabas cuando solo habia supercomputadoras nada más!!!. Ya q los ordenadores personales no se comercializaron hasta los años 80!!. Me tienes que firmar un autografo!!! El 21/07/2012 00:26, Leonardo Azpurua leonardoazpu...@cantv.net escribió: - Original Message - From: Tereso Ramos tram...@gmail.com To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Sent: Friday, July 20, 2012 4:30 PM Subject: Re: [Ovillo] La web móvil Estot de acuerdo con Jose María, al menos que se ofrezca una promoción exclusiva para los listeros. - Hola, ¿Por qué habría que ofrecer una promoción exclusiva a los listeros? ¿Cómo se puede verficiar que un listero sea efectivamente un listero? Me suscribí a Ovillo porque aparece listada como un recurso en español acerca de CSS en la documentación de Mozilla sobre el tema. Con semejante referencia, cabría esperar que resultara ser un recurso valioso y serio. Y en efecto, algo he aprendido de los aportes de algunos compañeros. Todavía no aporto nada porque a pesar de llevar casi cuarenta años programando computadoras (desde los tiempos de Cobol, RPG-II y PL/1, pasando por Pascal, C y varios dialectos de BASIC, y terminando con Java antes de adoptar PHP/JavaScript) estoy totalmente nuevo en todo esto del desarrollo Web, y hasta ahora no he encontrado ni una sola pregunta a la que pudiera responder de manera razonable que no hubiera sido respondida antes, casi siempre mejor de lo que yo mismo habría podido hacerlo. Pero el ruido (observaciones personales, publicidad) se viene haciendo relativamente molesto últimamente. Si alguien quiere hacer un curso, que lo busque en Google, o en Ask!, o en Duck Duck Go, y listo. Estoy suscrito a lo que parece ser una lista seria para la discusión de temas relacionados con CSS (incluyendo su alteración en el navegador del cliente mediante el uso local de ECMA Script o lo que fuere), no a una red social (de las que estoy hasta la coronilla) o a una distribución de spam (ese llega sin suscripción). Un anuncio de solicitud de materiales para un evento institucional de caracter internacional (a pesar de que sus adminsitradores parecen estar en España, los participantes estamos regados por todo el mundo) sobre CSS es aceptable. Pero la publicidad de cursos o los anuncios de eventos locales están totalmente fuera de lugar. Sólo una opinión... Salud! ___ 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] encadenamiento de classes
Hola José María! Gracias por los dos aportes, al último aún no lo pruebo pero parece prometedor. Un saludo a la lista. Plácido. ___ 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] encadenamiento de classes
Excelente la predisposición original, pocos publicamos nuestras experiencias y conocimientos espontáneamente. Sí hay respuestas de muchos miembros del grupo, otros plantean muchas preguntas y pocas respuestas, y otros participamos muy esporádicamente (grupo en el cual me incluyo), pero el hecho de publicar aportes como lo hizo Martín en este hilo aporta no solo conocimiento sino dinámica a la lista (convirtiéndola así en una base de conocimientos, no necesariamente a partir de consultas). En mi caso, con mucho trabajo, ya que he cambiado no solo de ciudad, sino de país, intento mantener una plataforma en la que esa es la idea, pero participo de ovillo hace bastante y creo que este tipo de actitud contribuye mucho a todos. Gracias Martín y gracias para todos. Saludos! Plácido. ___ 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] Layout a 3 columnas
Marina, prueba con esto a ver si es la idea: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd; html xmlns=http://www.w3.org/1999/xhtml; head meta http-equiv=Content-Type content=text/html; charset=utf-8 / titleAnchos Fijo - Variable - Fijo/title style type=text/css *{ margin:0; padding:0; } #contenedor { float:left; width: 100%; height:400px; } #anchoVariable{ margin-left:200px; margin-right:100px; height:400px; background-color:#DDD; } #sidebar1, #sidebar2{ float:left; margin-left:-100%; width:200px; height:400px; background-color:#CCC; } #sidebar2{ margin-left:-100px; width:100px; height:400px; } /style /head body div id=contenedor div id=anchoVariable /div /div div id=sidebar1 /div div id=sidebar2 /div /body /html Saludos a la lista! Plácido Luna. ___ 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: Bandas en degrades de photoshop
Gracias Leonel :) ___ 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] Feliz Navidad!!!
Feliz Navidad para todos! :,) *Plácido Luna* http://www.octubre.com.uy (+598) 99 942723 ___ 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] firefox chrome absolute
Tienes el código? *Plácido Luna* http://www.octubre.com.uy (+598) 99 942723 ___ 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] Editor HTML5 y CSS3
Bluegriffon? http://bluegriffon.org/ Saludos! *Plácido Luna* El 23 de agosto de 2011 12:46, Freddy Huanca bayhuyus...@gmail.comescribió: Por lo que cuentas esta es la mejor alternativa hasta el momento. Atte. Freddy R. Huanca Patzi La Paz - Bolivia HH 591-2-72551740 Freddy 591-2-70548054 Maria 591-2-70526264 Jovanna Para cualquier consulta comuniquese a: bayhuyus...@hotmail.com bayhuyus...@gmail.com http://www.facebook.com/freddy.huanca El 23 de agosto de 2011 11:34, Ramon Lapenta ram...@gmail.com escribió: Muse no debe servir por que según leí ni siquiera tiene vista de código. A mi NetBeans me parece muy feo para CSS/HTML, no ayuda con el código, la indentación la hace muy mal... Yo trabajo con Komodo Edit, que trae soporte a HTML5 y CSS3, tiene muy buena indentación, auto completado en cierre de etiquetas, ayudas graficas, y ademas esta hecho con la base de mozilla (No en Java como eclipse y netbeans) por lo que es muy rapido y se ve muy bien. Aparte es muy personalizable. On 08/23/2011 10:17 AM, David Huertas wrote: El 23/08/2011 16:38, José G escribió: Muse no sirve para nada, el código lo deja todo asqueroso. Y si, no necesitas saber código para hacer el sitio web, pero no es semántico, y nada eficiente. Bueno, todo tiene uso depende de las necesidades :) , lo he dado como referencia ya que es novedad y la verdad no me ha dado tiempo más que abrirlo un par de veces. Ahora que se comenta el tipo de editor que se busca, yo trabajo bastante cómodo con Netbeans (http://www.netbeans.org/) Un enlace que me sirvió en su momento : (aunque se busca un IDE para php, yo tambien buscaba poder utilizarlo para maquetar con Html + Css) http://stackoverflow.com/questions/116292/what-is-the-best-ide-for-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] Editor HTML5 y CSS3
Gracias por la información de retorno! *Plácido Luna* El 23 de agosto de 2011 13:31, Freddy Huanca bayhuyus...@gmail.comescribió: Atte. Freddy R. Huanca Patzi La Paz - Bolivia HH 591-2-72551740 Freddy 591-2-70548054 Maria 591-2-70526264 Jovanna Para cualquier consulta comuniquese a: bayhuyus...@hotmail.com bayhuyus...@gmail.com http://www.facebook.com/freddy.huanca El 23 de agosto de 2011 12:08, Plácido Luna octubre196...@gmail.com escribió: Bluegriffon? http://bluegriffon.org/ Saludos! *Plácido Luna* No parece ser una buena alternativa, ya lo probe y tiene addons para CSS3 y no autocompleta ni tiene referencia rapida del código. Gracias. Hasta el momento Komodo IDE responde a mis requerimientos. ___ 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] Abismo creativo
Hubiera faltado el [OT] para mi gusto, pero más allá de este detalles me impactó Abismo Creativo ¿Por qué no? Saludos! *Plácido Luna* http://www.octubre.com.uy El 18 de julio de 2011 20:45, javier montero javiermon...@gmail.comescribió: Hola ! Quisiera saber si podrian aportar un posible nombre para una empresa de web outsourcing Yo se que quiza no sea al lugar preciso para preguntar, pero estoy en un conflicto creativo y todo lo que pienso ya existe en la web. En ingles, corto, o quiza algo sin sentido pero que suene bien!!! Escucho ideas... Les Agradezco muy sinceramente, Javier Montero ___ 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] HTML con características gráficas
Iván, igualmente es CSS, aunque aplicado a una etiqueta. No es el mejor uso creo yo (por lo menos no el más práctico) y es mejor a mi criterio tu propuesta, inclusive hacer body id=productos/body, por ejemplo, y luego en una hoja de estilos generar el id #estilos para aplicarlo a las páginas que correspondan. Inclusive luego podrás hacer definiciones del tipo #productos p {propiedades}, por ejemplo. Saludos a la lista! *Plácido Luna* http://www.octubre.com.uy ___ 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] HTML con características gráficas
A las órdenes... y ten por seguro que quien escribe también aprende :) Un abrazo. Plácido. El 4 de julio de 2011 20:12, Ivan Pérez vag...@gmail.com escribió: Plácido, nosotros sabemos este método es el mejor uso, pero estamos enseñando a Marcos Lorca, no se si el sabe hacer un archivo de .css para relacionar a la página web. Saludos. El 4 de julio de 2011 18:06, Plácido Luna octubre196...@gmail.com escribió: Iván, igualmente es CSS, aunque aplicado a una etiqueta. No es el mejor uso creo yo (por lo menos no el más práctico) y es mejor a mi criterio tu propuesta, inclusive hacer body id=productos/body, por ejemplo, y luego en una hoja de estilos generar el id #estilos para aplicarlo a las páginas que correspondan. Inclusive luego podrás hacer definiciones del tipo #productos p {propiedades}, por ejemplo. Saludos a la lista! *Plácido Luna* http://www.octubre.com.uy ___ 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
toc toc... ouuuch! :¬( viejo método el mio! ___ 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] Centrar imagen horizontal y vertical
La imagen sin medidas? *Plácido Luna* http://www.octubre.com.uy (+598) 99 942723 2011/5/25 Martín Szyszlican marti...@gmail.com El primer div, div class=grid_2 alpha debería tener overflow: hidden Lo tiene? El 25 de mayo de 2011 15:38, reynie...@gmail.com reynie...@gmail.com escribió: Justo eso es lo que tengo :) div class=grid_2 alpha img class=image title=Please enter your login details. alt=Please enter your login details. src=view/image/login.png /div div class=grid_2 omega Username:br input type=text style=margin-top: 4px; value= name=username br Password:br input type=password style=margin-top: 4px; value= name=password /div Ing. Reynier Pérez Mira Cel: +58 416.921.7406 / 416.012.1226 Twitter: twitter.com/reypm Correo: reynie...@gmail.com / reynie...@hotmail.com / reynie...@yahoo.com 2011/5/25 Martín Szyszlican marti...@gmail.com ¿Por qué permitís que la imágen se vaya encima del formulario? Podés hacer dos DIVs, uno para la imágen y otro para el formulario, ambos con 50% de ancho (por ejemplo), entonces la imágen que está adentro de uno de los divs nunca podrá pasarse al otro lado por el overflow:hidden Se entiende? Martín. El 25 de mayo de 2011 15:24, reynie...@gmail.com reynie...@gmail.com escribió: El problema, creo es que la imagen no se mueve de lugar. La imagen tiene un tamaño fijo XxY no se si poniendole un porcentaje la misma se pueda reducir. Aqui les va un pantallazo http://www.dropmocks.com/mVio4 la primera imagen es en una resolucion de 800x600 obvio y la segunda en 1920x1080. PD: Sabe alguien como configurar Gmail (via web) para que me ponga las respuestas debajo de las que ustedes me dan a mi? Ing. Reynier Pérez Mira Cel: +58 416.921.7406 / 416.012.1226 Twitter: twitter.com/reypm Correo: reynie...@gmail.com / reynie...@hotmail.com / reynie...@yahoo.com 2011/5/25 Martín Szyszlican marti...@gmail.com ¿Qué es lo que ocurre cuando achicás la ventana? Si el problema es que la imágen excede al div, este debe llevar un overflow: hidden para evitarlo, de forma que sólo se mostraría la parte central de la imágen. Otra posibilidad sería que el tamaño mismo de la imágen sea porcentual, para lo cuál convendría tener una imágen bastante grande, de esta forma el navegador reduciría el tamaño de la imágen al del div. Habría que tener en cuenta que algunos navegadores viejos rompen un poco las imágenes al cambiarles el tamaño. ¿Era ese el problema? ¿Podés mostrar un ejemplo? Martín. El 25 de mayo de 2011 15:13, reynie...@gmail.com reynie...@gmail.com escribió: Hola listeros: Estoy realizando un diseño con 960.gs y todo perfecto pero me he encontrado con un pequeño problema que no logro resolver. Tengo un DIV contenedor con una imagen dentro (ver codigo debajo) y necesito que esa imagen quede centrada siempre tanto vertical como horizontalmente para asi poder tener un diseño fluido/elastico de forma tal que cuando la resolucion de los monitores sea menor entonces todo quede de la misma forma ;). Este es el HTML asociado: div class=grid_2 alpha img src=view/image/login.png alt=?php echo $text_login; ? title=?php echo $text_login; ? class=image / /div He intentado con este codigo CSS: * .image{position:relative;top:50%;left:50%;}* y se centra bien pero solo en altas resoluciones como la mia que es 1900x1080 pero si uso WebDeveloper (extension de FF) y redimensiono a 800x600 paff todo se echa a perder. Alguna ayuda? Saludos Ing. Reynier Pérez Mira Cel: +58 416.921.7406 / 416.012.1226 Twitter: twitter.com/reypm Correo: reynie...@gmail.com / reynie...@hotmail.com / reynie...@yahoo.com ___ 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
Re: [Ovillo] Centrar imagen horizontal y vertical
Reynier, no es obligatorio, pero ayudas al renderizado de la página, acá hay alguna información al respecto: http://www.w3.org/TR/REC-html40/struct/objects.html#adef-width-IMG (The height http://www.w3.org/TR/REC-html40/struct/objects.html#adef-height-IMGand width http://www.w3.org/TR/REC-html40/struct/objects.html#adef-width-IMGattributes give user agents an idea of the size of an image or object so that they may reserve space for it and continue rendering the document while waiting for the image data.) Dependiendo del DTD que uses estaría faltando el cierre de la etiqueta de la imagen: img class=image title=Please enter your login details. alt=Please enter your login details. src=view/image/login.png / Saludos! *Plácido Luna* http://www.octubre.com.uy (+598) 99 942723 ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Problemas con redondeados en las esquinas inferiores
Reynier, por acá hablan un poco del servicio: http://es.wikipedia.org/wiki/ImageShack por eso pasaba el acceso por dropmocks ya que es solo tirar la imagen y listo, ambos servicios con lo suyo son muy buenos (dropmocks bastante más nuevo y en desarrollo tal vez, pero demoledor en cuanto a lo simple y efectivo, con registro opcional). Saludos! Plácido Luna. El 11 de abril de 2011 13:01, reynie...@gmail.com reynie...@gmail.comescribió: Demasiado raro pero no me pasa solo con tu imagen sino con cualquier sitio que comparta imágenes en Imageshack. Observa la imagen http://www.dropmocks.com/mTngE de lo que me sale. Creo que el border 1px está bien quizás tendría que oscurecer un poco el color del borde para que se vea un poco mejor. Hago los cambios y les comento como me fue. Gracias a todos por sus respuestas Ing. Reynier Pérez Mira Cel: +58 04160121226 Twitter: twitter.com/reypm Correo: reynie...@gmail.com / reynie...@hotmail.com / reynie...@yahoo.com 2011/4/11 santosvz santo...@graficssvz.com Es raro que no puedas ver la imagen, es un hosting para imágenes con url acortada. Prueba aquí: http://img703.imageshack.us/img703/7499/radius.jpg (una imagen dice más que mil palabras) Con relación a cual sería la solución? Pues es relativo. Podrías probar aumentar a 2px de borde con el mismo color para que la curva tenga mayor definición, pero creo que sería más adecuado incrementar el tono de azul un poco. Es cuestión de probar y ver estéticamente la mejor opción, aunque particularmente me parece bien tal como esta. *De:* reynie...@gmail.com [mailto:reynie...@gmail.com] *Enviado el:* domingo, 10 de abril de 2011 08:55 p.m. *Para:* Ovillo, la lista de CSS en castellano *CC:* santosvz *Asunto:* Re: [Ovillo] Problemas con redondeados en las esquinas inferiores Si interpretaste bien la duda mía más no creo que el problema sea ni la configuración del monitor ni la resolución (Full HD 1080p) sino lo otro que comentas. La imagen que dejas no se ve o al menos yo no la veo. Cual es la sugerencia aumentar a 2px el border o que cambie el color a uno más fuerte? Saludos Ing. Reynier Pérez Mira Cel: +58 04160121226 Twitter: twitter.com/reypm Correo: reynie...@gmail.com / reynie...@hotmail.com / reynie...@yahoo.com 2011/4/10 santosvz santo...@graficssvz.com Si interpreto bien la duda es debido al color claro y a utilizar 1px y radius 8px A mayor radio, color más oscuro y mayor ancho mayor definición de la curva. Ver ejemplo: http://bit.ly/gY9mRG También puede intervenir la configuración de color del monitor (mayor ó menor definición) *-Mensaje original- *De: ovillo-boun...@lists.ovillo.org [mailto:ovillo-boun...@lists.ovillo.org] En nombre *de reynie...@gmail.com *Enviado el: domingo, 10 de abril de 2011 12:20 p.m. *Para: Ovillo, la lista de CSS en castellano *Asunto: Re: [Ovillo] Problemas con redondeados en las esquinas inferiores * *Hmmm q extraño. Me explico mejor. La cuestión es que los bordes de abajo *están mucho más claros que los de arriba por eso digo que casi no se ven. *Miren ustedes mismos aquí http://libcommerce.pdev.x10.mx/ * *Ing. Reynier Pérez Mira *Cel: +58 04160121226 *Twitter: twitter.com/reypm *Correo: reynie...@gmail.com / reynie...@hotmail.com / reynie...@yahoo.com * * * *2011/4/10 Plácido Luna octubre196...@gmail.com * * Reynier, no sé qué pasará, pero en FF 4.0 sobre Windows XP veo las 4 * esquinas perfectamente redondeadas. * * Saludos! * Plácido Luna. * * * El 8 de abril de 2011 16:47, reynie...@gmail.com reynie...@gmail.com * escribió: * * Buenas tardes a todos: * * Tengo el siguiente código CSS: * .home_module{border: 1px solid * * * #4F83B8;border-radius:8px;-ms-border-radius:8px;-moz-border-radius:8px;-webk it- *border-radius:8px;-khtml-border-radius:8px;behavior:url(border-radius.htc); } * y el siguiente marcado HTML: * div class=home_module * div class=top?php echo $heading_title; ?/div * /div * pero por alguna extraña razón los bordes inferiores del DIV no me salen * redondeados. Alguna idea de porque este comportamiento? Estoy trabajando * con * FF 4.0 * * Al tanto de comentarios y gracias desde ya * Ing. Reynier Pérez Mira * Cel: +58 04160121226 * Twitter: twitter.com/reypm * Correo: reynie...@gmail.com / reynie...@hotmail.com / * reynie...@yahoo.com * ___ * Lista de distribución Ovillo * Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org * Puedes modificar tus datos o desuscribirte en la siguiente dirección: * http://lists.ovillo.org/mailman/listinfo/ovillo * * * * * -- * *Plácido Luna* * http://www.octubre.com.uy * (+598) 99 942723 * ___ * Lista de distribución
Re: [Ovillo] Problemas con redondeados en las esquinas inferiores
Reynier, no sé qué pasará, pero en FF 4.0 sobre Windows XP veo las 4 esquinas perfectamente redondeadas. Saludos! Plácido Luna. El 8 de abril de 2011 16:47, reynie...@gmail.com reynie...@gmail.comescribió: Buenas tardes a todos: Tengo el siguiente código CSS: .home_module{border: 1px solid #4F83B8;border-radius:8px;-ms-border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;-khtml-border-radius:8px;behavior:url(border-radius.htc);} y el siguiente marcado HTML: div class=home_module div class=top?php echo $heading_title; ?/div /div pero por alguna extraña razón los bordes inferiores del DIV no me salen redondeados. Alguna idea de porque este comportamiento? Estoy trabajando con FF 4.0 Al tanto de comentarios y gracias desde ya Ing. Reynier Pérez Mira Cel: +58 04160121226 Twitter: twitter.com/reypm Correo: reynie...@gmail.com / reynie...@hotmail.com / reynie...@yahoo.com ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo -- *Plácido Luna* http://www.octubre.com.uy (+598) 99 942723 ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Ayuda con selector CSS
Hola a todos! Hola Carlos En tu código de ejemplo se te deslizó un error, pusiste 1. /*aqui se selecciona mediante el selector adyacente al primer TD de cada 2. tabla con id=table1*/ 3. #table1 tr + td { 4. } cuando en realidad el td no está adyacente sino dentro del tr, habría que sustituir el + por un espacio en la declaración. Reynier, de tu consulta, en la cual dices: Buenas noches a todos, tengo el siguiente marcado HTML: 1. table id=table1 2. tr 3. td Etiqueta 1/td 4. td Etiqueta 2/td 5. /tr 6. /table no me queda claro si son extrictamente 2 celdas o el marcado fue a título de ejemplo únicamente (como lo es el hecho de haber declarado una sola fila), ya que más abajo hablas de solo 2 estilos para aplicar en los td (td1 y td2). Si este fuese el caso, ¿por qué no usar una declaración para los td y otra para td + td? así solucionarías el tema. Aún si fuesen más de 2 columnas y fuese un número relativamente chico quedaría cómodo usar declaraciones para los td, td + td, td + td + td... por ejemplo. Por último podrías recurrir a los tags colgroup y col. Saludos! Plácido Ramón Luna. ___ 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] Forma correcta de expandir tamaño de columnas en tablas
Reynier, es una respuesta parecida a la que yo encuentro para tu otra consulta: ¿colgroup? A las celdas es posible indicarles un width pero está desaconsejado por el w3c. Saludos! Plácido Luna. El 1 de abril de 2011 11:10, Chr5 chr5ma...@gmail.com escribió: ¿Expandir en qué dirección? Si te refieres en la horizontal, normalmente se usa el enfoque flotante por porcentajes, por ejemplo: box { float: left; width: 20%; } Si quieres limitar el alto, también podrías hacerlo con: box { height: 500px; } pero este enfoque suele dar bastantes problemas, lo normal es no limitar el height, y dejar que la caja expanda de forma natural, no sé si te ayudo de alguna manera, suerte, carlos El 1 de abril de 2011 15:02, Reynier Pérez Mira reynie...@yahoo.com escribió: Buenos días a todos, cómo expanden ustedes el tamaño de una columna en una tabla? Aplican alguna regla CSS o lo ponen inline haciendo uso de la propiedad width? 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 -- Plusgrafix: Creamos productos digitales http://www.plusgrafix.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 -- *Plácido Luna* http://www.octubre.com.uy (+598) 99 942723 ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Ayuda con selector CSS
Saludos Carlos! El 3 de abril de 2011 18:29, carlos mario villadiego arroyo carv...@gmail.com escribió: hola, Reyner. para lo de seleccionar el segundo TD de las tablas con class=table1, si sirve el css que te puse anteriormente que es este: .table1 tr td:nth-child(2){ } aca hize una prueba para que mires si es ese el resultado que esperas. http://www.treeweb.es/ShareCode/936bbb6ab23867963489b150a48cd6d7 Placido, gracias por hacerme caer en cuenta de el error en la otra construcción ;) Saludos, Carlos. El 3 de abril de 2011 11:06, reynie...@gmail.com reynie...@gmail.com escribió: Hola y buenos días a todos: Estuve probando los ejemplos y lo hice de esta forma: table.form tr td:first-child { /*propiedades*/ } esto me funciona para el primer TD pero para el segundo no tengo la menor idea de como hacerlo. @Plácido lo q puse fue un ejemplo solamente pero el marcado HTML es un poco extenso. Aprovecho de paso, y perdón por hacer secuestro de mi mismo hilo, para preguntar que me recomiendan ustedes para quitarme este tema de las tablas de una vez por toda aunque semánticamente es un tabulado de datos que según la W3C y muchos hilos que he visto por acá o escritos en la web está correcto el uso de tablas en este tipo de presentación. Al tanto de comentarios Ing. Reynier Pérez Mira Cel: +58 04160121226 Twitter: twitter.com/reypm Correo: reynie...@gmail.com 2011/4/3 Plácido Luna octubre196...@gmail.com Hola a todos! Hola Carlos En tu código de ejemplo se te deslizó un error, pusiste 1. /*aqui se selecciona mediante el selector adyacente al primer TD de cada 2. tabla con id=table1*/ 3. #table1 tr + td { 4. } cuando en realidad el td no está adyacente sino dentro del tr, habría que sustituir el + por un espacio en la declaración. Reynier, de tu consulta, en la cual dices: Buenas noches a todos, tengo el siguiente marcado HTML: 1. table id=table1 2. tr 3. td Etiqueta 1/td 4. td Etiqueta 2/td 5. /tr 6. /table no me queda claro si son extrictamente 2 celdas o el marcado fue a título de ejemplo únicamente (como lo es el hecho de haber declarado una sola fila), ya que más abajo hablas de solo 2 estilos para aplicar en los td (td1 y td2). Si este fuese el caso, ¿por qué no usar una declaración para los td y otra para td + td? así solucionarías el tema. Aún si fuesen más de 2 columnas y fuese un número relativamente chico quedaría cómodo usar declaraciones para los td, td + td, td + td + td... por ejemplo. Por último podrías recurrir a los tags colgroup y col. ___ 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 -- *Plácido Luna* http://www.octubre.com.uy (+598) 99 942723 ___ 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: Hasta cuando IE
Comparto la posición de Gerardo. El 29 de marzo de 2011 16:19, Gerardo Oscar Jimenez Tornos gerardoosca...@gmail.com escribió: Desde que Google decidió dejar de dar soporte a Internet Explorer 6 en sus herramientas, ya no desarrollo para IE6 excepto que un cliente me lo pida de forma explícita. Por otro lado, creo que el salto a html5 todavía es algo precipitado por el tema de la etiqueta vídeo y de los componentes de formulario. ¿Los demás qué pensáis? El 29 de marzo de 2011 21:09, Leonel Silva lsi...@gmail.com escribió: Planteo este Off Topic porque viendo las estadísticas de mis clientes en el google analitycs veo que sólo el 14% de las visitas se hace a través del Internet Explorer 6 mientras entre IE7 y 8 se llevan el 60%, IE9 menos del 1% y el 25% restante los demás navegadores, y me viene la duda de si será ya el momento de dar por cerrado el capítulo de IE6 y enfocarme solo en los nuevos navegadores. Por mi parte estoy muy cerca de tomar la desición de olvidarme de él y pensar en el presente/futuro metiéndome de lleno con HTML5 y tomando en cuenta IE7/8/9, Firefox, Safari, Opera y los exploradores de los dispositivos móviles. Más aún después de leer éste artículo que me pareció interesante y que comparto: http://www.smashingmagazine.com/2011/03/29/designing-for-the-future-web/ Que opinan ustedes? Hasta cuando les parece conveniente tomar en cuenta a IE6 para la maquetación de sus websites? Saludos, Leonel ___ 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 -- *Plácido Luna* http://www.octubre.com.uy (+598) 99 942723 ___ 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] Cual diseño usar: Fixed, Fluid, Elastic?
En mi caso apunto al diseño fijo cada vez que puedo, usando tamaños en em y luego % para las fuentes. ¿Motivo? conservar una medida lo más controlada posible en el largo de las líneas de texto (cosa que en cierta forma también se lograría con la maquetación elástica si de cantidad de caracteres hablamos). Hoy por hoy, con la varidad de ancho en medidas reales que tienen los monitores hace que el diseño fluido sea el menos apropiado desde mi punto de vista. Saludos! Plácido Luna. El 29 de marzo de 2011 22:40, Martín Szyszlican marti...@gmail.comescribió: Cuando empiezo de cero siempre apunto a hacerlo elástico, pero a medida que programo voy descubriendo que el diseño no funciona bien en elástico y termino poniéndole un ancho fijo. La solución es pensar desde cero el diseño para elástico, y aún así la mayoría de las veces conviene ponerle max-width y min-width para evitar que se rompa. No soy el mejor, también tengo dudas con este tema. Martín. El 29 de marzo de 2011 22:04, Reynier Pérez Mira reynie...@yahoo.com escribió: Hola a todos: Estoy casi seguro de que este tema a sido discutido cientos de veces acá en la lista pero no logro encontrar un patrón a seguir para cuando voy a comenzar a desarrollar una aplicación. La cuestión es que he estado leyendo muy buenos artículos [1], [2] y se que cada cual tiene ssu pros y contras pero a la hora de decidirse por un diseño: cómo lo hacen ustedes? Es algo que no me queda claro y me gustaría aprender de los mejores. [1] http://www.smashingmagazine.com/2009/06/02/fixed-vs-fluid-vs-elastic-layout-whats-the-right-one-for-you/ [2] http://green-beast.com/blog/?p=199 Saludos y gracias por adelantado ___ 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 -- *Plácido Luna* http://www.octubre.com.uy (+598) 99 942723 ___ 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] Cual diseño usar: Fixed, Fluid, Elastic?
Reyner, las WCAG 1.0 en su recomendación 3.4 recomienda usar medidas recomienda usar medidas relativas en lugar de absolutas ( http://www.w3.org/TR/WCAG10/#gl-structure-presentation) buscando aumentar así la accesibilidad de la información (hay mucho sobre esto, pero aquí algunas líneas puntales al respecto: http://www.colaborando.net/diseno-fijo-flexible-liquido-fluido-diseno-universal/pagina10.php ) Saludos. Plácido Luna. El 29 de marzo de 2011 23:08, Reynier Pérez Mira reynie...@hotmail.comescribió: Gracias a todos por sus prontas respuestas pero ahora lanzó otra pregunta relacionada con la anterior: como sé si estoy haciendo un diseño Elástico? El usar medidas con EM o % me lo garantiza o existe alguna pauta que deba cumplir? Si mal no entendí de los artículos que leí diseño Elástico permite que la página se expanda al tamaño admitido por el monitor del usuario pero esto puede romper con el diseño gráfico o el maquetado de la página y el diseño Fixed es cuando se usa un valor estático para el contenedor principal de los contenidos del sitio pero esto provoca que en monitores de gran tamaño se pierda mucho espacio a ambos lados, cierto? Mi monitor es de 21.5 pero estoy trabajando para que la aplicación pueda verse en monitores (como mínimo) de 1024x768 de resolución, en este caso una definición como esta: div#wrap {margin:auto;width:80%;background-color:#fff;padding:1em;border:5px solid #ccc;overflow:auto;} Estaría correcta? Saludos Ing. Reynier Pérez Mira Date: Tue, 29 Mar 2011 22:50:43 -0300 From: octubre196...@gmail.com To: ovillo@lists.ovillo.org Subject: Re: [Ovillo] Cual diseño usar: Fixed, Fluid, Elastic? En mi caso apunto al diseño fijo cada vez que puedo, usando tamaños en em y luego % para las fuentes. ¿Motivo? conservar una medida lo más controlada posible en el largo de las líneas de texto (cosa que en cierta forma también se lograría con la maquetación elástica si de cantidad de caracteres hablamos). Hoy por hoy, con la varidad de ancho en medidas reales que tienen los monitores hace que el diseño fluido sea el menos apropiado desde mi punto de vista. Saludos! Plácido Luna. El 29 de marzo de 2011 22:40, Martín Szyszlican marti...@gmail.com escribió: Cuando empiezo de cero siempre apunto a hacerlo elástico, pero a medida que programo voy descubriendo que el diseño no funciona bien en elástico y termino poniéndole un ancho fijo. La solución es pensar desde cero el diseño para elástico, y aún así la mayoría de las veces conviene ponerle max-width y min-width para evitar que se rompa. No soy el mejor, también tengo dudas con este tema. Martín. El 29 de marzo de 2011 22:04, Reynier Pérez Mira reynie...@yahoo.com escribió: Hola a todos: Estoy casi seguro de que este tema a sido discutido cientos de veces acá en la lista pero no logro encontrar un patrón a seguir para cuando voy a comenzar a desarrollar una aplicación. La cuestión es que he estado leyendo muy buenos artículos [1], [2] y se que cada cual tiene ssu pros y contras pero a la hora de decidirse por un diseño: cómo lo hacen ustedes? Es algo que no me queda claro y me gustaría aprender de los mejores. [1] http://www.smashingmagazine.com/2009/06/02/fixed-vs-fluid-vs-elastic-layout-whats-the-right-one-for-you/ [2] http://green-beast.com/blog/?p=199 Saludos y gracias por adelantado ___ 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 -- *Plácido Luna* http://www.octubre.com.uy (+598) 99 942723 ___ 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 -- *Plácido Luna* http://www.octubre.com.uy (+598) 99 942723 ___ 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
Re: [Ovillo] [OT] Tildes y otros caracteres en la url
Otra dificultad, tal vez muy poco técnica pero no sé si evidente, por fuera de todo el soporte técnico que puedas darle a tu sitio, qué facilidad le darás a aquellos usuarios en cuyo teclado no tengan ñ, por ejemplo. ¿Cómo facilitar su acceso a tu página? Saludos a todos! Ramón. ___ 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] Manual para superar el test de accesibilidad Web de T.W.A AA
De nada Silvia. Saludos! El 14 de febrero de 2011 07:05, sil...@undergraf.com escribió: Muchísimas gracias por vuestras aportaciones efectivamente me bailó una letra disculpad, es TAW tengo mucho que aprender sobre el tema, con vuestras aportaciones ya sé por donde empezar. Un saludo a todos, Silvia -Mensaje original- De: ovillo-boun...@lists.ovillo.org [mailto: ovillo-boun...@lists.ovillo.org] En nombre de Plácido Luna Enviado el: viernes, 11 de febrero de 2011 22:27 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] Manual para superar el test de accesibilidad Web de T.W.A AA Hola Gerardo, hubo un trabuque en el orden de la sigla que mandó Silvia, en realidad es T.A.W. (http://www.tawdis.net/) Saludos a todos! Plácido Luna. El 11 de febrero de 2011 09:31, Gerardo Oscar Jimenez Tornos gerardoosca...@gmail.com escribió: Hola Silvia, Con transicional supongo que te refieres a la especificación HTML 4.01 Transitional. Lo que significa pasar el validador es cumplir una serie de reglas con las que escribir HTML. Otra cosa diferente son las validaciones de accesibilidad A, AA y AAA que son definidas por la iniciativa WAI de la W3C. Estas reglas son prácticamente independientes de la especificación HTML que utilices, y al contrario que los validadores de HTML y CSS, estas pruebas no se pueden automatizar en su totalidad. Te sugiero que por un lado trabajes con la especificación HTML 4.01 Strict o mejor la HTML 5 y por otro lado utilices las guías proporcionadas por la W3c http://www.w3.org/WAI/intro/components.php. Un saludo PD: TWA creo que no es ningún estándar ni guía de accesibilidad (corregidme porfavor) sólo me suena a la antigua aerolínea estadounidense. El 11 de febrero de 2011 11:13, sil...@undergraf.com escribió: Hola, Recurro a la lista para ver si me pudierais ayudar a encontrar algún manual o algo práctico que me oriente para poder dar el paso de validar mis páginas de transicional a que validen la TWA AA. Os agradezco de antemano cualquier comentario que podáis aportar. Un saludo, Silvia ___ 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 -- *Plácido Luna* http://www.octubre.com.uy (+598) 99 942723 ___ 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 -- *Plácido Luna* http://www.octubre.com.uy (+598) 99 942723 ___ 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] Manual para superar el test de accesibilidad Web de T.W.A AA
Hola Gerardo, hubo un trabuque en el orden de la sigla que mandó Silvia, en realidad es T.A.W. (http://www.tawdis.net/) Saludos a todos! Plácido Luna. El 11 de febrero de 2011 09:31, Gerardo Oscar Jimenez Tornos gerardoosca...@gmail.com escribió: Hola Silvia, Con transicional supongo que te refieres a la especificación HTML 4.01 Transitional. Lo que significa pasar el validador es cumplir una serie de reglas con las que escribir HTML. Otra cosa diferente son las validaciones de accesibilidad A, AA y AAA que son definidas por la iniciativa WAI de la W3C. Estas reglas son prácticamente independientes de la especificación HTML que utilices, y al contrario que los validadores de HTML y CSS, estas pruebas no se pueden automatizar en su totalidad. Te sugiero que por un lado trabajes con la especificación HTML 4.01 Strict o mejor la HTML 5 y por otro lado utilices las guías proporcionadas por la W3c http://www.w3.org/WAI/intro/components.php. Un saludo PD: TWA creo que no es ningún estándar ni guía de accesibilidad (corregidme porfavor) sólo me suena a la antigua aerolínea estadounidense. El 11 de febrero de 2011 11:13, sil...@undergraf.com escribió: Hola, Recurro a la lista para ver si me pudierais ayudar a encontrar algún manual o algo práctico que me oriente para poder dar el paso de validar mis páginas de transicional a que validen la TWA AA. Os agradezco de antemano cualquier comentario que podáis aportar. Un saludo, Silvia ___ 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 -- *Plácido Luna* http://www.octubre.com.uy (+598) 99 942723 ___ 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] Titulo que aparece y desaparece en sobre un banner
Perdón, donde puse #capa2 a:hover, #capa2 a:Active{ display:block; width:100%; opacity: .1; filter: alpha(opacity=100); text-shadow: 0 0 20px #111; background-color:#333; } debió ser #capa2 a:hover, #capa2 a:Active{ display:block; width:100%; opacity: 1; filter: alpha(opacity=100); text-shadow: 0 0 20px #111; background-color:#333; } Saludos! El 21 de enero de 2011 17:18, Plácido Luna octubre196...@gmail.comescribió: Germán, no uses el signo de % para la opacidad en IE, prueba con esto: html head style .completa, { width: 968px; overflow: hidden; float: none; clear: both; margin: 0; padding: 0; } #capa1{ position:relative; width:968px; height:150px; overflow: hidden; z-index: 3; } #capa2 a, #capa2 a:link, #capa2 a:visited{ display:block; width:100%; position:absolute; height:150px; line-height: 150px; padding-right: 50px; text-align: right; top: 0; left: 0; color:#FFF; font-family: Arial, sanserif; font-size: 3.5em; z-index: 10; opacity: .1; filter: alpha(opacity=10); background-color:#333; } #capa2 a:hover, #capa2 a:Active{ display:block; width:100%; opacity: .1; filter: alpha(opacity=100); text-shadow: 0 0 20px #111; background-color:#333; } /style /head body div class=completa div id=capa1 img src='imagen.jpg' width='968' height='150' style='height:150px;width:968px;' / div id=capa2 a href=/ target=_topTitulo/a /div /div /div /body /html Saludos! Plácido. El 20 de enero de 2011 21:53, German Bustos ger...@atarraya.orgescribió: Hola, Quiero hacer lo siguiente: Sobre un banner quiero que al pasar el ratón aparezca un texto y al quitar el ratón desaparezca de nuevo. Parece un asunto muy sencillo pero no logro que funcione en todos los navegadores. Como de costumbre en Firefox, Chrome, Safari y Opera funciona como lo deseo, pero en Internet Explorer 9, no. Ni siquiera he probado en IE6 debe ser un desastre. Hice varias pruebas con diversas estrategias, probé con Javascript, pero creo que no se justifica usar un scrit para una cosa tan sencilla. Inicialmente intenté usar la propiedad visibility, poniéndola en hidden cuando está afuera y en visible con el ratón encima, pero no funcionó, creo yo que al estar oculto (hidden) el elemento no pasa nada cuando se le ratón encima. Así que consideré otras opciones y elegí cambiar la opacidad. El código que tengo es el siguiente: HTML div class=completa div id=capa1 img src='imagen.jpg' width='968' height='150' style='height:150px;width:968px;' / div id=capa2 a href=/ target=_topTitulo/a /div /div /div CSS: .completa, { width: 968px; overflow: hidden; float: none; clear: both; margin: 0; padding: 0; } #capa1{ position:relative; width:968px; height:150px; overflow: hidden; z-index: 3; } #capa2 a, #capa2 a:link, #capa2 a:visited{ position:absolute; width:918px; height:150px; line-height: 150px; padding-right: 50px; text-align: right; top: 0; left: 0; color:#FFF; font-family: Arial, sanserif; font-size: 3.5em; z-index: 10; opacity: .01; filter: alpha(opacity=1%); } #capa2 a:hover, #capa2 a:Active{ opacity: .9; filter: alpha(opacity=95%); text-shadow: 0 0 20px #111; } -- *Germán Bustos* Asesor en estrategias de comunicación en Internet para organizaciones sociales http://atarraya.org http://germanbustos.com Tel: (+57) 3177381339 http://atarraya.org/ http://germanbustos.com/ http://www.facebook.com/german.bustos http://twitter.com/kommodin http://www.linkedin.com/in/germanbustos ___ 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 -- *Plácido Luna* http://www.octubre.com.uy (+598) 99 942723 -- *Plácido Luna* http://www.octubre.com.uy (+598) 99 942723 ___ 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] Titulo que aparece y desaparece en sobre un banner
Germán, agregaste las propiedades display:block; y width:100%; a las anclas? Porque a mi se me ve bien en Opera e IE. Un abrazo. Plácido. El 21 de enero de 2011 17:49, German Bustos ger...@atarraya.org escribió: Plácido, Muchas gracias, ese era truco, funcionó casi perfecto en todos los browsers, Incluso (según el IEtester) en Internet Explorer 5, aunque en el 6 el texto queda siempre visible, en el 5 se oculta como quiero. También en IE 7, 8 y 9, todo con el IE tester que a veces no es 100% seguro, pero es una buena aproximación de cómo funcionaría. En Firefox, Chrome y Safari tengo el funcionamiento que quería, no importa por que parte del banner pase el ratón, siempre se hace visible el texto. En Opera e IE solo se hace visible cuando paso encima del texto en sí que es un área relativamente pequeña con respecto al total de banner, creo que le voy a poner enlace también a la imagen para solucionar. La otra solución sería usar JavaScript, con lo que tengo menos experiencia y no me siento tan confiado. Muchas gracias Plácido, Germán El 21 de enero de 2011 14:20, Plácido Luna octubre196...@gmail.com escribió: Perdón, donde puse #capa2 a:hover, #capa2 a:Active{ display:block; width:100%; opacity: .1; filter: alpha(opacity=100); text-shadow: 0 0 20px #111; background-color:#333; } debió ser #capa2 a:hover, #capa2 a:Active{ display:block; width:100%; opacity: 1; filter: alpha(opacity=100); text-shadow: 0 0 20px #111; background-color:#333; } Saludos! El 21 de enero de 2011 17:18, Plácido Luna octubre196...@gmail.com escribió: Germán, no uses el signo de % para la opacidad en IE, prueba con esto: html head style .completa, { width: 968px; overflow: hidden; float: none; clear: both; margin: 0; padding: 0; } #capa1{ position:relative; width:968px; height:150px; overflow: hidden; z-index: 3; } #capa2 a, #capa2 a:link, #capa2 a:visited{ display:block; width:100%; position:absolute; height:150px; line-height: 150px; padding-right: 50px; text-align: right; top: 0; left: 0; color:#FFF; font-family: Arial, sanserif; font-size: 3.5em; z-index: 10; opacity: .1; filter: alpha(opacity=10); background-color:#333; } #capa2 a:hover, #capa2 a:Active{ display:block; width:100%; opacity: .1; filter: alpha(opacity=100); text-shadow: 0 0 20px #111; background-color:#333; } /style /head body div class=completa div id=capa1 img src='imagen.jpg' width='968' height='150' style='height:150px;width:968px;' / div id=capa2 a href=/ target=_topTitulo/a /div /div /div /body /html Saludos! Plácido. El 20 de enero de 2011 21:53, German Bustos ger...@atarraya.org escribió: Hola, Quiero hacer lo siguiente: Sobre un banner quiero que al pasar el ratón aparezca un texto y al quitar el ratón desaparezca de nuevo. Parece un asunto muy sencillo pero no logro que funcione en todos los navegadores. Como de costumbre en Firefox, Chrome, Safari y Opera funciona como lo deseo, pero en Internet Explorer 9, no. Ni siquiera he probado en IE6 debe ser un desastre. Hice varias pruebas con diversas estrategias, probé con Javascript, pero creo que no se justifica usar un scrit para una cosa tan sencilla. Inicialmente intenté usar la propiedad visibility, poniéndola en hidden cuando está afuera y en visible con el ratón encima, pero no funcionó, creo yo que al estar oculto (hidden) el elemento no pasa nada cuando se le ratón encima. Así que consideré otras opciones y elegí cambiar la opacidad. El código que tengo es el siguiente: HTML div class=completa div id=capa1 img src='imagen.jpg' width='968' height='150' style='height:150px;width:968px;' / div id=capa2 a href=/ target=_topTitulo/a /div /div /div CSS: .completa, { width: 968px; overflow: hidden; float: none; clear: both; margin: 0; padding: 0; } #capa1{ position:relative; width:968px; height:150px; overflow: hidden; z-index: 3; } #capa2 a, #capa2 a:link, #capa2 a:visited{ position:absolute; width:918px; height:150px; line-height: 150px; padding-right: 50px; text-align: right; top: 0; left: 0; color:#FFF; font-family: Arial, sanserif; font-size: 3.5em; z-index: 10; opacity: .01; filter: alpha(opacity=1%); } #capa2 a:hover, #capa2 a:Active{ opacity: .9; filter: alpha(opacity=95%); text-shadow: 0 0 20px #111; } -- *Germán Bustos* Asesor en
[Ovillo] Respuesta a consulta sobre márgenes
Rosa, complementa la respuesta de Ivan con la propiedad margin para separar las columnas pegadas de acuerdo a los lugares donde quieras separar las mismas. Los valores de márgenes se pueden establecer de varias maneras. A modo de ejemplos: - margin-top:10px; (margen superior igual a 10 pixeles) - margin-right:6px; (margen derecho igual a 6 pixeles) - margin-bottom:4px; (margen inferior igual a 4 pixeles) - margin-left:8px; (margen izquierdo igual a 8 pixeles) Si todas las propiedades anteriores se aplicaran a un mismo elemento, se podría usar un atajo o shorthand del tipo: - margin: 10px 6px 4px 8px; (donde cada uno de los valores, y en su orden, se corresponden a los valores y unidades para los márgenes superior, derecho, inferior e izquierdo). En caso en que los valores superior e inferior coincidan, como en el siguiente ejemplo: - margin-top:10px; (margen superior igual a 10 pixeles) - margin-right:6px; (margen derecho igual a 6 pixeles) - margin-bottom:10px; (margen inferior igual a 4 pixeles) - margin-left:6px; (margen izquierdo igual a 8 pixeles) se puede escribir: - margin:10px 6px; (donde cada uno de los valores corresponden a los márgenes superior e inferior, y derecho e izquierdo, respectivamente) Finalmente, en caso de que coincidan los valores de márgenes laterales, pero no el superior e inferior, hacemos: - margin:10px 5px 15px; Esto se leería así: margin superior: 10 pixeles, margen inferior: 15 pixeles, márgenes laterales: 5pixeles. La documentación oficial sobre el modelo de cajas está en: http://www.w3.org/TR/CSS21/box.html La misma sintaxis valdría para las propiedades border y padding. Saludos a todos! Espero haber ayudado. Plácido Luna. El 6 de enero de 2011 23:01, Ivan Pérez vag...@gmail.com escribió: Hola Rosa, parece que eres nueva y no veo tu explicación clara, supongo que quieres hacer unas columnas que se pegan, debes usar la propiedad CSS float: left; en sentido de orden, simplemente lo relacionas tu Div de ID o Class, entonces: style #div {float: left;} /style Saludos. El 6 de enero de 2011 18:52, Rosa González loqldalqu...@gmail.com escribió: Hola! Que tal? Formular una consulta...Tengo una prueba de hmtl...y debo posicionar unas columnas las cuales se pegan unas a otras...No puedo usar margin...¿padding sería la propiedad indicada? Gracias... Rosa El 6 de enero de 2011 19:28, santosvz santo...@graficssvz.com escribió: Es tan solo un comienzo. Habrá que ver con el tiempo a donde se va. La tecnología y los desarrolladores camina a pasos de gigante. Es lógico que Chrome por Android y Safari por i Phone /iPad lo implementen. Supongo que con el tiempo y la querra de navegadores y la Web Móvil se implementara en todos para que los dispositivos móviles lo puedan utilizar sin que suponga la utilización de muchos recursos y tiempo. Un cordial saludo de SantosVZ (-:-Mensaje original- (-:De: ovillo-boun...@lists.ovillo.org [mailto: ovillo-boun...@lists.ovillo.org] En (-:nombre de Ivan Pérez (-:Enviado el: Jueves, 06 de Enero de 2011 04:14 p.m.- Santos- (-:Para: Ovillo, la lista de CSS en castellano (-:Asunto: Re: [Ovillo] Sustitucion de Flash por CSS3 (-: (-:Solo para los navegadores que se acompañan con tecnología Webkit =/ (-: (-:No es 100% compatible universal, hasta que tendrán las nuevas tecnologias y (-:rendimiento de Canvas es casi pobre contra flash player, pero dependiendo (-:los navegadores. (-: (-:Oye, actualmente hay muchos usuarios usan Flash Player, tiene un js de (-:autoinstalación flash y todos se usan mucho, tambien hay algunos de open (-:source para compilar .swf usando actionscript para uso de multimedia, (-:interactivo, animación, realidad aumentada, juegos, curiosidades y entre (-:otros, no como IDE de Adobe Flash CS5 (solo para hacer sitios web en flash, (-:no es tan ideal) y ya existen las nuevas tecnologías que se convierten SWF a (-:Canvas como smokescreen.us (-: (-:Ninguno de HTML5 y Canvas ha usado la aplicación de realidad aumentada ni (-:webcam. (-: (-:Android usa Flash Player, pero iPhone y iPad no usan, este es problema. (-: (-:No te dejes engañar el odio a flash por algunas razones, (-: (-: (-: (-:El 6 de enero de 2011 09:37, santosvz santo...@graficssvz.com escribió: (-: (-: Personalmente tampoco lo creo. Más bien es una alternativa orientada a (-: dispositivos móviles. (-: No deja de ser interesante una aplicación que permita su implementación, (-: sobre todo para aquellos diseñadores web de cara a dispositivos móviles dada (-: su proliferación actual. (-: (-: Un cordial saludo de SantosVZ (-: (-: (-: (-: (-:-Mensaje original- (-: (-:De: ovillo-boun...@lists.ovillo.org [mailto: (-: ovillo-boun...@lists.ovillo.org] En
Re: [Ovillo] SOT: Ayuda con carga de Flash y Firefox
Lo probé con Mozilla 3.6.10 y no tuve problemas, igual con Safari. Corregiste el problema ya? Saludos! El 4 de noviembre de 2010 21:08, Reynier Pérez Mira reynie...@hotmail.comescribió: Buenas noches a todos: Primero que nada disculparme por el SOT pero estoy desesperado y no logro encontrar solución después de una tarde completa divagando por Internet. La cuestión es que estoy cargando videos que están alojados en YouTube en mi web. Para hacer la web válida con la W3C estoy usando SWFObject. Los códigos están bien (los he chequeado más de 20 veces con la API de YouTube abierta y con los ejemplos de SWFObject) pero los videos solo me cargan en Google Chrome y no en otros navegadores. Alguien me puede echar una mano y ver si algo está pasando allí? La web es http://patoge.info. Saludos y gracias por adelantado ___ 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 -- *Plácido Luna* http://www.octubre.com.uy (+598) 99 942723 ___ 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] SOT: Ayuda con carga de Flash y Firefox
Tengo la versión 10,1,85,3 del flash player. El 4 de noviembre de 2010 23:58, Reynier Pérez Mira reynie...@hotmail.comescribió: Nop :(, sigue sin cargarme. ¿Qué versión de Flash Player tienes instalado? Yo tengo FF 3.6.12 y FlashPlayer 10.2.x -Original Message- From: ovillo-boun...@lists.ovillo.org [mailto:ovillo-boun...@lists.ovillo.org] On Behalf Of Plácido Luna Sent: Thursday, November 04, 2010 9:26 PM To: Ovillo, la lista de CSS en castellano Subject: Re: [Ovillo] SOT: Ayuda con carga de Flash y Firefox Lo probé con Mozilla 3.6.10 y no tuve problemas, igual con Safari. Corregiste el problema ya? Saludos! El 4 de noviembre de 2010 21:08, Reynier Pérez Mira reynie...@hotmail.comescribió: Buenas noches a todos: Primero que nada disculparme por el SOT pero estoy desesperado y no logro encontrar solución después de una tarde completa divagando por Internet. La cuestión es que estoy cargando videos que están alojados en YouTube en mi web. Para hacer la web válida con la W3C estoy usando SWFObject. Los códigos están bien (los he chequeado más de 20 veces con la API de YouTube abierta y con los ejemplos de SWFObject) pero los videos solo me cargan en Google Chrome y no en otros navegadores. Alguien me puede echar una mano y ver si algo está pasando allí? La web es http://patoge.info. Saludos y gracias por adelantado ___ 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 -- *Plácido Luna* http://www.octubre.com.uy (+598) 99 942723 ___ 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 -- *Plácido Luna* http://www.octubre.com.uy (+598) 99 942723 ___ 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] Submenu se queda bajo flash
Joseba, busca la solución que te da Pablo Suárez, luego recién ahí revisa los z-index o el orden de renderizado de las capas. Saludos! Ramón. El 29 de octubre de 2010 10:23, Jairo Ochoa jairo.oc...@gmail.comescribió: en los css revisa z-index, dale un valor mayor -- Jairo Ochoa Dropbox - Almacenamiento gratis / Free online backup https://www.dropbox.com/referrals/NTg2Njc1MTg5 El 29 de octubre de 2010 14:18, miguel alonso alonsofach...@gmail.com escribió: z_index El 29 de octubre de 2010 14:14, Pablo Suárez León psua...@technosite.esescribió: param name=wmode value=transparent / ¿? El 29/10/2010 14:12, Joseba Rodríguez escribió: Bueno, Opera y Safari se resisten. No consigo que el submenu no se monte en estos navegadores. :-( -Mensaje original- De: ovillo-boun...@lists.ovillo.org [mailto: ovillo-boun...@lists.ovillo.org] En nombre de Joseba Rodríguez Enviado el: viernes, 29 de octubre de 2010 13:53 Para: 'Ovillo, la lista de CSS en castellano' Asunto: Re: [Ovillo] Submenu se queda bajo flash Ná solucionado... -Mensaje original- De: ovillo-boun...@lists.ovillo.org [mailto: ovillo-boun...@lists.ovillo.org] En nombre de Joseba Rodríguez Enviado el: viernes, 29 de octubre de 2010 13:41 Para: 'Ovillo, la lista de CSS en castellano' Asunto: [Ovillo] Submenu se queda bajo flash Hola! Tengo un submenu con css que al desplegarse queda oculto por un flash que está debajo del menú. Alguna solución? 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 -- Pablo Suárez León Departamento de Diseño Technosite Grupo Fundosa Tfno: 985 54 87 28 Fax: 91 375 70 51 www.technosite.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 ___ 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 -- *Plácido Luna* http://www.octubre.com.uy (+598) 99 942723 ___ 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] Submenu se queda bajo flash
¿Orden de renderizado de las capas? Esto implica ordena de las mismas en el html y sus *tipos de posicionamiento *. 2010/10/29 Joseba Rodríguez jos...@visionasolutions.es param name=wmode value=transparent / OK z_index OK En ie7+, FF y chrome va bien pero en opera y safari... Le daré otra vuelta. Gracias -Mensaje original- De: ovillo-boun...@lists.ovillo.org [mailto: ovillo-boun...@lists.ovillo.org] En nombre de Plácido Luna Enviado el: viernes, 29 de octubre de 2010 14:40 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] Submenu se queda bajo flash Joseba, busca la solución que te da Pablo Suárez, luego recién ahí revisa los z-index o el orden de renderizado de las capas. Saludos! Ramón. El 29 de octubre de 2010 10:23, Jairo Ochoa jairo.oc...@gmail.com escribió: en los css revisa z-index, dale un valor mayor -- Jairo Ochoa Dropbox - Almacenamiento gratis / Free online backup https://www.dropbox.com/referrals/NTg2Njc1MTg5 El 29 de octubre de 2010 14:18, miguel alonso alonsofach...@gmail.com escribió: z_index El 29 de octubre de 2010 14:14, Pablo Suárez León psua...@technosite.esescribió: param name=wmode value=transparent / ¿? El 29/10/2010 14:12, Joseba Rodríguez escribió: Bueno, Opera y Safari se resisten. No consigo que el submenu no se monte en estos navegadores. :-( -Mensaje original- De: ovillo-boun...@lists.ovillo.org [mailto: ovillo-boun...@lists.ovillo.org] En nombre de Joseba Rodríguez Enviado el: viernes, 29 de octubre de 2010 13:53 Para: 'Ovillo, la lista de CSS en castellano' Asunto: Re: [Ovillo] Submenu se queda bajo flash Ná solucionado... -Mensaje original- De: ovillo-boun...@lists.ovillo.org [mailto: ovillo-boun...@lists.ovillo.org] En nombre de Joseba Rodríguez Enviado el: viernes, 29 de octubre de 2010 13:41 Para: 'Ovillo, la lista de CSS en castellano' Asunto: [Ovillo] Submenu se queda bajo flash Hola! Tengo un submenu con css que al desplegarse queda oculto por un flash que está debajo del menú. Alguna solución? 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 -- Pablo Suárez León Departamento de Diseño Technosite Grupo Fundosa Tfno: 985 54 87 28 Fax: 91 375 70 51 www.technosite.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 ___ 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 -- *Plácido Luna* http://www.octubre.com.uy (+598) 99 942723 ___ 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 -- *Plácido Luna* http://www.octubre.com.uy (+598) 99 942723 ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo
Re: [Ovillo] Estilar etiqueta button para eliminar el efecto 3D al presionar
Andrés, aunque IE7 implementa la pseudoclase :hover, la pseudoclase :active no funciona en IE7 si mal no recuerdo, la que aparece bien implementada en el IE8. Saludos. Plácido. El 2 de agosto de 2010 14:28, Andrés gutiérrez andresgut...@gmail.comescribió: Hola, tengo este marcado: button type=submit spanMi boton/span /button Lo estilo con la tecnica de sliding doors [1]. Poniendo backgrounds para que luzca igual en todos los browsers. El tema es que si no haces nada con el boton este parece igual en Firefox y en Explorer 7, pero cuando lo presiono hago esto en mi estilo.css button:active{background-position:0 -34px} Es decir le cambio el background para crear el efecto de que esta presionado. Aqui es donde Explorer parece tener un estilo por defecto y no me pilla el estado :active. ¿Como lo puedo hacer? [1] http://www.alistapart.com/articles/slidingdoors/ ___ 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] Tabindex en opera: foco en capa con overflow -Desplazamiento no funciona.
Lo probé en la versión de Opera que uso y no me dio problemas: Acerca de Opera Información de la versión Versión 10.10 Compilación 1893 Plataforma Win32 Sistema Windows XP Java Sun Java Runtime Environment version 1.6 Saludos! Plácido Luna. ___ 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] Tabindex en opera: foco en capa con overflow -Desplazamiento no funciona.
Perdón, sí la rueda de scroll, Opera debe estar fijando el foco en algún parámetro del div que impide el accionar del ratón, lo probé con una versión portable: Información de la versión Versión 9.62 Compilación 10467 Plataforma Win32 Sistema Windows XP Java Sun Java Runtime Environment version 1.6 y también deja de funcionar. Saludos y disculpa la omisión con el teclado. Plácido Luna. ___ 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] Buenas practicas en formularios
Gracias Andrés, buen aporte! ___ 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] Una buena idea
Hola a todos! En lo particular, para un equipo de trabajo bien integrado en lo personal entre todas las partes, me parece que una wave está bien, en ese sentido, pese a mi baja participación, creo que los integrantes de Ovillo cumplimos en gran parte eso. Quienes no lo hacen colaborando lo hacen manteniendo su discreción en la web y respetando los contenidos y propósitos de la misma, generalmente no spam y muy buenas actitudes en general. La posible falla de la wave puede estribar en esas generalidades ya que todos los integrantes de la misma son potenciales administradores de contenidos y participantes, con lo cual habría que ser bien precabidos al respecto. Por otra parte la observación de Ignacio Ricci al respecto de lograr tomar un rumbo bien orientado creo yo que es bien objetiva, mucha gente con muy buenas intenciones deben de alguna manera canalizar esas intenciones para que lleguen a buen puerto (y a un puerto bueno, además). Pero de los comentarios de Mar Palau de ir recopilando la información ya presente en Ovillo parece tomar un poco más de forma la idea, por lo menos para mi... lo que se estaría buscando al respecto, no sería una wiki? Es un formato del que no se ha hablado, existen motores gratuitos para su implementación, puntualmente del proyecto Wikipedia surgió MediaWiki el que ahora está bajo licencia GPL (http://es.wikipedia.org/wiki/Wikipedia). Con fecha de actualización 10/12/2009 al momento de escribir esto encontrarán códigos para wikis en la siguiente dirección http://es.wikipedia.org/wiki/Software_para_wikis (seguramente habrán muchos acá me sepan realmente asesorar sobre cuál de estos sea el mejor). ¿Qué no aportaría una wiki? En primera instancia, creo yo que el porte en el desarrollo que puede tener una web. Pero si la idea es centrarse en los contenidos este punto podría ser menor en un inicio. ¿Qué beneficios aporta? - Enfocarnos en contenidos, no distrayéndonos en una primera instancia en temas de diseño o tecnologías a emplear, más allá de la selección del propio motor para la wiki (http://es.wikipedia.org/wiki/Wiki). - Se trataría de un formato con facilidades de edición similares a una wave en cuanto a su implementación, pero manteniendo uno o más moderadores para los contenidos y editores, ya que muchos códigos permiten en su admistración hacer este tipo de administración. - Trabajar en paralelo en lo que serían los contenidos y estructura de presentación de la información de la futura web. ¿Otras soluciones? Creo yo que si lo que se buscan son otros recursos tales como blogs, foros o páginas personales, entre otros, ahí estaríamos hablando de alguna comunidad css para lo cual se cuenta también con varias soluciones pre-hechas, y de nuevo acá, antes de ver qué es lo que se pone sería responderse cual es la finalidad que cada uno de nosotros quisiera para el proyecto. Aprovecho a dar las gracias y saludar a los participantes de la lista, y felicitarlos por el enorme nivel y generosidad de muchos de ellos. Un abrazo y buen fin de semana! Plácido. ___ 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] Una buena idea
PD: Nesta, muy buena idea, que de hecho despertó en muchos de nosotros gran interés. Por otra parte, el post anterior apunta a aportar algún grano de arena más y a abrir un poco más el espectro. ___ 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] fijar capa
position: fixed; como te decía Jorge. FELIZ AÑO PARA TODOS!!! ___ 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] primer item descuadrado en IE6
Hola Asela, en realidad estás teniendo varios problemas, particularmente no vi si algún margen o padding esté agregando anchos a la estructura pero mirando rápidamente vi los siguientes errores: Definiste una caja main de acuerdo a lo siguiente: #main{ background:url(gfx/bg_24ii.png) no-repeat scroll -.5em 80%; border-top:0.07em solid #fff; margin: 0 auto; max-width:100em; /* ie6 no reconoce max-width */ min-width:62em; /* idem */ width:99%; position:relative; /* static por que no? */ } Luego, tienes 2 bloques contenedores, en el block_2 está el contenido que se te cae: #block_1{ font-size:1.25em; width: 68%; } #block_2{ font-size:1.1em; width:32%; } donde ambos están flotados a la izquierda. El navegador está generando un error de cálculo: el 68%+el 32% del 99% de los pixeles de la pantalla, encontrarás información sobre el tema, pero recuerda que los píxeles se miden en números enteros. Así, en la aproximación IE6 está dando una suma mayor al 100% del contenedor, con lo que block_2 termina cayendo. Prueba flotar block_2 a la derecha y reducir en un 1% el ancho del contenedor y cuando el cálculo genere una separación del 1% entre ambos el cambio de flotabilidad solo implicará un 1% más de separación entre ambas cajas. Vi algunos otros problemas de flotabilidad y varias cajas posicionadas absolutamente, que a priori te diría que position:absolute; es un recurso innecesario para esos casos. Saludos! Plácido Luna. ___ 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] Software editor CCS`s
Aptana funciona muy bien y con autocompletado y esquemas de colores, Intype, bastante más liviano y menos potente, pero con uso de colores para etiquetas, bloques y valores, y FlashDevelop, que aunque su nombre parezca indicar otra cosa, tiene también un editor adecuado para css también. Esos son los que suelo usar. Saludos. Plácido Luna. El 26 de octubre de 2009 10:38, Encarnación Blanco Hernández e...@usal.esescribió: ¿Alguien conoce algun software gratuito para crear hojas de estilos? Yo controlaba TopStyle, que es sencillo y puedes ver al momento el estilo aplicado pero he cambiado el ordenador y he perdido el programa y su correspondiente crack. ___ 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] Tamaño de fuente excesivo en determinad os navegadores
Reynier, yo lo sigo viendo grande en Chrome (v. 3.0.195.27). 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
Re: [Ovillo] formularios
Marcela, supuestamente los elementos del form estarían distribuidos en esas dos columnas de acuerdo con algún orden temático que los relaciones. Creo que lo mejor sería aplicarle los estilos necesarios a la etiqueta fieldset (ancho y flotabilidad, por ejemplo) para obtener el diseño visual y orden que estás buscando ( http://www.w3.org/TR/html401/interact/forms.html#edef-FIELDSET). Saludos a la lista. ___ 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] Elección de diseño
Apuntaría al 2, pero sin la imágen de las manos que está con el logo y redistribuyendo el texto un arte milenario, siento que el cabezal está demasiado cargado generando tensiones visuales innecesarias en un elemento cuyo diseño es soportar, ordenar y decorar el contenido pero no competir con él. En ambos diseños se generan tensiones visuales que distraen del contenido del propio cabezal, haciéndolo demasiado fuerte visualmente, si pensamos que tu consulta viene respecto al diseño completo y no solamente del cabezal, y a todos les pasó lo mismo que a mi, las imágenes descriptivas de los productos en venta que incluiste (contenido) pasan casi desapercibidas, siendo que deberían ser tener el foco de atención principal si pensamos en un sitio destinado a comercializarlos. Saludos a la lista. ___ 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] Elección de diseño
Manuel, el diseño de la cabecera como elemento aislado no tiene demasiado sentido, el diseño de un sitio web es un todo completo. ¿Podría hablarse de botones web adecuados o inadecuados? ¿De tipografías adecuadas o no? Todo esto dependerá del entorno donde sean aplicadas. Alguna ley por ahí dice que una composición está bien lograda cuando quitando o agregando un elemento la consistencia visual de la misma se deteriora y de esto creo yo que se trata, más aún tratándose de un sitio web, en el cual todos los elementos deben estar fuertemente relacionados y orientados al propósito para el cual son creados (creo que en el caso del sitio que propones es vender, y la venta está vinculada directamente con el contenido). ___ 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] Elección de diseño
Leonel, este tema que estamos tratando decididamente se convirtió absolutamente en un OT que a más de uno nos ha gustado seguir. Siendo el mio uno de estos casos es que hago un comentario a tu observación: *él ya pensó el header* como parte de su diseño integral, creo que no ya que la consulta precisamente es sobre el diseño del mismo..., por otra parte la inseparabilidad del cabezal con el resto del sitio queda en evidencia en las propias imágenes de muestra en la que está presente parte del cuerpo del sitio. Saludos a la lista. El 13 de mayo de 2009 13:41, Leonel Silva lsi...@gmail.com escribió: Como diseñador web difiero y concuerdo a la vez con Plácido, un enfoque holístico, SI, que por eso nos enseñan gestalt en la escuela de diseño *El todo es más que la suma de sus partes*, ahora bien que no tiene sentido ver solo la cebecera o el menu como un elemento aislado, NO lo creo, el ya pensó en el header como parte de su diseño integral, lo que necesita ahora es ayuda específicamente con el header. 2009/5/13 Manuel Castillo Sánchez mcasti...@nodos.ws Hola Plácido, todos los puntos que me comentas los sé y los tengo en cuenta, pero necesito avanzar en el diseño del encabezado, ya llegará el momento de centrarme en el diseño global. ___ 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 -- Leonel Silva - diseño web multimedia Cel. 0416 539.54.47 l 0412 309.20.83 l Ofic. 0212 494.82.44 E-mail: lsi...@gmail.com l Messenger: graphicmot...@hotmail.com www.leonelsilva.com l www.tallerdepixeles.com Caracas - Venezuela ___ 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] Elección de diseño
Daniel, a veces esa mecánica puede ser una trampa para nosotros mismos, lo ideal es que el diseño sea efectivo para el cliente y no se limite simplemente a cubrir sus gustos, que muchas veces no tiene por que ser un entendido en diseño, usabilidad o interacción. Con el pasar del tiempo puede pasar que el cliente termine viendo el mal trabajo logrado, con varios resultados posibles, ninguno de ellos positivo (cambio de diseñador, reclamo sobre el servicio recibido, etc.), todo lo cual se solucionaría asesorando al cliente u ofreciéndole la mejor solución posible (que parece que es lo que estaría haciendo Manuel). Otro resultado negativo es que, con el correr de los años, terminaríamos con un portfolio de trabajos creativamente pobres, dado que hemos seguido los lineamientos de nuestros clientes. Creo que el objetivo está en asesorarse y asesorar para lograr los mejores resultados. Saludos a todos nuevamente! El 13 de mayo de 2009 19:03, Daniel González ikar...@gmail.com escribió: 2009/5/13 Manuel Castillo Sánchez mcasti...@nodos.ws: Hola perdonadme el offtopic pero como se que hay gente con mucho gusto por aquí, tengo dos propuestas de diseño parecidas en las que el cliente y yo diferimos, me gustaría obtener algunas opiniones más con vosotros. http://www.arte2.es/design1.jpg http://www.arte2.es/design2.jpg Obvio, el que quiera el cliente, al fin y al cabo es para el, y es el, quien debe quedar satisfecho, sea el mejor trabajo o no. 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