Re: [Ovillo] [OT] Espacios de inspiracion.
30 metros cuadrados? la ministra de vivienda (me refiero a España) te podría dar algunos útiles consejos para su aprovechanmiento XD Saludos a toda la lista.. :) Aqui con un super-OT Resulta que estoy por remodelar mi oficina... tengo un espacio reducido... yo creo que seran como 30 mts 2 pero no se que poner.. como ordenar.. asi que, como ayuda... alguien tiene fotos de su oficina/estudio/espacio de inspiracion que pueda compartir... :) ? ... y bueno, yo creo que sera interesante ver donde trabajamos =) Saludos a todos! A:R ___ 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] handheld Css
Maite, no te equivoques. Las hojas de estilos para medios handheld son útiles. Otra historia diferente es que algunos navegadores ignoren inicialmente el medio handheld. Como se cuenta en el artículo de A List Apart al que antes hacía referencia, se fuerza a muchos navegadores a que utilicen esa hoja de estilos mediante:- media=handheld- media=screen- antiscreen (quita floats, y no visualiza elementos, por ejemplo)- media query Saludos. Gonzalo www.webposible --- El mié, 17/2/10, Maite Capalleja mcapall...@consultec.es escribió: De: Maite Capalleja mcapall...@consultec.es Asunto: Re: [Ovillo] handheld Css Para: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Fecha: miércoles, 17 de febrero, 2010 16:21 Gracias a t...@s, Yo tambien considero inútiles las hojas de estilos handheld, lo habia provado en el iphone y backberry y como comentas utiliza la screen y se ve perfecto pero al probarlo para un nokia no se ve nada bien. Os mando la url del emulador que he usado para comprobarlo igual es que no funciona bien... http://mtld.mobi/emulator.php Maite Capalleja Bilbao -Mensaje original- De: ovillo-boun...@lists.ovillo.org [mailto:ovillo-boun...@lists.ovillo.org] En nombre de Alejandro Gonzalo Bravo García Enviado el: miércoles, 17 de febrero de 2010 15:20 Para: la lista de CSS en castellanoOvillo Asunto: Re: [Ovillo] handheld Css Buenas. Dale un vistazo al artículo de A List Apart [1], pero en pocas palabras, ese tipo de medio es ignorado demasiadas veces, y hay que jugar con varias hojas de estilos y con media query [2] para conseguir un resultado que sea más o menos coherente. Al parecer muchos navegadores de teléfonos móviles consideran inútiles las hojas de estilos handheld y lo que realmente les motiva es el medio screen. Saludos. Gonzalo www.webposible [1] Return of the mobile stylesheethttp://www.alistapart.com/articles/return-of-the-mobile-stylesheet/ [2] CSS Media Query (W3C Candidate Recommendation)http://www.w3.org/TR/css3-mediaqueries/ --- El mié, 17/2/10, Maite Capalleja mcapall...@consultec.es escribió: De: Maite Capalleja mcapall...@consultec.es Asunto: [Ovillo] handheld Css Para: ovillo@lists.ovillo.org ovillo@lists.ovillo.org Fecha: miércoles, 17 de febrero, 2010 13:43 Hola a t...@smailto:t...@s, estoy implementando una hoja de estilos para moviles y soy incapaz de ocultar los elementos que no me interesan, he utilizado el class oculto y lo he definirlo de las siguientes maneras: .oculto { display:none; } .oculto { position: absolute; top: -1600px; } .oculto { height: 0; overflow: hidden; } Si lo veo en el simulador de pantalla pequeña del opera me lo sigue mostrando y lo mismo ocurre en el emulador http://mtld.mobi/emulator.php Alguien se ha encontrado con este problema??? Muchas Gracias Maite Capalleja ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Rediseño - Pasar de 800x600 a 1024x768
Buenas. Si tiene resolución fija de 800x600 lo mismo está maquetada con tablas anidadas y/o frames. No es sencillo dar una opinión sin saber cómo es la web original. ¿Más datos? Gonzalo www.webposible --- El vie, 5/3/10, Rafa Artacho teme...@gmail.com escribió: De: Rafa Artacho teme...@gmail.com Asunto: [Ovillo] Rediseño - Pasar de 800x600 a 1024x768 Para: ovillo@lists.ovillo.org Fecha: viernes, 5 de marzo, 2010 11:46 Buenos días: Se me avecina un proyecto en el cual se pretende cambiar la resolución de todo un site proyectado para una resolución de 800x600 a mínimo 1024x768. Me gustaría conocer experiencias y algún tipo de documentación o ayuda para comenzar a abordar este proyecto de una forma ordenada y eficaz. 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] H1...H6 border-bottom
Buenas Otra opción cutre: incluir un elemento inline (como span) y aplicar el estilo al span. Gonzalo --- El jue, 11/3/10, Ramón Corominas lis...@ramoncorominas.com escribió: De: Ramón Corominas lis...@ramoncorominas.com Asunto: Re: [Ovillo] H1...H6 border-bottom Para: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Fecha: jueves, 11 de marzo, 2010 17:28 Así a bote pronto dudo que puedas hacerlo sólo con CSS (no sé si CSS 3 tiene funciones que permitan calcular eso). Pero se me ocurre una manera, si los títulos se cargan dinámicamente de una base de datos o algo así... Podrías implementarlo en la función de servidor que dibuje el hx, calculando primero el número de caracteres, y luego asignando una clase en función de ese valor: ? $h = (n30)? 'h2 class=sub' : 'h2'; $h .= $texto . '/h2'; ? Incluso sería más elegante si calculas el ancho de cada letra y pones el borde inferior en función del ancho total del texto... Saludos, Ramón. Joel escribió: me gustaria saber como puedo hacer para que un h1...h6 tome un border bottom dependiendo de la cantidad de caracteres que contenga dicho h. ___ 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] DIV grandes e impresión
¿Es posible que tengas en la hoja de estilos de impresión un estilo a la capa contenedora que tenga display:none? Saludos Gonzalo --- El lun, 15/3/10, Jairo Ochoa jairo.oc...@gmail.com escribió: De: Jairo Ochoa jairo.oc...@gmail.com Asunto: [Ovillo] DIV grandes e impresión Para: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Fecha: lunes, 15 de marzo, 2010 14:03 Hola, Cuando en una página hay un div muy grande (de altura), al querer imprimirlo bien no aparece o se pierde el contenido más allá de la primera página (de papel). Por ejemplo, hoy estaba creando un listado de personas. El listado se mostraba dentro de una tabla que a su vez estaba dentro de un div. Como la lista era grande, ocupaba 2 hojas de papel, al imprimir no salía nada. Quité la tabla de dentro del div, la dejé directamente en el body y ya pude imprimir. ¿A qué se puede deber ésto? El div no tenía fijado el alto. Uso css para pantalla y para impresión, distintas, pero no logro como hacer que funcione. Gracias. Saludos, Jairo ___ 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] includes en html
HTML no tiene includes. Gonzalo --- El mar, 23/3/10, Joseba Rodríguez jos...@visionasolutions.es escribió: De: Joseba Rodríguez jos...@visionasolutions.es Asunto: [Ovillo] [OT] includes en html Para: 'Ovillo, la lista de CSS en castellano' ovillo@lists.ovillo.org Fecha: martes, 23 de marzo, 2010 11:36 Hola! Estoy maquetando unas pag web HTML que se ejecutan en el cliente. He notado que los !--#include virtual=includes/pie.html -- no funcionan si la pag. Web no es servida por un servidor web. ¿Alguna idea para hacer que el contenido del include aparezca en la pag web sin tener q pegar el contenido en ella? 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] Target
Buenas. Una respuesta mucho más breve a la pregunta original: Uso en XHTML estricto 1.0 target=_blank y no me lo valida. Como lo reemplazo? Reemplaza XHTML estricto por transaccional. XHTML estricto no admite target blank. Y bueno, plantearse si realmente es necesario abrir una nueva ventana, y si se hace, avisar a los sufridos usuarios de forma explícita (en el texto del vínculo, por ejemplo) o de forma algo más sutil (en el título del vínculo). Saludos. Gonzalo www.webposible --- El mar, 15/6/10, Miguel Hervás mig...@apmsa.com escribió: De: Miguel Hervás mig...@apmsa.com Asunto: Re: [Ovillo] Target Para: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Fecha: martes, 15 de junio, 2010 09:01 Para todo lo que decis, un js bien utilizado (no intrusivo) cumple con la accesibilidad y la usabilidad que requieren este tipo de enlaces. Por un lado puedes abrir la pagina sobre la original sin interferir en la navegación y conservando el historial, por otro puedes proporcionar acceso a la página de destino con otro evento de la etiqueta a para facilitar a aquellos usuarios que tienen lectores de pantalla o el js desactivado, (onclick, etc.) si ademas utilizas jqery u otra librería, la usabilidad no solo no se resiente sino que mejora la experiencia de navegación. Miguel H. El 15 de junio de 2010 02:54, Leonel Silva lsi...@gmail.com escribió: El mismo usuario que no sabe que es Ctr+C es el usuario que no va a entender que se abrió una nueva ventana o nueva pestaña, y cuando busque el botón volver no se va a enterar que está en la página abierta de fondo, en este sentido es un asunto de usabilidad. Por otro lado, es darle la potestad y el control al usuario de decidir si quiere abrir en una ventana nueva o seguir navegando en la misma ventana y guardar el historial de navegación, no sólo para los usarios promedio, sino a nivel de accesibilidad, para quienes navegan con lectores de pantalla o dispositivos especiales. ___ 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] no me hace caso handheld
Da un vistazo a: http://www.alistapart.com/articles/return-of-the-mobile-stylesheet Digamos de forma elegante que el medio handheld es ignorado por los navegadores, pero mediante algunos trucos con css se puede conseguir lo que quieres. Saludos. Gonzalo www.webposible --- El jue, 9/9/10, Manuel medina manumed...@gmail.com escribió: De: Manuel medina manumed...@gmail.com Asunto: [Ovillo] no me hace caso handheld Para: ovillo@lists.ovillo.org Fecha: jueves, 9 de septiembre, 2010 14:40 Estoy probando mi pagina en Firefox y en Opera Mobile Emulator (que simula un dispositivo móvil como iphone) pero no me hace caso. Pongo por ejemplo en la pagina: link href=templates/spanish_red/css/template_css_hand.css rel=stylesheet type=text/css media=handheld / link href=templates/spanish_red/css/template_css.css rel=stylesheet type=text/css media=screen / y cuando cargo Opera Mobile Emulator me debería cargar la página con las propiedades de la css: template_css_hand.css, pero eso no ocurre. Este es mi ejemplo: en la css de handheld el Div =logo tiene: display:none sin embargo en la css screen si se visualiza. ¿por qué tambien se visualiza en la css de handheld? Me falta algo que añadir?, no funciona bien Opera Mobile, existe algún emulador? 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
[Ovillo] DIV Rebelde en IE y presentacion en la lista.
Hola a toda la lista. Soy Gonzalo Cabrera de Argentina y soy nuevo en esto del Diseño Web con Estandares. Me suscribi a la lista hace unas semanas y por ahora solo he leido los mail que circulan. Espero poder aportar algo a medida que vaya aprendiendo. Vamos a la consulta: Tengo el siguiente codigo... --- style type=text/css media=screen !-- * {margin:0px; padding:0px;} body { text-align:center; background-color:#555; } #contenedor { width:781px; height:900px; background-color:#ddd; position: relative; margin:auto; } #contenido { width:265px; height:338px; position:absolute; margin-left:270px; margin-top:155px; background-color:#f00; font: 8pt Verdana, sans-serif; color : #fff; text-align: justify; } #menu { position: fixed; bottom: 50px; left: 320px; background: transparent url(menu.jpg) no-repeat; width:118px; height:344px; } /style /HEAD BODY div id=contenedor div id=contenido - Esta capa no aparece donde deberia en Internet Explorer./br - Pero si en Firefox y Opera. /div /div /BODY /HTML --- la capa contenido aparece desplazada en IE. Es un error conocido? Es una especificacion de CSS2 que IE no entiende?? Donde puedo aprender del uso correcto de Absolute y Relative?. Gracias de antemano. Saludos! -tXaLo- ___ 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://ovillo.org/mailman/listinfo/ovillo
[Ovillo] IE y un LINK que no se comporta bien.
Hola de nuevo. Tengo este problema. El primer elemento de la UL no se comporta como los demas en IE. Y en este caso el cuarto tampoco. En Firefox y Opera marcha perfecto. Es un error conocido?? Existe algun Hack? Donde puedo encontrar una lista de Hacks para IE en español (de ser posible)? -- Definicion de Estilos -- #submenu{ position:relative; width:238px; background-color:#75c5f0; text-align:left; padding:0px; margin:0px; } #submenu ul { list-style: none; padding:0px; margin:0px; } #submenu li { padding-left:2px; text-decoration:none; border-bottom: 1px solid #fff; } #submenu ul li a{ padding:3px 3px 4px 15px; display:block; text-decoration:none; } #submenu ul li a:hover{ color:#fff; text-decoration:none; background-color:#63a5c9; } -- Codigo del menu -- div id=submenu ul lia href='contenido.php?secc=educacionsub=depyrec' Deportes y recreacion /a/li lia href='contenido.php?secc=educacionsub=malvinas' Taller Malvinas Argentinas /a/li lia href='contenido.php?secc=educacionsub=anexo' Centro de educacion para adultos 102 (Anexo) /a/li lia href='contenido.php?secc=educacionsub=astro' Centro de estudios Astronomicos Mar del Plata /a/li lia href='contenido.php?secc=educacionsub=adoles' Programa Adolescentes /a/li lia href='contenido.php?secc=educacionsub=lider' Escuela de Lideres /a/li /ul /div Gracias de antemano! Agur! -tXaLo- ___ 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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] DIV Rebelde en IE y presentacion en la lista.
Jorge Rumoroso escribió: El elemento contenido, en IE, se sitúa en el centro horizontal del elemento contenedor al haber heredado este la propiedad text-align:center del body. Luego, al aplicarle los márgenes, se desplaza desde ese punto. Lo único que tienes que hacer para solucionarlo es aplicarle al contenedor la propiedad text-align:left. Un saludo Jorge Rumoroso www.hrmultimedia.com MIL GRACIAS JORGE!!! Debe leer un poquito mas el tema de las herencias. :P Me largue a usar CSS con pocos conocimientos. En fin ... A seguir trabajando y aprendiendo! Saludos! -tXaLo- ___ 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://ovillo.org/mailman/listinfo/ovillo
[Ovillo] Imprimir Background.
Hola Lista! Queria saber si hay algun metodo para imprimir una imagen que esta como background en una capa?. Saludos. Gonzalo! ___ 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://ovillo.org/mailman/listinfo/ovillo
[Ovillo] Comentarios sobre una WEB
Hola! Acabamos de terminar nuestra primer web con CSS. Queria que la visiten asi puede hacerme sugerencias. Estoy medio enrollado con el tema de position: absolute o relative. Ah... tambien tuve un problema con el opera en la seccion de Portfolio y Lamparas. Y en la parte de ESPEJOS se superponen las capas en Firefox y Opera, pero en Explorer se ve como yo lo habia pensado. www.satiri-k.com.ar Creo que el servidor donde la aloje es un poco lento. Espero sus comentarios y criticas, sean destructivas o constructivas. Gracias de Antemano! Gonzalo! ___ 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://ovillo.org/mailman/listinfo/ovillo
[Ovillo] Validacion.
Hola Lista!!! Estoy tratando de validar una hoja de estilos y no logro entender los warnings que me tira. Primero me dice esto: To work as intended, your CSS style sheet needs a correct document parse tree. This means you should use valid HTML http://validator.w3.org/. Ya me valido el codigo XHTML. Por que me dice esto? En cuanto a los Warnings, estos son los que me quedan sin resolver: * Line : 149 (Level : 1) You have no background-color with your color : div.der * Line : 176 (Level : 1) You have no background-color with your color : #contactostk a * Line : 180 (Level : 1) You have no background-color with your color : #contactostk a:hover * Line : 212 (Level : 1) You have no background-color with your color : #navheader li a * Line : 222 (Level : 1) You have no background-color with your color : #navheader li a:hover Lei por ahi que el atributo color es propio de los Block level elements, por eso probe de ponerle div.der para ver si me lo tomaba, pero no. Aca mando el codigo CSS: div.der { * color : #77; * position : relative; * font : 9pt verdana, arial, sans-serif; * text-align : left; * margin-left : 100px; * background-color : transparent; * height : 100%; * padding-left : 15px; * padding-top : 12px; } Otra pregunta tonta: (En realidad no existen ls preguntas tontas ... solo los tontos que preguntan!) Cuando se definen valores para propiedades como padding o margin de la siguiente forma: padding: Xpx Xpx Xpx Xpx; A cual de los cuatro corresponde cada valor? Soy nuevo en esto; agradezco cualquier tipo de ayuda. Gracias! Saludos a todos. Dios los albondiga. Gonzalo Cabrera. ___ 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://ovillo.org/mailman/listinfo/ovillo
[Ovillo] Tabla en OPERA.
Hola de nuevo. Una mas y van Tengo un problema con la visualizacion de una tabla en OPERA. Esta es la URL de la web: http://www.satiri-k.com.ar/satirik.php?secc=lamp Alguna idea de que esta mal??? Gracias de antemano. Agur! Gonzalo Cabrera. ___ 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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Validacion.
- El padding (y el border, margin y similares) se definen así: padding: arriba derecha abajo izquierda Es decir, en el sentido de las agujas del reloj. Tan simple como eso!!! GRACIAS ANGEL! - Los warnings te avisan de que si defines el color, pero no el color de fondo, podría haber problemas de visibilidad en algunas circunstancias (que los enlaces estuvieran dentro de un contenedor cuyo color de fondo sea igual al color del enlace) Por eso te da el warning (que a fin de cuentas es un aviso, no un error) Ya se que es un aviso, pero de todas maneras no me valida la hoja de estilo! No me dice CONGRATULATIONS!. Bueno seguire probando! Muchas gracias!! Saludos! Gonzalo ___ 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://ovillo.org/mailman/listinfo/ovillo
[Ovillo] Re Re Validacion!!
perdon! ya pude validar la Hoja de estilos!! No me decia Congratulations Porque la esta validando en modo local!! GRACIAS! Gonzalo ___ 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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Validacion.
DJ-Dom escribió: Esto no va: background-color : transparent; Saludo, DJ-Dom Hola DJ! Mira, probe sacando el BG-Color y nada ... sigue tirando los mismos warnings. No logro entender cual es el problema del warning. Visite tu web y el validador no te da warning de ese tipo. Muchas gracias de todas formas. Seguire investigando! Saludos! Gonzalo ___ 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://ovillo.org/mailman/listinfo/ovillo
[Ovillo] Mala Tabla en OPERA.
Hola de nuevo. Una mas y van Tengo un problema con la visualizacion de una tabla en OPERA. Esta es la URL de la web: http://www.satiri-k.com.ar/satirik.php En la parte de lamparas Alguna idea de que esta mal??? Gracias de antemano. Agur! Gonzalo Cabrera. ___ 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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] ¿HTML 5 YA?
Saludos. HTML5 es un borrador que si todo sigue su curso, alcanzará el estatus de recomendación allá por el 2020 (no el año que viene, ni dentro de dos años, es dentro de diez años o más). Todavía se están decidiendo que elementos se quieren incluir, y nada te garantiza que elementos que están en el borrador actual continuen en la futura especificación. En CSS3 creo recordar que elementos propuestos inicialmente, se han modificado (mi memoria es frágil en cualquier caso). Desde mi punto de vista, es demasiado pronto para utilizarlo. Para jugar y hacer experimentos, vale, ¿pero en producción? No veo motivos para usarlos. Cambiando de asunto. Si estás preocupado por el SEO, aparte de todas las recomendaciones clásicas, te puede interesar usar XHTML+RDFa [1]. RDF te puede dar mucho juego, hay vocabularios bastante extendidos, aunque encontrar alguno que cubra necesidades muy específicas, puede ser complicado. Por otro lado, puedes usar microformatos, como el posicionamiento geográfico [2], para la ubicación de las parcelas (si se dispone de esa información). Saludos. Gonzalo [1] RDFa+XHTML RDFa Primer http://www.w3.org/TR/xhtml-rdfa-primer/ RDFa in XHTML: Syntax and Processing (W3C Recommendation 14 October 2008) http://www.w3.org/TR/rdfa-syntax/ [2] Microformat Geo http://microformats.org/wiki/geo Tae Sandoval Murgan escribió: Saludos a todos: Acabo de leer http://www.css3.com/the-new-html-kid-on-the-block/ y me han dado unas ganas tremendas de usar HTML 5 en un sitio web cuyo propósito es la venta de parcelas, es decir, una web pensada para la producción y no para experimentar. Ya sé, ya sé, HTML 5 aún no es recomendación o estándar o lo que sea (ver comentarios en http://www.w3.org/QA/2009/05/_watching_the_google_io.html), y queda bastante tiempo antes de que sea anunciado como tal, pero según el artículo de CSS3.com, las etiquetas de estructura (header, footer y blah) parecen ser soportadas incluso por IE 6 (con un poco de JavaScript, pero quien no actualiza/cambia IE 6 tampoco desactiva JavaScript), por lo que no veo motivos para no darle un empujoncito más a la nueva versión de HTML luego del empujonzote de Google. ¿Qué opinan? Quizás si hubieran problemas con el SEO, pero lo dudo... ___ 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 5 YA?
Buenas. Germán: Confió en tu criterio cuando dices que aun no podemos contar con CSS3 y HTML5 Gonzalo: Pregunta más opiniones, pero yo al menos lo tengo muy claro :) Germán: se puede agregar RDF a nuestros sitios para mejorar el SEO y la estructura semántica Gonzalo: RDF son palabras mayores (yo intento usarlo cuando puedo), pero te hablaba de RDFa. Hace no mucho salió una noticia indicando que Google lo tenía en cuenta. De ahí mi comentario. Y también porque hoy por hoy es el DTD más avanzado y potente (lo cuál no significa que se los buscadores aprovechen nuestro esfuerzo). Germán: [...]pero cuando puse el trozo de código que me daba la licencia de Creative Commons el HTML dejó de ser válido [...] Gonzalo: mmm, lo dudo mucho :( Saludos. Gonzalo Germán Bustos escribió: Gonzalo, Disculpa mi ignorancia crasa en el tema. Confió en tu criterio cuando dices que aun no podemos contar con CSS3 y HTML5, pero que ya se puede agregar RDF a nuestros sitios para mejorar el SEO y la estructura semántica. Me parece maravilloso, espero que todo eso esté en los enlaces que envías, aunque leer las especificaciones con frecuencia lo deja a uno más confundido, por lo menos a mi. Pero para no hablar en abstracto quiero citar un caso concreto, hace unos días estaba haciendo un sitio y me esforcé mucho por tener HTML válido. Tenia casi todo listo, pero cuando puse el trozo de código que me daba la licencia de Creative Commons el HTML dejó de ser válido, Como no supe que hacer lo que hice fue eliminar todos los atributos que no validaba el W3C y seguir trabajando. Tánto hay por aprender... Germá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] Bordes Redondeados
Saludos. Eso de que Internet Explorer implementó las esquinas redondeadas mediante -ms-border-radius es mentira. Todo surgió en un post sobre el blog oficial de internet explorer [1], y entre los muchos comentarios que había, se hablaba de ese asunto. Pero en ningún momento el equipo de ie ha dicho que lo soporta. Y entre la blogocosa hispana, alguien lo utilizó en un ejemplo de código [2], pero el ejemplo no era real, era ficticio. Como curiosidad, en los comentarios se decía que funcionaba: -ms-border-radius: 0px 0px 0px 0px; – IE 8 y a mí, sinceramente, me hizo mucha gracia, porque obviamente se trataba de un chiste, ¿no? :) Saludos. Gonzalo PD: Anieto2k, si estás en la lista, revisa el post, y comprueba los comentarios. [1] Microsoft CSS Vendor Extensions http://blogs.msdn.com/ie/archive/2008/09/08/microsoft-css-vendor-extensions.aspx [2] Microsoft Internet Explorer 8 y los prefijos CSS http://www.anieto2k.com/2008/09/09/microsoft-internet-explorer-8-y-los-prefijos-css/ Mauricio Dulce escribió: Hola, buscando en google encontré que internet explorer 8 soporta esta sintaxis, pero al verla en dicho navegador este no las toma, alguien que me pueda orientar un poco mas sobre el tema. Recurrí a esto, por que el sitio que estoy maquetando esta hecho en .net y ya saben lo engorroso que puede llegar a ser a la hora de tocar el código sin tener el source y que es generado por un controlador, no puedo usar javascript por que los ingenieros dicen que eso cargaría aun mas la aplicación, así que lo único que se me ocurrió fue intentar con css3 ya que internet explorer 6 y 7 no están contemplados en los requerimientos del proyecto ya que es una intranet de un partner de microsoft. CSS: border-radius: 3px 3px 0 0; -ms-border-radius-topleft: 3px; /*IE8*/ -ms-border-radius-topright: 3px;/*IE8*/ -moz-border-radius: 3px 3px 0 0; -khtml-border-radius-topleft:3px; -khtml-border-radius-topright:3px; -webkit-border-top-right-radius: 3px; -webkit-border-top-left-radius: 3px; gracias Mauricio Dulce UI/UX Designer-Developer HTML CSS Móvil: (57) 312 519 0288 Teléfono: (571) 2746831 Email: mauricio.du...@gmail.com ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] OT: Ultimas tendencias en diseño y ga leria de imagenes
Hola, http://bestwebgallery.com/ en categorias puedes escoger CSS saludos, Gonzalo El 29 de julio de 2009 07:31, alejandra.j.go...@gmail.com escribió: Hola!!, quisiera saber si conocen algun sitio donde pueda ver diseños de ultima generacion (de vanguardia, digamos) tengo que ofrecer un diseño y quisiera que fuera actual, por eso necesito saber si existe algun sitio o sitios, donde pueda interiorizarme de cual es la moda en diseño web en estos momentos, si esta dentro de estandares muchisimo mejor, otra pregunta, para una galeria de imagenes con una descripcion de +/- cuatro lineas por cada imagen, que es lo que mas conviene? tablas? listas? o mejor Jscript?, busco que este dideño sea funcional y bonito, muchas gracias. Acepto sugerencias Alejandra ___ 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] Site con 2 dtd's
Buenas. ¿XHTML 1.1? Supongo que sabrás que se tiene que servir como application/xml+xhtml y que internet explorer no interpreta ese mime type, ¿verdad? Se agradecería saber los motivos que se han esgrimido para tomar esa decisión :) Da un vistazo a [1], pero a priori me parece mucho más prudente usar XHTML 1.0 servido como application/xml+xhtml para los navegadores decentes (eso excluye obviamente a ie, en todas sus versiones) o directamente text/html si no os queréis complicar la vida. Puede parecer una tontería, pero el cambio de tipo de tipo de documento tiene muchas implicaciones, y si las páginas en HTML no están *muy bien hechas*, puede haber muchos problemas (compatibilidad de javascript, estilos,...). En principio, una herramienta para migrar de HTML a XHTML es HTML Tidy [2]. Da un vistazo también al documento de Hixie [3], aunque te recomiendo que te fijes en los hechos y no en sus opiniones personales. Saludos. Gonzalo [1] HTML and XHTML Frequently Answered Questions http://www.w3.org/MarkUp/2004/xhtml-faq [2] HTML Tidy http://tidy.sourceforge.net/ [3] Sending XHTML as text/html Considered Harmful http://hixie.ch/advocacy/xhtml Rafa Artacho escribió: Buenos días: Me surge la necesidad / obligación en un site que está hecho conforme a: !DOCTYPE html PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN http://www.w3.org/TR/html4/loose.dtd; de comenzar a maquetar las nuevas páginas con esta dtd: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.1//EN http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd; ¿conocéis algún sitio con la misma casuística?, tenéis alguna experiencia de este tipo, documentación al respecto? Muchas gracias ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Galeria de Webs Para dispositivos Moviles
Buenas. Aunque parezca una exageración, casi es cierto en el caso de la web móvil: - Se puede optar por ir a una web básica que se adapte a todos los teléfonos móviles (desde 128 px de ancho en adelante). No vas a tener la mejor alternativa en casi ningún caso, pero al menos se podrá navegar decentemente en casi todas las situaciones. - La alternativa profesional pasa por una detección de dispositivos (mediante WURFL o similar), y mediante una segmentación de los terminales (iPhone es un caso particular, otro pueden ser los otros terminales táctiles con un soporte de CSS más desconocido, otro pueden ser para las típicas resoluciones de 320x240, otro para terminales de pantalla media y otro para pantallas más pequeñas), así nos aseguramos una experiencia de usuario óptima y se intenta aprovechar las características de los terminales. Obviamente, depende del tipo de sitio, contenidos, funcionalidades,... no es tan sencillo a priori. Con respecto al diseño, no hay que olvidar que en terminales móviles hay que tener muy en cuenta el contraste (las condiciones de luminosidad pueden ser muy variables) y no hacer demasiadas florituras con el CSS (sobre todo en terminales pequeños): por experiencia propia, es mejor optar por lo sencillo y no complicarse la vida. El soporte de CSS en ocasiones es muy limitado, y algo tan sencillo como una lista de elementos en el que se usan imágenes en lugar de bullets, se convierte en un problema sin solución. El concepto de One Web tiene truco :) Saludos Gonzalo SoporteNuke escribió: Dios! y para donde es que va esto...! Web para el iphone, para el android... Seguro una web debe tener: 1 - Una version para safari 2 - Otra para IE4 3 - Otra para IE5 4 - Otra para IE7 5 - Otra para IE8 6 - Otra para FireFox 7 - Otra para Opera 8 - Otra para Chrome (Hacer otras para cada Sistema Operativo) 9 - Otra para los motorolas 10 - Otra para los sony ericcson 11 - Otra para los nokias 12 - Otra para y otra para y otra y ___ 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] Costo de la usabilidad en el web
Hola a todos, Soy nuevo en la lista y este es mi primer mensaje. Sobre este tema se me ocurren un par de comentarios: - No hay que ser más papistas que el papa. No todas las webs deben ser accesibles. A nadie escandalizaría que un portal de desarrollo flash estuviera íntegramente realizado en flash, no? podría tener un contenido alternativo para que los que no tengan el plugin que sepan de qué trata en general la web, pero poco más. A lo que voy, es que hay que tener en cuenta el público destinatario de la web, y puede haber múltiples ejemplos de webs en las que podemos relajar los criterios de accesibilidad en determinadas circunstancias o para un público específico. Está claro que en general cuanto más estandar y accesible sea todo, mucho mejor, pero en el mundo real de las empresas no siempre es posible llegar a este punto. - Otro caso muy distinto es el de las webs institucionales, a las que la ley obliga a tener la doble-A. Que además de incumplir la ley, tengan la desfachatez de poner los logos es increíble. Un saludo para todos - Original Message - From: Ernesto Rodríguez Ageitos [EMAIL PROTECTED] To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Sent: Friday, April 21, 2006 1:33 PM Subject: Re: [Ovillo] Costo de la usabilidad en el web Ultimamente llevo observando que hay demasiadas criticas y menos ayudas. De una temporada para aca parece que TODO el mundo DEBIERA hacer webs PERFECTAS, XHTML, CSS y TRIPLE-A. Por un lado, sí, se deberían hacer, o al menos intentarlo... Para eso paga el cliente, después de todo. Pero lo que aquí se critica, y a mi entender muy justificadamente, es el que webs que no son accesibles presumen de ello colgando logotipos que no les corresponden. Y además muchas de sus desarrolladores, si se lo comentas te ponen a caer de un burro... ___ 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://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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Costo de la usabilidad en el web
No me debo haber explicado muy bien en mi mensaje, porque estoy totalmente de acuerdo con lo que dices. Yo no hablaba de lo general, sino de casos específicos. Y el apunte que me haces acerca del contenido alternativo al flash, ya lo comentaba yo también, está claro. Creo que la accesibilidad no es blanco o negro. Estoy de acuerdo en que hay cosas muy evidentes que todo el mundo podría cumplir con un mínimo esfuerzo. Y hacer un sitio con nivel A es absolutamente razonable. Hay que hacer las páginas lo más accesibles que sea posible, y en este que sea posible, hay que meter no sólo criterios tecnológicos y de programación, sino un montón de matices que a la gente puramente académica se le escapan sobre el mundo empresarial y comercial. Y estoy pensando únicamente en nuevas webs, si nos metemos en adaptaciones de sistemas gestores de contenidos ya implantados ni te cuento... Bueno y aparte de todo esto, que me gusta hacer un poco de abogado del diablo, que es como salen a la luz las buenas opiniones, así que no me toméis muy en serio. Un saludo - Original Message - From: Nacho F. Carreño [EMAIL PROTECTED] To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Sent: Friday, April 21, 2006 3:21 PM Subject: Re: [Ovillo] Costo de la usabilidad en el web Yo no creo que sea ser más papistas que el papa. Todas las páginas Web deberían de ser accesibles. No digo que todas tengas que cumplir con la triple AAA, pero la verdad es que el que no cumple al menos con el nivel A es porque no le da la gana. Hay muchas páginas hechas en Flash integramente que también tienen su versión accesible cumpliendo con el punto 11.4 que nos dice que si no podemos hacer una página accesible proporcionemos un vínculo a una página alternativa. Un ejemplo es la Web Permiso por Puntos de la DGT [1] No creo que haya que diseñar para un público específico, no comparto esa idea. Mucha gente dice que no hace Webs accesibles porque a sus clientes no les interesa, por la temática de la página, y por muchas razones más. La accesibilidad no sólo permite a personas discapacitadas interpretar correctamente páginas Web, sino que permite acceder al contenidos de las páginas independientemente del dispositivo desde el que una persona se conecte. En España hay 3,5 millones de españoles que tienen algún tipo de discapacidad, si a esto le añadimos la población envejecida, que no pueden acceder con la misma agilidad que una persona joven y las personas que están temporalmente discapacitadas estamos hablando del 30% de la población total. No creo que haya ninguna empresa que no quiera rechazar a un 30% de posibles visitantes, compradores, clientes, etc de sus Web. Un saludo [1] http://www.permisoporpuntos.es/es/ - Original Message - From: Gonzalo Alonso (Sentido Común) [EMAIL PROTECTED] To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Sent: Friday, April 21, 2006 2:23 PM Subject: Re: [Ovillo] Costo de la usabilidad en el web Hola a todos, Soy nuevo en la lista y este es mi primer mensaje. Sobre este tema se me ocurren un par de comentarios: - No hay que ser más papistas que el papa. No todas las webs deben ser accesibles. A nadie escandalizaría que un portal de desarrollo flash estuviera íntegramente realizado en flash, no? podría tener un contenido alternativo para que los que no tengan el plugin que sepan de qué trata en general la web, pero poco más. A lo que voy, es que hay que tener en cuenta el público destinatario de la web, y puede haber múltiples ejemplos de webs en las que podemos relajar los criterios de accesibilidad en determinadas circunstancias o para un público específico. Está claro que en general cuanto más estandar y accesible sea todo, mucho mejor, pero en el mundo real de las empresas no siempre es posible llegar a este punto. - Otro caso muy distinto es el de las webs institucionales, a las que la ley obliga a tener la doble-A. Que además de incumplir la ley, tengan la desfachatez de poner los logos es increíble. Un saludo para todos - Original Message - From: Ernesto Rodríguez Ageitos [EMAIL PROTECTED] To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Sent: Friday, April 21, 2006 1:33 PM Subject: Re: [Ovillo] Costo de la usabilidad en el web Ultimamente llevo observando que hay demasiadas criticas y menos ayudas. De una temporada para aca parece que TODO el mundo DEBIERA hacer webs PERFECTAS, XHTML, CSS y TRIPLE-A. Por un lado, sí, se deberían hacer, o al menos intentarlo... Para eso paga el cliente, después de todo. Pero lo que aquí se critica, y a mi entender muy justificadamente, es el que webs que no son accesibles presumen de ello colgando logotipos que no les corresponden. Y además muchas de sus desarrolladores, si se lo comentas te ponen a caer de un burro... ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus
Re: [Ovillo] Tramite Facil y su versión para ciegos
Las pautas WAI permiten maquetar con tablas siempre y cuando estas tengan sentido linearizadas... Se puede conseguir que una web maquetada con tablas cumpla los criterios para tener AA... Ergo.. se puede hacer bien una web maquetando con tablas ¿? Mi respuesta sería sí, estaría bien, pero no es la manera óptima de hacer las cosas. Evidentemente, este no es el caso de la web que nos ocupa. - Original Message - From: Camilo Kawerín [EMAIL PROTECTED] To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Sent: Sunday, April 23, 2006 8:37 PM Subject: Re: [Ovillo] Tramite Facil y su versión para ciegos No se trata de que existan dos opciones: maquetar con CSS o maquetar con tablas. Las opciones son: hacer BIEN o MAL una página web. ___ 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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Tramite Facil y su versión para ciegos
Discrepo totalmente con lo que dices. Estas son las pautas relativas a tablas para maquetación: 5.3 No utilice tablas para maquetar, a menos que la tabla tenga sentido cuando se alinee. Por otro lado, si la tabla no tiene sentido, proporcione una alternativa equivalente (la cual debe ser una versión alineada ). [Prioridad 2] 5.4 Si se utiliza una tabla para maquetar, no utilice marcadores estructurales para realizar un efecto visual de formato. [Prioridad 2] Luego si se cumplen estas pautas se puede conseguir el nivel AA. Es decir si maqueto con una tabla que tenga sentido leída linealmente y cuyo formato se establezca en el CSS, estoy cumpliendo las pautas. Otra cosa muy distinta, que yo no discuto, es que es mucho mejor usar las tablas para lo que están pensadas, es decir, para mostrar datos tabulares, pero por poder, se puede maquetar con tablas. - Original Message - From: Emmanuelle Gutiérrez y Restrepo [EMAIL PROTECTED] To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Sent: Monday, April 24, 2006 9:01 PM Subject: Re: [Ovillo]Tramite Facil y su versión para ciegos Hola Gonzalo, Para alcanzar el nivel Doble A hay que cumplir todos y cada uno de los puntos de control de prioridad 1 y 2, por tanto una web maquetada con tablas no puede declarar el nivel Doble A. Sobre este tema puedes ver los diversos hilos en la lista accesoweb. Por lo que te remito a ellos si te queda alguna duda. Un cordial saludo, Emmanuelle -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] nombre de Gonzalo Alonso (Sentido Común) Enviado el: lunes, 24 de abril de 2006 15:18 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo]Tramite Facil y su versión para ciegos Las pautas WAI permiten maquetar con tablas siempre y cuando estas tengan sentido linearizadas... Se puede conseguir que una web maquetada con tablas cumpla los criterios para tener AA... Ergo.. se puede hacer bien una web maquetando con tablas ¿? Mi respuesta sería sí, estaría bien, pero no es la manera óptima de hacer las cosas. Evidentemente, este no es el caso de la web que nos ocupa. - Original Message - From: Camilo Kawerín [EMAIL PROTECTED] To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Sent: Sunday, April 23, 2006 8:37 PM Subject: Re: [Ovillo] Tramite Facil y su versión para ciegos No se trata de que existan dos opciones: maquetar con CSS o maquetar con tablas. Las opciones son: hacer BIEN o MAL una página web. ___ 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://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://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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Que ganamos validando una web
Hacer una web accesible es similar a enviar un mensaje a una lista de distribución bien redactado: todo el mundo lo entenderá mucho mejor. - Original Message - From: daniel calderón [EMAIL PROTECTED] To: ovillo@lists.ovillo.org Sent: Tuesday, May 09, 2006 10:16 AM Subject: [Ovillo] Que ganamos validando una web Hola a todos, me pregunto , siempre de caras al cliente , que gana que nosotros le validemos la web? Hay muy pocas paginas, de firmas importantes o relevantes en la sociedad echas por estudios de diseño que no estas validadas i petan por todos los lados. Entonces para q molestarse? Tecnicamente al cliente le cuesta entender. ___ 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://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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Off-Topic formularios con listas de defin ición... o no
- Original Message - From: Federico Santoalla [EMAIL PROTECTED] To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Sent: Thursday, May 18, 2006 11:50 PM Subject: Re: [Ovillo]formularios con listas de definición... o no Incluso una taza sigue siendo taza aunque no halla té en su interior (como dilia el mestlo...) Pero no es lo mismo una taza de té que una tetaza ... Disculpas a la lista por la frivolidad, no he podido evitarlo... ___ 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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] semi OT: traducciones
Los traductores suelen decir que toda traducción es una mala traducción. Lo que intentan decir es que al traducir siempre se pierde algo de información (matices, etc). De todas formas, el ejemplo del my two cents no veo en qué manera demuestra que haya cosas que es mejor no traducir, porque la traducción mi granito de arena parece bastante buena. Lo que sí es mejor es dejar algo sin traducir antes que traducirlo mal, claro. - Original Message - From: Eva del Campo [EMAIL PROTECTED] To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Sent: Friday, May 19, 2006 2:52 PM Subject: Re: [Ovillo] semi OT: traducciones Eva, y esto es offtopic: my two cents en español significa mi granito de arena. Ja, ja, ja. Lo he traducido para ver si alguien se fijaba y demostrar que hay cosas que es mejor no traducir ;-) ___ 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://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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] CMS vs. CSS
Lo malo no está en utilizar el flash (aunque en este caso su uso no creo que aporte nada, la verdad), sino en no ofrecer una alternativa accesible para aquellos usuarios y/o dispositivos que no puedan visualizarlo. Un saludo, Gonzalo - Original Message - From: laura [EMAIL PROTECTED] To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Sent: Tuesday, May 23, 2006 1:44 AM Subject: Re: [Ovillo] CMS vs. CSS hola una pregunta acerca de la web del centro galerias, para hacer un simple menu era necesario recurrir al flash?(me refiero al menu de la izqda de la web) que ocurre con aquellos internautas q no dispongan de flash en su ordenador? ya puestos, hago el mismo comentario/queja para la de los aeropuertos. yo no podria acceder a estas paginas con linuxppc :((( saludos Existen muchismos sitios realizados con joomla, pero te pasare algunos hechos por mi mismo: http://www.aeropuertosdelzulia.gob.ve/index.php http://www.centrogaleriasmall.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://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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] [OT] Vídeo QuickTime y ventana de a dvertencia
Internet Explorer ha tenido un problema de patentes y ahora no permite la ejecución automática de plugins. Como quien hizo la ley hizo la trampa, la solución es escribirlo con javascript. Prueba algo así: script type=text/javascript document.write('embed src=video/colon.mov width=330 height=260/embed'); /script O mírate este enlace: http://www.cristalab.com/tips/19891/solucion-a-problema-de-flash-en-internet-explorer-por-eolas - Original Message - From: Santiago Flores [EMAIL PROTECTED] To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Sent: Tuesday, May 30, 2006 4:32 PM Subject: Re: [Ovillo][OT] Vídeo QuickTime y ventana de advertencia eso pasa por usar Internet Explorer el mismo problema de Flash http://blog.deconcept.com/swfobject/ busca en google que hay bastante documentación El 30/05/06, Javier Barcelona[EMAIL PROTECTED] escribió: Un saludo a todas y todos. Con el siguiente código... embed src=video/colon.mov width=330 height=260/embed ...he puesto unos vídeos en una web, los vídeos una vez subidos al servidor cargan y se visionan de forma correcta pero cada vez que carga la página con el vídeo me aparece una advertencia: 'Haga clic para ejecutar un control ActiveX en esta página Web'... tanto si le doy a 'Aceptar' como si cierro la ventana de advertencia el vídeo carga y se reproduce. ¿Puedo evitar esa advertencia? ¿Es el formato adecuado? ¿Por qué pasa eso? Gracias anticipadas. Javier ___ 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://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://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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] OT: Evitar marcado de objetos Flash en IE / NS
Hola Abel, Ha habido un problema de patentes con el IE (que yo sepa sólamente con este navegador). Si buscas un poco por el Google encontrarás bastante información. Puedes echarle un vistazo a esta solución: http://www.cristalab.com/tips/19891/solucion-a-problema-de-flash-en-internet-explorer-por-eolas Un saludo y suerte - Original Message - From: Abel Sutilo [EMAIL PROTECTED] To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Sent: Tuesday, May 30, 2006 9:16 PM Subject: Re: [Ovillo] OT: Evitar marcado de objetos Flash en IE / NS Fe de errata: plugins por pluggings :-P - Original Message - From: Abel Sutilo [EMAIL PROTECTED] To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Sent: Tuesday, May 30, 2006 9:14 PM Subject: [Ovillo] OT: Evitar marcado de objetos Flash en IE / NS Hola gente, vengo con un OT, pero seguro que también os ha pasado. Al actualizar pluggings en algunos navegadores con los que testeo (IE 6, NS 8) he comproado de un tiempo a esta parte que los objetos .swf dibujan una zona de marcado al hacer un *hover* sobre ellos. Para más inri, si el flash incluye interactividad, el usuario debe hacer click dos veces: la primera para activar el objeto, la segunda para acceder al contenido (un horror! -independientemente de que hablemos de IE, claro). Para futuros proyectos en los que precise incluir un objeto flash (por exigencias del *guión*, ya lo sabéis), me gustaría evitarle está desagradable experiencia al usuario :) ¿Sabéis cómo? ¿Con algún param quizás? Gracias --- Abel Sutilo Creativo / Freelancer * +34 637 794 847 (ES) * [EMAIL PROTECTED] * www.abelsutilo.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://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://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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Visualizar un sitio en distintos navegadores
Hay esta otra, mucho más completa y con más navegadores, pero es de pago. Eso sí, te deja 24 horas de período de prueba gratuito que puedes aprovechar: http://www.browsercam.com Para alguien que preguntaba, lo que hacen estas webs es capturar pantallas con distintos navegadores de una URL que tú les indiques. De este modo puedes tener una captura de como se ve tu web en Windows, Mac, Linux, etc. y en diversos navegadores. Un saludo, Gonzalo - Original Message - From: Sergi Panisello [EMAIL PROTECTED] To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Sent: Wednesday, July 26, 2006 10:21 PM Subject: Re: [Ovillo] Visualizar un sitio en distintos navegadores Espero que os sirva, está muy bien y creo que es lo que andais buscando.. http://browsershots.org/ Sergi Panisello Dissenyador Gràfic telèfon: 676 083 072 mail: [EMAIL PROTECTED] website: www.fuksia.com - Original Message - From: Trent Chandra [EMAIL PROTECTED] To: Ovillo@lists.ovillo.org Sent: Wednesday, July 26, 2006 10:12 PM Subject: [Ovillo] Visualizar un sitio en distintos navegadores Hola Lista. He estado buscando la dirección de un sitio que alguna vez use y que obtuve la dirección de esta lista que mostraba como se visualizaba un sitio en los distintos navegadores. Estamos trabajando y tenemos el xhtml y la css validados y hemos probado en Opera, FireFox e IE pero ahora un cliente nos reporta que IE7 hay un error en la css. Desde ya muchas gracias por su ayuda. Saludos. Diego. ___ 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://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://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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Navegación con pestañas verticales
Reynier, te aconsejo que mires por aquí. Los ejemplos son de texto, pero los puedes adaptar a tus propósitos, creo: http://www.positioniseverything.net/css-flyout.html http://www.seoconsultants.com/css/menus/vertical/ Un saludo, Gonzalo - Original Message - From: Reynier Perez Mira [EMAIL PROTECTED] To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Sent: Monday, September 04, 2006 5:20 PM Subject: Re: [Ovillo] Navegación con pestañas verticales Gracias Edu, esa opción la conocía pero eso requiere Javascript, creo sino me equivoco, que es lo que no quiero usar porque entonces que pasa si el usuario tiene desactivado el uso de JS? Quiero hacerlo con CSS puro si es que se puede Salu2 -- ReynierPM | Linux User:#310201 Hay dos cosas infinitas: el Universo y la estupidez humana. Y del Universo no estoy seguro. -Mensaje original- De: [EMAIL PROTECTED] [mailto:ovillo- [EMAIL PROTECTED] En nombre de Eduardo Ayllón Enviado el: 04 September, 2006 10:16 AM Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] Navegación con pestañas verticales Yo esto lo suelo hacer con el dreamweaver, te explico: 1º - Te creas 3 div donde quieras mostrar la información, ocultos los 3. 2º - Pinchas sobre una imagen (ponlas nombres para que te aclares) y despues tienes en el dreamweaver en la pestaña de ventana-Comportamientos una pestañita de +, bien pues ahi tienes una opcion de mostrar-ocultar capas, es muy sencillo solo le tienes que decir que capa quieres mostrar (ponlas nombres tambien) y que capa ocultar, eso lo tienes que hacer con las 3 imagenes. Despues ya eres tu mismo si quieres mostrarla cuando hagan click o cuando pasen por encima de la imagen. Espero haberme explicado porque es muy sencillo de hacer. Un saludo Edu - Original Message - From: Reynier Perez Mira [EMAIL PROTECTED] To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Sent: Monday, September 04, 2006 4:59 PM Subject: [Ovillo] Navegación con pestañas verticales Hola lista: Ante todo buenas a algunos que hacía algún tiempo no me veían por aquí y a otros que si nunca me habían visto. Estaba algo perdido porque anduve dos meses de vacaciones y recién he vuelto a la Universidad a cursar mi 5to año y a preparar mi trabajo de graduación. Bueno el caso es que tengo que hacer algo como un menú de navegación vertical. Me explico con un sencillo gráfico: |--|-| | | | | Img1 | | | | | |--| | | | | | Img2 |Area para mostrar| | | | |--| | | | | | Img3 | | | | | |--|-|-- Bien todo hasta ahí? Ahora cuando pase el mouse por encima de Img1, que es una imagen, se debe mostrar en el area de muestra el contenido correspondiente al item Img1. No se si me entienden bien. El hecho es que no tengo ni idea de cómo hacerlo. Alguna ayuda ? Salu2 ReynierPM | Linux User:#310201 Hay dos cosas infinitas: el Universo y la estupidez humana. Y del Universo no estoy seguro. ___ 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://ovillo.org/mailman/listinfo/ovillo __ NOD32 1.1738 (20060904) Information __ This message was checked by NOD32 antivirus system. http://www.eset.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://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://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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] flash:separación de presentación y contenido.
Ernesto, Sinceramente, antes que meter todo ese javascript infernal que está en esa página, metería un flash que me enguarraría menos el marcado de la página (habría que tener en cuenta a la gente que no tenga el plugin con la alternativa correspondiente). Por otra parte, no se si te has fijado que la página en cuestión no es un gran ejemplo en lo que se refiere a la accesibilidad. Son todo imágenes y ninguna de ellas tiene texto alternativo, con lo que si navegamos con las imágenes desactivadas, o con un navegador de texto no veríamos absolutamente nada. Tampoco funciona si tenemos el javascript desactivado. En fin... - Original Message - From: Ernesto C7D [EMAIL PROTECTED] To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Sent: Thursday, September 07, 2006 8:32 PM Subject: Re: [Ovillo] flash:separación de presentación y contenido. At 10:28 07/09/2006, you wrote: Ok, te había malinterpretado respecto a lo que hacías referencia. Aún así, creo que tampoco es justo decir que Flash no tiene utilidad. Intenta hacer una presentación animada sin Flash... ¿Como esta: http://www.mestisay.com/? :) (bueno, vale, no es una presentación, pero animarse, se anima) ___ 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://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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] pop_up con enlaces
Ten en cuenta que en versiones de Internet Explorer anteriores a la 7, ese li:hover no va a funcionar... sólamente entiende el hover para el elemento a. Un saludo - Original Message - From: Marta Martínez | ARGUS.net [EMAIL PROTECTED] To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Sent: Monday, January 08, 2007 5:59 PM Subject: Re: [Ovillo] pop_up con enlaces html xmlns=http://www.w3.org/1999/xhtml; xml:lang=es head titlePruebas css/title style type=text/css #info ul li ul {display:none;} #info ul li:hover ul {display:block} /style /head body div id=info ul li id=info01 a href=# Este es el texto/a ul lia href=#Aquí un hijo/a/li lia href=#Aquí un hijo/a/li lia href=#Aquí un hijo/a/li lia href=#Aquí un hijo/a/li lia href=#Aquí un hijo/a/li /ul /li /ul /div /body /html Espero que sea de utilidad, marta En/na sn ha escrit: salud a toda la lista; jugando con la propiedad display, se consiguen buenos efectos de tipo pop-up utilizando solamente css(como debe ser). para muestra, el siguiente código: html xmlns=http://www.w3.org/1999/xhtml; xml:lang=es head titlePruebas css/title style type=text/css a:hover#link1 {background:#fff; color:#000;} #info a .terceraimagen {display:none;} #info a .terceraimagen a{display:none;} a:hover#link1 .terceraimagen {display:block; position:absolute; left:0px; top:0px; width:260px; height:150px; border:1px solid #000;background:#697210;} /style /head body div id=info a id=link1 href=../menu/index.html title=demosEnlace textodiv class=terceraimagencontenido pop up/div/a /div /body /html bien, pues lo que ando buscando, es mantener esta estructura o parecida, e incluir enlaces dentro del pop-up. si probáis a introducirlos directamente veréis que lo descuadra todo tanto en ie como en mozilla. si a alguien se le ocurre cómo podría hacerlo pues se lo agradeceré en el alma. en css play hay multitud de dropdown menus que cumplen el objetivo que persigo, sin embargo, los que he podido ver se valen de dhtml para ello y yo busco algo estrictamente css, xhtml ya sabéis. bueno, ahi queda la cuestión, para que los maestros del css hablen. un saludo. ___ 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 -- :: :: :: :: :: :: :: :: :: :: :: :: :: :: :: :: :: :: :: :: :: :: :: :: :: :: :: :: :: :: :: :: :: :: :: Marta Martínez Ribas :: coordinació de projectes :: [EMAIL PROTECTED] argus.net TECNOLOGIA CREATIVA creant en la web des de 1995 www.argus.net | tel: 932 92 41 00 | fax: 932 92 42 25 | [EMAIL PROTECTED] Avgda. Marquès de Comillas, 13 (Poble Espanyol) | 08038 | Barcelona ___ 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] Feedback de un trabajo (parte II)
Hola Jaime, La web me parece un buen trabajo, enhorabuena. Sobre el tema de los enlaces rápidos de la derecha, si desativas css no se ve nada, ni la imagen ni el alt, así que creo que deberías revisar eso. Por otra parte, el TAW detecta algunos errores automáticos en las páginas interiores: - en usuarios#register: labels no asociados explícitamente a controles de formulario (prioridad 2) . Esto también pasa en directorio, foro, hemeroteca, galería y actividades. - en historia-grafica: un ul/ul mal marcado (prioridad 2) - en historia-grafica: un select sin opcion predeterminada. Esto pasa en alguna más. - etc No me extiendo en esto, deberías revisar con el TAW no sólo la portada, sino las páginas interiores... Creo que nadie ha comentado lo siguiente. Lo entiendo más como un problema de usabilidad que de accesiblidad, aunque se podría matizar. La web está diseñada para una resolución de 1024x768, en cuyo caso todo el contenido (me refiero al ancho) es visible en la pantalla. Mucha gente aún trabaja a resoluciones de 800x600 (y más en el caso de gente a partir de cierta edad en que la vista empieza a fallar, o en el caso de alguno discapacidad). En dicho caso, mucha parte del contenido importante (las opciones de menú imprimir, registrarse, login, además de la búsqueda) no se ven según carga la pantalla lo cual es bastante incómodo para el usuario, amén de que mucho usuarios pueden no percatarse de la barra de desplazamiento horizontal. Un saludo, Gonzalo - Original Message - From: Jaime Gómez Obregón [EMAIL PROTECTED] To: ovillo@lists.ovillo.org Sent: Friday, January 05, 2007 10:36 AM Subject: [Ovillo] Feedback de un trabajo (parte II) Buenos días! El pasado día 28 preguntaba si sería mal visto en esta lista postear una URI de un trabajo para un cliente para pedir críticas y comentarios de la gente de la lista. Una persona respondió amablemente que desde su punto de vista eso no iría contra la etiqueta de la lista. Escribí también a los administradores de la lista pero no me han respondido, así que creo que me animo y allá va. Durante unas cuantas semanas anduvimos trabajando en este sitio web: http://www.aspaymcantabria.com Es una asociación de discapacitados, y por lo tanto uno de los puntos sensibles era intentar cumplir a rajatabla todas las pautas de accesibilidad web. Me gustaría que la gente de esta lista lo criticara y diera sus puntos de vista, tanto en cuestiones de CSS/XHTML como de accesibilidad WAI/AAA. ¿Qué os parece? ¿Qué cambiaríais? ¿Hay algo que no os guste? Un saludo, -- Jaime Gómez Obregón Director Comercial ([EMAIL PROTECTED]) ITEISA - www.iteisa.com 942 544 036 - 662 256 006 ___ 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] pop_up con enlaces
Hay un Javascript no intrusivo que hace que funcione el hover en IE para todos los elementos: http://www.xs4all.nl/~peterned/csshover.html Yo lo he usado y me va bien con algún retoque: - No conseguí hacer funcionar el formato .htc, así que copié el codigo que te viene en ese archivo en un .js y lo incluí en la página. Lo bueno es que con incluir el archivo no tienes que tocar tu marcado html. - Hice algún retoque en la función que parsea la hoja de estilos para que no la parseara entera, ya que ralentizaba la ejecución. Si tuvieras algún problema de ese estilo dímelo y ya te concreto. Suerte! - Original Message - From: sn [EMAIL PROTECTED] To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Sent: Wednesday, January 10, 2007 11:56 AM Subject: Re: [Ovillo] pop_up con enlaces salud y gracias a ambos por la vuestra ayuda. gonzalo, cómo habría que cambiar el código para que funcionara en las versiones viejas de explorer? ___ 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] pop_up con enlaces
Se me olvidó decir que solamente usarías el script en las versiones de IE conflictivas, en este caso inferiores a 7. Para el resto de navegadores, pasarían de ello, con los comentarios condicionales de IE: !--[if lt IE 7] script src=csshover.js type=text/javascript/script ![endif]-- - Original Message - From: sn [EMAIL PROTECTED] To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Sent: Wednesday, January 10, 2007 12:14 PM Subject: Re: [Ovillo] pop_up con enlaces muchas gracias por la premura y el acierto en la respuseta gonzalo. de todas formas seguiré investigando si hay alguna forma de hacerlo solamente con css. repito, 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] magnificar imagen
En este caso anida un montón de listas y juega con el hover que supongo se desencadena en cascada... #magnifier li.one:hover img {width:280px; height:210px; left:-240px;} #magnifier li.two:hover img {width:320px; height:240px; left:-216px;} #magnifier li.three:hover img {width:360px; height:270px; left:-192px;} #magnifier li.four:hover img {width:400px; height:300px; left:-168px;} #magnifier li.five:hover img {width:440px; height:330px; left:-144px;} #magnifier li.six:hover img {width:480px; height:360px; left:-120px;} #magnifier li.seven:hover img {width:520px; height:390px; left:-96px;} #magnifier li.eight:hover img {width:560px; height:420px; left:-72px;} #magnifier li.nine:hover img {width:600px; height:450px; left:-48px;} #magnifier li.ten:hover img {width:640px; height:480px; left:-48px;} #magnifier li.eleven:hover img {width:240px; height:180px; left:-24px;} Lo que me tiene despistado es que el li.eleven que es el estado inicial y porqué de ahí salta el li.one:hover y así sucesivamente, eso no lo entiendo muy bien. - Original Message - From: Sebastian Gurin [EMAIL PROTECTED] To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Sent: Wednesday, January 10, 2007 11:17 AM Subject: Re: [Ovillo] magnificar imagen en este caso en particular no he tenido tiempo de ver el código, pero efectos similares son fáciles de lograr en javascript modificando el elemento img del documento. En particular utilizando un timer y captando el evento hover se puede ir incrementando el valor de los atributos width y height del elemento img. El mié, 10-01-2007 a las 13:03 +0100, sn escribió: salud al ovillo; entre los sorprendentes experimentos con css que pueden verse en css play, el que pongo a continuación me deja especialmente estupefacto: http://www.cssplay.co.uk/menu/image_magnifier2.html el código está abierto y se puede pillar tanto el html como el css, pero me sigue sin quedar claro... como demonios consigue ese efecto? ___ 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] Puede un web no ser visto correctamente enfirefoxyseraccesible?
Totalmente de acuerdo con Emmanuelle. Yendo un paso más adelante, una web puede tener un diseño nefasto, con los contenidos mal dispuestos, pero legibles (como decían, no solapados ni tapándose unos a otros), y ser accesible. Otra cosa bien distinta es la usabilidad de dicha página. Precisamente hay páginas dedicadas a la accesiblidad con diseños que dejan bastante que desear, lo cual hace un flaco favor a su causa por cierto, ya que deja en mucha gente la sensación de que accesibilidad y buen diseño están reñidos, lo cual no es cierto. Un saludo - Original Message - From: Emmanuelle Gutiérrez y Restrepo [EMAIL PROTECTED] To: 'Ovillo, la lista de CSS en castellano' ovillo@lists.ovillo.org Sent: Wednesday, January 17, 2007 11:45 PM Subject: Re: [Ovillo] Puede un web no ser visto correctamente enfirefoxyseraccesible? Hola Pedro, Eso depende. Depende, precisamente, de lo que decía en mi mensaje anterior. Si la disposición de los contenidos se solapa o queda de tal forma que impide a los usuarios acceder a ellos, leerlo, entenderlo e interactuar con ellos, entonces NO sería accesible. Por eso dije que una cosa es que la presentación gráfica difiera y otra que ésta pueda impedir el correcto uso del documento. No habrá ningún problema si los efectos gráficos de presentación son distintos o no aparecen en un navegador u otro, pero siempre la disposición de los contenidos y su legibilidad e interacción deben estar disponibles para el usuario. Saludos, Emmanuelle -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Pedro Moreno Enviado el: miércoles, 17 de enero de 2007 19:49 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] Puede un web no ser visto correctamente en firefoxyseraccesible? puede haber webs accesibles que se vean mal en cualquier plataforma. no sé que tiene que ver la forma de disponer la información con la forma de presentarla. salvo en los apartados de contraste de colores, en lo demás puede perfectamente verse bien en explorer por ejemplo, pero en firefox presentarla sin estilos y seguiría siendo accesible. 2007/1/17, Lista de Distribución [EMAIL PROTECTED]: Hola Emmanuelle. No voy a saber contestarte porque es una consulta que me ha realizado un amigo, le he dicho que si la página de verdad cumple los estándares y es accesible el problema es del navegador... Pero vamos, veo que opinas como yo, él me comentaba que se veía todo descolocado en Firefox, y le he dicho lo mismo que tú me decías que era raro que fuera accesible y que en firefox se viera mal, pero no he entrado más en detalle, le he contestado: Sí puede ser accesible y que cumpla los estándares y que pudiera no verse correctamente en algún navegador. -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Emmanuelle Gutiérrez y Restrepo Enviado el: miércoles, 17 de enero de 2007 16:53 Para: 'Ovillo, la lista de CSS en castellano' Asunto: Re: [Ovillo] Puede un web no ser visto correctamente en firefox yseraccesible? Hola Lista de distribucion ¿A qué te refieres con correctamente? Porque una cosa es que la presentación gráfica difiera pero los contenidos sigan siendo igualmente legibles, comprensibles, y que pueda interactuarse con ellos; y otra distinta es que haya contenidos que no aparezcan o que queden inoperativos. En principio Firefox es un navegador que respeta bastante los estándares, de manera que si los contenidos no se presentan adecuadamente para el usuario en ese navegador, probablemente el diseño no esté respetando los estándares. Saludos, Emmanuelle -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Lista de Distribución Enviado el: miércoles, 17 de enero de 2007 16:44 Para: 'Ovillo, la lista de CSS en castellano' Asunto: [Ovillo] Puede un web no ser visto correctamente en firefox y seraccesible? Buenas, Pues es esa sencilla pregunta. Yo entiendo que sí, que poder puede ser accesible e incluso certificada puesto que cumpliría los estándares, pero la verdad es que sería poco operativa, no? 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] [OT] Hosting
Hardware: Lo que se golpea. Software: La causa de que golpeemos el hardware. Queda claro que es un software :) - Original Message - From: Christian Roque Geldres [EMAIL PROTECTED] To: 'Ovillo, la lista de CSS en castellano' ovillo@lists.ovillo.org Sent: Friday, January 19, 2007 4:22 PM Subject: Re: [Ovillo] [OT] Hosting Hola, claro que me di una vuelta por ahí: http://www.cristalab.com/blog/32785/media-temple-y-porque-apesta-grid-server - Cristalab contrato el gridserver (gs) que como quieran llamarlo es compartido y Cristalab es un sitio demasiado grande como para estar en un servidor compartido. Hasta donde se un CMS es software y como sea que se escriba el CMS de Cristalab es una modificación de ese foro y quien sabe que tan optimizado este. Saludos. Christian Roque Geldres -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Juan Jorge Muñoz Herrero Enviado el: viernes, 19 de enero de 2007 09:30 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] [OT] Hosting El día 19/01/07, Christian Roque Geldres [EMAIL PROTECTED] escribió: Cristalab no contrato un servidor dedicado sino el Gridserver (gs) que es compartido además Cristalab corre sobre una modificación de PHPbb, y quien sabe que tanto consuma ese software que usan. Christian, sabes de lo que estás hablando?? Por qué no te das una vueltecita por cristalab, a lo mejor encuentras alguna información al respecto. PD: Se escribe phpBB, y se llama CMS, no software. -- Juan Jorge Muñoz Herrero http://www.taarq.com ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Tablas por css - Formularios con CSS
Saludos a todos los miembros de esta lista. Dale un vistazo a Fancy Form Design Using CSS [1]. Y si de vez en cuando visitas Tripix [2] puedes ver más recursos interesantes ;) Gonzalo www.webposible.org [1] Fancy Form Design Using CSS http://www.sitepoint.com/print/fancy-form-design-css [2] Tripix http://www.tripix.net/ - Mensaje original De: Teobaldo De la cruz Carreazo [EMAIL PROTECTED] Para: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Enviado: martes, 5 de junio, 2007 16:28:02 Asunto: Re: [Ovillo] Tablas por css Hola Buenos dias Gracias por el aporte ofrecido. Soy nuevo en esto del manejo de CSS. Necesito hacer un formulario de captura de datos que tiene diversos objetos cuadro de texto, listas, label y además un tabla que contiene un set de registros ligado a un id. Deseo agrupar los objetos de manera uniforme y que el formulario obtenga una apariencia excelente. Como lo puedo hacer. Gracias por su colaboración. Atte, Teobaldo De la cruz. El día 30/05/07, ichitaka seto [EMAIL PROTECTED] escribió: Hola a [EMAIL PROTECTED] x ejemplo, si lo que quieres es maquetar un menu, lo que estas maquetando es una lista de opciones, entonces no usamos una tabla y usamos una lista. ul liopcion1/li liopcion2/li li.../li ul A esto le daremos el renderizado que queremos ( en forma de tabla, lista, ...) con la ayuda de css. por el contrario, si lo que quieres es maquetar un calendario, horario u otra cosa que semanticamente sea una tabla, usaremos esta. Despues le daremos la forma que queremos con la ayuda de los estilos css. Al final lo que pretendemos es que el codigo html tenga una semantica, para asi poder endenderlo utilizando cualquier navegador. (grafico, solo texto, audio, braile, ) Espero que te ayude ;) Y si me equivoco en algo corregirme porfavor ;) geroarte. El día 30/05/07, Rodrigo Álvarez Virgós [EMAIL PROTECTED] escribió: Las páginas web no son tablas y para eso está css, pero no al revés... una tabla es una tabla ¬¬ ___ 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 ¡Descubre una nueva forma de obtener respuestas a tus preguntas! Entra en Yahoo! Respuestas. http://es.answers.yahoo.com/info/welcome ___ 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 de tabindex
Saludos a todos los miembros de esta lista. Je je, ¿Porqué tienes interés en que un vínculo no se tabule nunca? ¿Acaso es el de reclamaciones? Je je. En serio, no entiendo el motivo por el que no quieres que tenga el foco. Si quieres que no se pulse nunca, mejor quítalo. Si quieres dejar el vínculo para el final, ya sabres el método para hacerlo :) Saludos Gonzalo www.webposible.org - Mensaje original De: Rodrigo Álvarez Virgós ¿Es correcto que un enlace no sea tabulado nunca? En las especificaciones del W3C dice que el valor de tabindex ha de estar en el rango [0-32767], y que los elementos con valor cero se tabularán los últimos, pero me gustaría que uno en concreto nunca gane el foco a través del teclado. Poniéndole el tabindex a -1 funciona, pero no es estándar... :-S ¡Descubre una nueva forma de obtener respuestas a tus preguntas! Entra en Yahoo! Respuestas. http://es.answers.yahoo.com/info/welcome ___ 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] selectores descendentes
Saludos a todos los miembros de esta lista. Pedro, el uso de h1 para el logotipo, quizás no sea lo más adecuado... a menos que estemos hablando de la página principal o la portada... Hace algunos meses hubo una discusión bastante interesante en la lista de correo accesoweb, y en ella Carlos Benavidez (traductor de la especificación de CSS2 entre otros méritos) argumentó su opinión con bastante fundamento, al menos desde mi punto de vista. El opinaba que el título de un documento HTML (etiqueta title) y el de su contenido (h1) deberían ser el mismo... aunque yo tampoco descartaría el uso para title algo así como Dominio: Título del documento si se quiere potenciar la marca en los buscadores. Un ejemplo típico, el de los periódicos. Cuando pinchas en un vínculo que se corresponde con el titular, te debería dirigir a una página en el que el título (h1) sea ese mismo titular, y la etiqueta title podría ser Periódico acme: titular. El caso que tu cuentas, en mi opinión no es demasiado correcto. Un título por definición no debe ser muy extenso, y si en tu sitio lo utilizas para descripción ampliada de la página... A ver que os parece esta alternativa: - Logotipo, con la clase o identificador logo o algo similar (no olvides usar la relación rel=index para ese vínculo). Tú actualmente usas h1. - h1: descripción breve de la página. Creo que sería el equivalente a tu h3. - Descripción larga de la página... ¿te has planteado el uso de microformatos? Dale un vistazo a Microformatos, la web semántica para torpes [1] y por lo que cuentas, puede que el microformato que te interesa es hCalandar[2]. Y si usas hCalandar Creator [3], modifica las etiquetas para usar las que más te interesen (h1, por ejemplo). Saludos. Gonzalo www.webposible.org [1] Microformatos, la web semántica para torpes http://www.grancomo.com/2006/10/12/microformatos-la-web-semantica-para-torpes/ [2] hCalandar http://microformats.org/wiki/hcalendar [3] hCalandar Creator http://microformats.org/code/hcalendar/creator - Mensaje original De: Pedro Sanz [EMAIL PROTECTED] Para: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Enviado: jueves, 21 de junio, 2007 9:54:34 Asunto: Re: [Ovillo] selectores descendentes Victoria: precisamente no quiero engañar al buscador, sino optimizar el contenido para facilitarle el trabajo. lo que he hecho en este site, es en todas la pags el h1 es el logo, el h2 corresponderia a una descripción ampliada de la la pag, y luego quisiera que el h3 correspondiera con el título de lo que desarrolla cada pág en concreto. Por ejemplo: ubicación. el problema es que no quería poner un título, sino que dentro del texto incluir algo similar: la ubicación de la ruta turistica se sitia entre ..., donde el ubicación seriá el h3. Entiendo que ésto sería lo correcto semanticamente y a partir de ahí es cuando me ha surgido la duda. En cualqueir caso, gracias a todos por vuestras explicaciones y vuestra atención. Voy a ver si termino la dichosa web... y a seguir aprendiendo. Saludos. Pedro. El día 20/06/07, Victoria Gracia [EMAIL PROTECTED] escribió: Pedro, debemos ser coherentes y conscientes en el diseño de nuestras páginas, y si bien es cierto que según las normas SEO cuanto más valor tenga la marca que contiene el texto, mejor posición (uno de tantos parámetros que utiliza el buscador para determinar la posición), debes tener en cuenta que la posición de esta marca dentro de la página también cuenta. Por lo que dices la página debería tener al menos los elementos siguientes: h1Encabezado del artículo, o del contenido/h1 pPárrafos (más o menos opcionales)/p h2Apartado del artículo, una sección/h2 pExplicación de turno donde expones contenido y donde realmente se trata algún tema, aunque sea citando en el texto A DESTACARuna ruta/A DESTACAR que te interesa especialmente para poder obtener una mejor posición en buscadores/p y bla, bla, bla... Bueno, en tal caso piensa que ateniéndonos sólo al criterio de peso y posición en la página, lo que esté englobado en h1 y en h2 tendrá más peso que lo englobado en A DESTACAR, independientemente de la etiqueta HTML que utilices para marcarlo. Lo más correcto sería que aprovecharas la cita para hacer un enlace a la ruta en cuestión, donde estarías contando puntos para tu posición tanto porque a la ruta LLEGARÍAN ENLACES y por describir correctamente el enlace en el texto que utilices dentro de la etiqueta a href=... Si utilizas prácticas como la de intentar engañar al buscador haciéndole creer que algo es lo que no es, quizás como premio no obtengas una mejor posición en la página sino que por un lado tu página estará igual (o peor como se les de por poner prácticas como esa en la lista de las prácticas a penalizar), y por el otro no validará ni podrás decir que es correcta. ¿No es más sencillo seguir las normas? Un
Re: [Ovillo] Libros, manuales, etc...
Saludos. Aparte de lo que ya ha mencionado Diego, un par de recursos que te pueden ayudar: - Especificación de HTML 4.01 [http://html.conclase.net/w3c/html401-es/cover.html] Aquí puedes aprender para qué se utilizan todas las etiquetas de HTML. Si alguien usa ese lenguaje y no ha leído la referencia, lo raro es que no cometa errores. No es exactamente un manual, pero sí un lugar de referencia para leerlo alguna vez y consultar dudas cuando surjan. Una vez que sepas HTML, aprender XHTML es sencillo: Si entras en la sección de traducciones del sidar [http://www.sidar.org/recur/desdi/traduc/es/index.php] también puedes encontrar especificaciones de CSS, XHTML,... Y del código que muestras de ejemplo (tengo mis dudas de que sea correcto, a no ser que hayas omitido una parte importante del código): - el primero es un vínculo relacional (aunque esa relación en el ejemplo no está definida). Más información en [http://www.sidar.org/recur/desdi/traduc/es/html401-es/types.html#type-links]. - Los siguientes son metadatos, y puedes encontrar información bastante confusa (es cierto), en la especificación de HTML [http://www.sidar.org/recur/desdi/traduc/es/html401-es/struct/global.html#edef-META]. Y de nuevo, tengo mis dudas de que el código sea correcto, o falta código fundamental para que sea válido (definir un perfil ó un esquema). Si quieres saber cómo codificar metadatos usando perfiles ó esquemas, puedes ver los artículos [http://www.wshoy.sidar.org/index.php?2005/08/01/24-metadatos-geograficos-1-obteniendo-informacion-geografica-para-la-web-semantica] y [http://www.wshoy.sidar.org/index.php?2005/08/01/25-metadatos-geograficos-2-empleandolos-en-ficheros-acronym-titlehypertext-markup-language-langen-xml-langenhtml-acronym-acronym-titleextensible-hypertext-markup-language-langen-xml-langenxhtml-acronym-y-acronym-titleresource]. Por lo menos, cuando los me enteré cómo se codifican los metadatos :) - Y aunque ya te lo ha comentado Diego, las últimas seis lineas de código son metadatos usando Dublin Core como perfil ó esquema (como en RDF). Si quieres usarlos, puedes generarlos con [http://www.webposible.com/utilidades/dublincore-metadata-gen/] (en castellano o catalán) y con las herramientas que aparecen en [http://dublincore.org/tools/]. De todas formas, antes de aprender [X]HTML avanzado, aprovechando etiquetas usadas por otras webs de las que no sabes a ciencia cierta si son o no de fiar, refresca tus conocimientos de HTML leyendo la especificación, conoce todas sus etiquetas (aunque algunas no te las sepas de memoria por lo menos que te suenen) y vete dando un vistazo también a la especificación de CSS. Y de libros... hace poco en algún mensaje han hablando de un sitio que recopila libros sobre la web. Busca en la lista, que lo encontrarás rápido. Saludos, Gonzalo www.webposible.org - Mensaje original De: Potxoka Pony bravo [EMAIL PROTECTED] Para: Ovillo@lists.ovillo.org Enviado: miércoles, 27 de junio, 2007 22:39:45 Asunto: [Ovillo] Libros, manuales, etc... hola: soy nuevo en la lista,hace un tiempo estuve programando html, pero de eso hace ya años,ahora quiero ponerme con css y xhtml,algo de css ya se como posicionamiento,etc. pero quiero introducirme mas en el campo, luego sobre xhtml no se nada,he visto web con tag tipo abbr, etc... y las desconozco. Por eso hago una peticion de si alguien puede recomendarme un buen libro para llegar a comprender todos estos aspectos o algun manual,preferiblemente en español. Otra cosa que desconozco son las nuevas metatag y demas, aunque me he estado informando en google para que son (algunas por lo menos he encontrado), la cosa es que no se donde mirar para estar al dia con las nuevas que salgan, sin estar mirando el codigo de otras webs; como las que pongo a continuacion: link rel=microsummary type=application/x.microsummary+xml href=/microsummary.xml / meta name=ICBM content=.. / meta name=DC.Type content=Text.Homepage.Personal / meta name=DC.Format scheme=IMT content=text/html / meta name=DC.Identifier content=http://www.x.com;; / meta name=DC.Language scheme=ISO639-1 content=es / meta name=DC.Date scheme=RFC822 content=tue, 21 dec 2005 / meta name=DC.Date.X-MetadataLastModified scheme=ISO8601 content=2006-10-03 / meta name=verify-v1 content=gg / ¿Alguien sabe donde puedo estar al dia de nuevos metatags que aparezcan, para ir incluyendolas en mis proyectos?. Muchas gracias saludos de antonio - ¡Descubre una nueva forma de obtener respuestas a tus preguntas! Entra en Yahoo! Respuestas. ___ 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] Libros, manuales, etc... meta ICBM
Saludos. Acabo de descubrir que la etiqueta meta meta name=ICBM content=12.123456, 4.987654/ es para mostrar la situación geográfica, como lo hace: meta name=geo.position content=12.123456, 4.987654/ saludos Alejandro Gonzalo Bravo García www.webposible.com - Mensaje original De: Potxoka Pony bravo [EMAIL PROTECTED] Para: Ovillo@lists.ovillo.org Enviado: miércoles, 27 de junio, 2007 22:39:45 Asunto: [Ovillo] Libros, manuales, etc... hola: soy nuevo en la lista,hace un tiempo estuve programando html, pero de eso hace ya años,ahora quiero ponerme con css y xhtml,algo de css ya se como posicionamiento,etc. pero quiero introducirme mas en el campo, luego sobre xhtml no se nada,he visto web con tag tipo abbr, etc... y las desconozco. Por eso hago una peticion de si alguien puede recomendarme un buen libro para llegar a comprender todos estos aspectos o algun manual,preferiblemente en español. Otra cosa que desconozco son las nuevas metatag y demas, aunque me he estado informando en google para que son (algunas por lo menos he encontrado), la cosa es que no se donde mirar para estar al dia con las nuevas que salgan, sin estar mirando el codigo de otras webs; como las que pongo a continuacion: link rel=microsummary type=application/x.microsummary+xml href=/microsummary.xml / meta name=ICBM content=.. / meta name=DC.Type content=Text.Homepage.Personal / meta name=DC.Format scheme=IMT content=text/html / meta name=DC.Identifier content=http://www.x.com;; / meta name=DC.Language scheme=ISO639-1 content=es / meta name=DC.Date scheme=RFC822 content=tue, 21 dec 2005 / meta name=DC.Date.X-MetadataLastModified scheme=ISO8601 content=2006-10-03 / meta name=verify-v1 content=gg / ¿Alguien sabe donde puedo estar al dia de nuevos metatags que aparezcan, para ir incluyendolas en mis proyectos?. Muchas gracias saludos de antonio - ¡Descubre una nueva forma de obtener respuestas a tus preguntas! Entra en Yahoo! Respuestas. ___ 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 __ LLama Gratis a cualquier PC del Mundo. Llamadas a fijos y móviles desde 1 céntimo por minuto. http://es.voice.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
Re: [Ovillo] Libros, manuales, etc... microformatos y metadatos
No... Los microformatos están dentro del cuerpo del documento (entre las etiquetas body), y los metadatos están en la cabecera del documento (entre las etiquetas head). La gran ventaja de los microformatos, de hecho, su razón de existir, es que esa información sea útil para las personas en primer lugar, y en segundo lugar para las máquinas (buscadores, arañas web,...). La forma de ser útil para las personas, es que se puede ver (o escuchar) al navegar por una página web. En cambio la visibilidad de los metadatos, es un poco más complicado: se puede mirar el código fuente (si lo entiendes), o usar algún plugin o configuración especial de algunos navegadores para poder ver su contenido. Si quieres aprender más sobre microformatos (aparte de buscar en internet), puedes dar un vistazo a la presentación de Luis Villa Microformatos en acción. Puedes encontrar el video y la descargarte la presentación en [http://www.ies-losenlaces.com/site/pages/departamentos/familia-profesional/informE1tica/la-web-hoy.php]. Es genial :) Y por supuesto, dar un vistazo a microformats.org y las herramientas para generar microformatos. A mí me han ayudado mucho para conocerlos. Alejandro Gonzalo Bravo García www.webposible.com - Mensaje original Pedro Blanco Sta Cruz Eso no son Microformatos? Gonzalo: Acabo de descubrir que la etiqueta meta meta name=ICBM content= 12.123456, 4.987654/ es para mostrar la situación geográfica, como lo hace: meta name=geo.position content=12.123456, 4.987654/ saludos Alejandro Gonzalo Bravo García www.webposible.com __ LLama Gratis a cualquier PC del Mundo. Llamadas a fijos y móviles desde 1 céntimo por minuto. http://es.voice.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
[Ovillo] Forzar a que un vínculo dentro de una l ista horizontal tenga un tamaño fijo
Saludos a todos los miembros de la lista. OPERA Antes de empezar, si todos los navegadores interpretasen como Opera la propiedad display: inline-table adecuadamente, yo no tendría éste problema, pero... PROBLEMA El problema original consistía en crear una lista de elementos de forma horizontal horizontal (#menu li{ display: inline;}), pero teniendo en cuenta que esta lista puede contener muchos elementos, y no se mostrarían visualmente en la pantalla sin hacer scroll. Sólo con Opera funcionaba, y nada más. Como la opción de crear una tabla con todos los vínculos no la contemplo (cuestión de accesibilidad y orgullo), he buscado otra alternativa, y aunque tampoco me convence del todo (desde el punto de vista del buen uso del código deja mucho que desear), no encuentro otra solución. IDEA ALTERNATIVA Mi genial idea, es usar una serie de listas horizontales una debajo de otra. El problema, es que como cada elemento de la lista tiene un número de caracteres diferentes (lo normal), visualmente el resultado no se parece a una tabla, como a mí me gustaría. El problema, como todos sabemos, es que al tratarse de una lista horizontal, se trata a los elementos como inline en vez de block. Y con CSS no se puede especificar una longitud fija a un elemento que no sea bloque (como h1, h2, p, li, div,...) para dudas, consultar [1]. ALGUIEN SABE CÓMO... Resumiendo todo en forma de cuestionario: Conocéis alguna forma de que una lista de elementos (li) se comporte... 1.- con un salto de línea cuando no cabe en una fila 2.- pudiendo controlar el ancho de cada elemento (para que sean visualmente iguales) 3.- que se parezca a una tabla... sin que el código html sea una tabla 4.- se aceptan varias listas horizontales (una encima de otra) 5.- No se acepta usar una tabla, porque es una lista de elementos, no datos tabulares. Gracias por todo y a todos... Gonzalo www.webposible PD: Este mensaje caduca mañana a mediodía hora española. Después, será demasiado tarde. Faltan por tanto 21 horas a partir de ya :) [1] Traducción de CSS 2 (Carlos Benavidez: 10.2): Ancho del contenido: la propiedad 'width' http://www.sidar.org/recur/desdi/traduc/es/css/visudet.html#propdef-width Sé un Mejor Amante del Cine ¿Quieres saber cómo? ¡Deja que otras personas te ayuden! http://advision.webevents.yahoo.com/reto/entretenimiento.html ___ 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] Forzar a que un vínculo dentro de una l ista horizontal [...] solucionado: Gracias
Saludos, y gracias por vuestras respuestas, ambas funcionaban: Carlos Campderrós dijo: has probado: ul li { display: block; float: left; width: 100px; } y tras la lista, poner un elemento que haga clear both. Gonzalo: perfecto. Ha sido mi opción elegida :) Y Almorca dijo: A lo mejor lo que te voy a decir es una burrada, pero ¿has probado con inline-block? Gonzalo: Con dispaly:inline-block no, pero con display:inline block sí que funciona perfectamente :) Muchas gracias a todos. Alejandro Gonzalo Bravo García www.webposible.com - Mensaje original De: carlos campderrós [EMAIL PROTECTED] Para: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Enviado: lunes, 13 de agosto, 2007 17:05:54 Asunto: Re: [Ovillo] Forzar a que un vínculo dentro de una lista horizontal tenga un tamaño fijo hola, On 8/13/07, Alejandro Gonzalo Bravo García [EMAIL PROTECTED] wrote: ALGUIEN SABE CÓMO... Resumiendo todo en forma de cuestionario: Conocéis alguna forma de que una lista de elementos (li) se comporte... 1.- con un salto de línea cuando no cabe en una fila 2.- pudiendo controlar el ancho de cada elemento (para que sean visualmente iguales) 3.- que se parezca a una tabla... sin que el código html sea una tabla 4.- se aceptan varias listas horizontales (una encima de otra) 5.- No se acepta usar una tabla, porque es una lista de elementos, no datos tabulares. has probado: ul li { display: block; float: left; width: 100px; } y tras la lista, poner un elemento que haga clear both. -- 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 Sé un Mejor Amante del Cine ¿Quieres saber cómo? ¡Deja que otras personas te ayuden! http://advision.webevents.yahoo.com/reto/entretenimiento.html ___ 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 prácticas internet móvil
Buenas. Hoy en día hay bastantes recursos sobre web móvil. Te comento algunos: Mobile Web Developer's Guide [http://mobiforge.com/starting/story/dotmobi-mobile-web-developers-guide], se trata de un pdf bastante completo. Aparte de la guía (algún día publicarán una segunda parte, la que tiene que ver con el servidor, según dicen) merece la pena dar un vistazo por el sitio. Hay buenos recursos. Y con respecto a buenas prácticas, está el documento que redactó Luca Passani las Global Authoring Practices for the Mobile Web [http://www.passani.it/gap/]. Y por decir algo más, hay que tener en cuenta que el iPhone tiene mucha presencia dentro de la web móvil, y conviene tenerlo en cuenta. Un vistazo a Safari Web Content Guide [http://developer.apple.com/safari/library/documentation/appleapplications/reference/safariwebcontent/Introduction/Introduction.html], puede resultar provechoso. Por último, aunque la lista está un poco dormida, existe la lista de correo sobre web móvil [http://es.groups.yahoo.com/group/webmovil/] entre cuyas virtudes, está que si alguien habla de gugel guev, será expulsado :) Un saludo Alejandro Gonzalo Bravo García www.webposible --- El jue, 12/11/09, Martín Moreno martin.mor...@gmail.com escribió: De: Martín Moreno martin.mor...@gmail.com Asunto: [Ovillo] Buenas prácticas internet móvil Para: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Fecha: jueves, 12 de noviembre, 2009 09:31 Además de las recomendaciones del W3C ( http://www.w3.org/TR/2006/WD-mobile-bp-20060518/), ¿alguien recomienda algún tipo de buenas prácticas para el desarrollo de webs para móviles? Gracias Martí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 ___ 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] Curso de Xhtml
Buenas. Jaume dice: Yo, no soy ningun esperto programador perome llevo bien con el tema. Sin comentarios. Gonzalo www.webposible --- El lun, 11/1/10, jaume op jaum...@gmail.com escribió: De: jaume op jaum...@gmail.com Asunto: [Ovillo] Curso de Xhtml Para: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Fecha: lunes, 11 de enero, 2010 08:50 Saludois a todos, y desde aqui buenos dias. Por motivos que no vienen al caso, me han propuesto dar un pequeño curso sobre html y css. Es un cursillo tipo de los que dan en el Servef (Centro de Desempleados Españoles). El caso es que me he propuesto que sea rentable a nivel académico, es decir que les valga para algo. Yo, no soy ningun esperto programador perome llevo bien con el tema. Asi que muy respetuosamente me gustaria me dierais algunos consejos a modo de como llevar a cabo la tarea. Tengo algo de material preparado, y las ideas mas o menos claras. Mi plan es comenzar con : - Accesibilidad, Estandares y Semantica - Etiquetas y marcas de contenido. - Ejercicios Html - Separación de contenido y presentación - Css Bueno hay mas cosas pero en principio seria eso mas o menos. Gracias por vuestra atención. -- Saludos Jaume ___ 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] handheld Css
Buenas. Dale un vistazo al artículo de A List Apart [1], pero en pocas palabras, ese tipo de medio es ignorado demasiadas veces, y hay que jugar con varias hojas de estilos y con media query [2] para conseguir un resultado que sea más o menos coherente. Al parecer muchos navegadores de teléfonos móviles consideran inútiles las hojas de estilos handheld y lo que realmente les motiva es el medio screen. Saludos. Gonzalo www.webposible [1] Return of the mobile stylesheethttp://www.alistapart.com/articles/return-of-the-mobile-stylesheet/ [2] CSS Media Query (W3C Candidate Recommendation)http://www.w3.org/TR/css3-mediaqueries/ --- El mié, 17/2/10, Maite Capalleja mcapall...@consultec.es escribió: De: Maite Capalleja mcapall...@consultec.es Asunto: [Ovillo] handheld Css Para: ovillo@lists.ovillo.org ovillo@lists.ovillo.org Fecha: miércoles, 17 de febrero, 2010 13:43 Hola a t...@smailto:t...@s, estoy implementando una hoja de estilos para moviles y soy incapaz de ocultar los elementos que no me interesan, he utilizado el class oculto y lo he definirlo de las siguientes maneras: .oculto { display:none; } .oculto { position: absolute; top: -1600px; } .oculto { height: 0; overflow: hidden; } Si lo veo en el simulador de pantalla pequeña del opera me lo sigue mostrando y lo mismo ocurre en el emulador http://mtld.mobi/emulator.php Alguien se ha encontrado con este problema??? Muchas Gracias Maite Capalleja ___ 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