RE: [Ovillo] anecdota con cliente exigente
He visto tu página, está muy chula pero te doy un consejo: Por favor, escoje un color para los menús de mayor contraste. Yo no soy daltónico, pero me cuesta leer con facilidad las opciones guiño. Además, cumplirías con el punto de verificación de las pautas de accesibilidad que requiere usar colores con contraste: 2.2 Asegúrese de que las combinaciones de los colores de fondo y primer plano tengan suficiente contraste para que sean percibidas por personas con deficiencias de percepción de color o en pantallas en blanco y negro. Alejandro Cuesta Astureco-PFS Informática y Comunicaciones, S.L. (PFS Grupo) www.pfsgrupo.com -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Eddy Josafat Enviado el: lunes, 06 de diciembre de 2004 2:16 Para: [EMAIL PROTECTED] Asunto: [Ovillo] anecdota con cliente exigente Saludos! Estoy maquetando un proyecto en el que se me exige que sea XHTML + CSS explicitamente y atento a la lista de navegadores con los que el cliente comprueba el site, como ven el cliente ni siquiera lo prueba en Windows! (copio textualmente desde el mail del cliente): COMIENZO EXTRACTO MAIL Y con qué navegador no funciona correctamente? ;-) Tengo aqui: Navegadores Mac: Mozilla Mozilla Firefox Mozilla Camino Safari Opera IE for Mac (este es el IE 5 y es el único donde se vé un poco raro) Navegadores Linux (Debian Sarge) Mozilla Mozilla Firefox Konqueror (No lo he probado con Lynx ;-) ) Con todos se ve perfectamente... FIN EXTRACTO MAIL Como sus clientes usarán explorer para windows obviamente también hago que se vea en ese (aunque a desgana, claro ;-) (yo por supuesto uso Linux + Firefox, combinación muy recomendable ;-) Hay algunas diferencias en el aspecto pero lo cierto es que si se ve correcto. No he tenido en cuenta los navegadores previos al nuevo advenimiento de los estándares (o sea, los navegadores anteriores en fecha a la del lanzamiento de Explorer 6 y Netscape 6, porque si no ya es imposible conciliar tiempo de desarrollo con sujección a los estandares + compatibilidad con navegadores q no entienden de estandares, por lo menos tendrán el html para acceder al contenido) La web en obras se puede ver en http://demos.smartec.es/destinum (nunca muestro webs en esta area, pero esta se lanza la semana que viene...) Lo más jodido de maquetar fue el formulario, pude resolver pero me ha parecido todo super raro, a ver si alguien lo entiende y me da una explicación que me ayude a conciliar el sueño por las noches... cuando entreis en el web, no pulseis en el enlace del flash para registrarse (un hay que corregir cosas, añadir imagenes, remaquetar alguna cosa y comprobar la validación del xhtml), sino en el del texto más abajo que te lleva al formulario de registro. Pues bien, como las lineas del formulario llevan clear:both y el menu de la izquierda lleva un float:left pues la primera linea de inputs no aparecia hasta debajo del menu (normal, puesto que el menu va primero en el html, hasta aqui todo correcto...) Bien, cogi al menu, que no lleva coordenadas de posicionamiento pero le añadí la etiqueta position:absolute y consigo que las líneas del formulario aparezcan a su lado correctamente. ¿por qué? ¿podria ser que al ponerle absolute lo saco ya totalmente del flujo regular de la pagina y de cara al formulario ve que efectivamente se ha cumplido su clear:both (ya que no ve el menu)? pero lo que no entiendo es porque al poner absolute no se me ha ido al 0,0 de la pagina... Pero lo alucinante es que al poner el absolute, va el explorer y me coloca el menú a la misma altura pero...a la derecha del formulario! Esto ya me dejó flipando... Como nosotros, siguiendo el consejo del gran gurú Ernesto Rodriguez Ageitos (suscrito a esta lista también, feliz cumpleaños -8 diciembre- y que cumplas muchos más apostando por los estándares ;-), en nuestra empresa programamos todo añadiendo los hacks para explorer en una hoja de estilos con el comentario condicional ese del !--if ie6 que ponemos al final... ... pues en esa hoja cambié el position:absolute por el position:relative y ya tiró en explorer Es que esto de como interpretan los browsers los estandares es de locos, o como se han definido es de locos o el loco debo ser yo...probablemente sea desconocimiento por mi parte, así que..alguien me puede explicar algo? Por otro lado está el asunto de la implementación del DOM. El formulario lleva preguntas que dependen de que hayas respondido otras. Para hacer el formulario accesible lo que decidí fue ponerlo entero en html y luego con javascript + DOM ocultar algunos campos, que se irian mostrando a medida que se respondan ciertas preguntas. Como pueden comprobar en Opera y Konqueror (yo no tengo Mac, asi que no se en cuales de sus navegadores funciona correctamente) los controles no se
RE: [Ovillo] cambiar fondo de celda constantemente
-Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Daniel Torres Burriel Enviado el: viernes, 03 de diciembre de 2004 14:45 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] cambiar fondo de celda constantemente -BEGIN PGP SIGNED MESSAGE- Hash: SHA1 [...] | De todas formas, si ese parpadeo se consigue utilizando CSS (no sé | como) no rompería esta pauta, ya que el usuario podría cambiar la CSS | por otra que desactivara el parpadeo. Más bien dependería de la funcionalidad del agente de usuario en cuanto a controlar, en este caso, la activación o no de la hoja de estilos. Actualmente sólo a través de extensiones en Firefox e Internet Explorer es eso posible, y yo no lo consideraría como que los agentes de usuario lo controlan en la actualidad. El caso de Opera es diferente, ya que sí que permite ese control de forma natural, es decir, sin extensiones que necesiten ser instaladas a posteriori por el usuario. Por lo tanto creo que la pauta seguiría siendo incumplida. Si es posible controlar las CSS con el navegador, con extensiones o sin ellas, yo creo que sí se puede decir que, de algún modo, el agente de usuario lo controla. Te está dando esa posibilidad! Antes, sin extensiones ni Opera, una persona con discapacidad tendría que tragar con el parpadeo. Ahora puede instalar un navegador (y extensión) con ese control y desactivar la hoja de estilos que provoca el parpadeo. Eso sí, el control por parte del agente es claramente mejorable. Saludos Daniel. Alejandro Cuesta Astureco-PFS Informática y Comunicaciones, S.L. (PFS Grupo) www.pfsgrupo.com ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a [EMAIL PROTECTED] Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo_ovillo.org
RE: [Ovillo] Problema de centrado, se acabo el problema
-Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Manuel González Noriega Enviado el: viernes, 26 de noviembre de 2004 11:46 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] Problema de centrado, se acabo el problema [...] Terminas haciendo un alegato pro-tablas. Yo te animo a que lo desarrolles y nos convenzas de que las tablas no son tan malas como dicen Por ponertelo mas facil, aqui tienes una recopilación de los problemas que ofrecen las tablas: http://www.effectivetranslations.com/stupidtables/ [...] Buena URL! Alejandro Cuesta Astureco-PFS Informática y Comunicaciones, S.L. (PFS Grupo) www.pfsgrupo.com ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a [EMAIL PROTECTED] Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo_ovillo.org
RE: [Ovillo] Viñetas de listas desplazadas en IE
Bueno, he sido poco preciso en la explicación del problema. En realidad el problema se da con culquier elemento, incluso con párrafos, lo que pasa es que se ve mejor con listas. Gracias por la sugerencia. Alejandro Cuesta Astureco-PFS Informática y Comunicaciones, S.L. (PFS Grupo) www.pfsgrupo.com -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Manuel González Noriega Enviado el: viernes, 26 de noviembre de 2004 11:46 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] Viñetas de listas desplazadas en IE On Wed, 24 Nov 2004 17:09:49 +0100, Alejandro Cuesta [EMAIL PROTECTED] wrote: Hombre, list-style-type hace lo que quiero, sino lo hace pues background-image. De todas formas, tiene algo que ver con el thread? No sé, era por si los problemas que te daban las viñetas podrían solucionarse eliminandolas y trabajando con la img de fondo. La verdad es q nunca trabajo con viñetas. -- Manuel a veces :) a veces :( pero siempre trabajando duro para Simplelógica: apariencia, experiencia y comunicación en la web. http://simplelogica.net # (+34) 985 22 12 65 ¡Ah! y escribiendo en Logicola: http://simplelogica.net/logicola/ ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a [EMAIL PROTECTED] Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo_ovillo.org ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a [EMAIL PROTECTED] Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo_ovillo.org
RE: [Ovillo] Problema de centrado, se acabo el problema
No te falta razón. El problema no es saber CSS, es que lo soporte bien IE. Por mucho que duela, IE es el más influyente. Solo hay que fijarse en el bloqueo de ventanas emergentes (pop up). Mientras no lo hacía IE no pasaba nada, desde que existe el SP2 y por tanto el bloqueo de ventanas emergentes, ahora muchas páginas tienen problemas y tendrán que adaptarlas. Quizás el camino está en comenzar en presionar a Microsoft para que actualice o libere el código de MS Internet Explorer. ;) Alejandro Cuesta Astureco-PFS Informática y Comunicaciones, S.L. (PFS Grupo) www.pfsgrupo.com -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Mauro Borquez | Emebe Enviado el: miércoles, 24 de noviembre de 2004 23:01 Para: Ovillo, la lista de CSS en castellano Asunto: RE: [Ovillo] Problema de centrado, se acabo el problema Hoy probe en armar una tabla y aplicarle mi css y oh sorpresa ! tanto firefox como explorer la tomaron perfectamente, por el momento no me seguire haciendo problemas voy a seguir utilizando las tablas, me canse de dar un paso y tener problemas o con firefox o con explorer, ninguno de los navegadores me ofrece la seguridad de que al aplicarle mi css va a estar todo bien. Ahora el problema no es no saber css sino tambien entender a los navegadores y ya es el colmo, la mayoria de la gente utiliza explorer por eso cuando diseño hago el preview en explorer pero yo utilizo firefox por lo tanto hago un preview ahi tambien y hasta que estos dos navegadores no me ofrezcan ventajas les sacare provecho a las tablas que despues de todo no son tan malas como dicen. Saludos a todos y gracias por la ayuda Mauro - Original Message - From: Rafael Vasquez Ramos [EMAIL PROTECTED] To: Ovillo, la lista de CSS en castellano [EMAIL PROTECTED] Sent: Tuesday, November 23, 2004 1:26 AM Subject: Re: [Ovillo] Problema de centrado Hola señores, yo experimente lo siguiente: Use este codigo tal cual como lo envio Mauro, y realmente existe el problema en IE. Luego se me dio por eliminar la siguiente etiqueta: *?xml version=1.0 encoding=utf-8?* (en mi caso es generada automaticamente por DreamWeaver) y no me dio mas problemas en IE, todavia no he tenido tiempo de investigar el porque, espero que si alguien lo sabe lo comente. Codigo: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd; html xmlns=http://www.w3.org/1999/xhtml; head titleUntitled Document/title meta http-equiv=Content-Type content=text/html; charset=iso-8859-1 / style type=text/css media=screen !-- #cuerpo { margin: 0 auto; width: 770px; text-align: left; background: #EE; padding: 5px; } - -- /style /head body div id=cuerpo div id=logoimg src=data/logo.gif/div div id=menumenu/div hr div id=tituloPORTADA 1/div hr /div /body /html RAFAEL VASQUEZ R. - Support Director - -- - [EMAIL PROTECTED] WEB: www.latindesigners.com - MSN: [EMAIL PROTECTED] Latin-Designers Corporation - Miami Florida USA 2557 NE 190 Street. Zip Code 33180 Cel: 57.300.803.3890 // Web Development - E-commerce - Web Hosting - Custom Programing Maintenance - Domain Registration - Flash Animation - OutSourcing EMarketing - Web Design - Web sites $495 -- - Who you are is what you do everyday == = Camilo Kawerín escribió: Hola, Mauro Borquez | Emebe escribió: Hola gente les transcribo un problema que tengo para centrar un div haber si me pueden ayudar. Acá va mi código: En la css tengo: div.general {width: 780px; margin-left: auto; margin-right: auto;} Y en el html: div class=general div id=logoimg src=data/logo.gif/div div id=menumenu/div hr div id=tituloPORTADA 1/div hr /div Supuestamente esto debeía aparecer centrado o al menos esa es mi intención, si alguien me puede corregir lo agradecería. Depende de dónde lo estés viendo. Si es un navegador que interpreta correctamente CSS2 tiene que funcionar (Firefox, por ejemplo). En Explorer 6, en cambio, no funciona y tenés que agregarle un text-align:center; al elemento contenedor (en body {}, por ejemplo). Ah, y yo pondría: div id=general #general {width: 780px; margin: auto; } Espero que te sea de ayuda. Saludos! ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a [EMAIL PROTECTED] Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo
RE: [Ovillo] Problema de centrado
De ahí la recomendación de quitar el prólogo xml (tan discutido en esta lista) según las pautas de compatibilidad XHTML [http://www.w3.org/TR/xhtml1/#guidelines]. Si se declara, IE entra en quirksmode. Alejandro Cuesta Astureco-PFS Informática y Comunicaciones, S.L. (PFS Grupo) www.pfsgrupo.com -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Rafael Vasquez Ramos Enviado el: miércoles, 24 de noviembre de 2004 22:31 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] Problema de centrado Hola señores, yo experimente lo siguiente: Use este codigo tal cual como lo envio Mauro, y realmente existe el problema en IE. Luego se me dio por eliminar la siguiente etiqueta: *?xml version=1.0 encoding=utf-8?* (en mi caso es generada automaticamente por DreamWeaver) y no me dio mas problemas en IE, todavia no he tenido tiempo de investigar el porque, espero que si alguien lo sabe lo comente. Codigo: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd; html xmlns=http://www.w3.org/1999/xhtml; head titleUntitled Document/title meta http-equiv=Content-Type content=text/html; charset=iso-8859-1 / style type=text/css media=screen !-- #cuerpo { margin: 0 auto; width: 770px; text-align: left; background: #EE; padding: 5px; } - -- /style /head body div id=cuerpo div id=logoimg src=data/logo.gif/div div id=menumenu/div hr div id=tituloPORTADA 1/div hr /div /body /html -- RAFAEL VASQUEZ R. - Support Director - -- - [EMAIL PROTECTED] WEB: www.latindesigners.com - MSN: [EMAIL PROTECTED] Latin-Designers Corporation - Miami Florida USA 2557 NE 190 Street. Zip Code 33180 Cel: 57.300.803.3890 // Web Development - E-commerce - Web Hosting - Custom Programing Maintenance - Domain Registration - Flash Animation - OutSourcing EMarketing - Web Design - Web sites $495 -- - Who you are is what you do everyday == = ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a [EMAIL PROTECTED] Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo_ovillo.org ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a [EMAIL PROTECTED] Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo_ovillo.org
RE: [Ovillo] Viñetas de listas desplazadas en IE
Hombre, list-style-type hace lo que quiero, sino lo hace pues background-image. De todas formas, tiene algo que ver con el thread? Alejandro Cuesta Astureco-PFS Informática y Comunicaciones, S.L. (PFS Grupo) www.pfsgrupo.com -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Manuel González Noriega Enviado el: martes, 23 de noviembre de 2004 18:16 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] Viñetas de listas desplazadas en IE On Tue, 23 Nov 2004 09:31:44 +0100, Alejandro Cuesta [EMAIL PROTECTED] wrote: Sí, ese es el problema. En realidad, ese problema se llama The IE Three Pixel Text-Jog [1] y es un bug que deja 3px de separación en los parrafos y listas que están a la altura de la capa con {float:left}. Según lo que he leído, creo que es muy difícil eliminarlo o casi imposible. Pero quería conocer las ideas que se pudieran aportar en esta lista, desde posibles soluciones a disposición de capas alternativas. ¿Utilizas las viñetas con list-style-type? ¿No te es mejor pasar y utilizar background-image? -- Manuel a veces :) a veces :( pero siempre trabajando duro para Simplelógica: apariencia, experiencia y comunicación en la web. http://simplelogica.net # (+34) 985 22 12 65 ¡Ah! y escribiendo en Logicola: http://simplelogica.net/logicola/ ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a [EMAIL PROTECTED] Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo_ovillo.org ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a [EMAIL PROTECTED] Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo_ovillo.org
RE: [Ovillo] Viñetas de listas desplazadas en IE
Sí, ese es el problema. En realidad, ese problema se llama The IE Three Pixel Text-Jog [1] y es un bug que deja 3px de separación en los parrafos y listas que están a la altura de la capa con {float:left}. Según lo que he leído, creo que es muy difícil eliminarlo o casi imposible. Pero quería conocer las ideas que se pudieran aportar en esta lista, desde posibles soluciones a disposición de capas alternativas. Gracias por tu solución. Alejandro Cuesta Astureco-PFS Informática y Comunicaciones, S.L. (PFS Grupo) www.pfsgrupo.com [1] http://www.positioniseverything.net/explorer/threepxtest.html -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Daniel G.B. Enviado el: martes, 23 de noviembre de 2004 0:31 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] Viñetas de listas desplazadas en IE Hola Alejandro, He probado tu ejemplo y lo que he notado es que algunas lineas de la segunda lista (contenidos) se desplazan un poco a la derecha (en concreto el uno y el dos). Lo único que he probado es a definir el margen y el relleno de la etiqueta UL ul style=margin:0; padding:0 0 0 2em; y parece que ese efecto desaparece. ¿era eso lo que quería evitar? Daniel G.B. Exelweiss Ent. At 17:32 20/11/2004, you wrote: Existe un problema con IE a la hora de utilizar capas y listas. Cuando se utiliza una capa como menu alineada a la izquierda de la pantalla (float:left) y se pone una lista en otra capa que se alinea justo a su lado, las viñetas que aparecen en el contenido se desplazan. Como me explico fatal, lo mejor un ejemplo: !-- copy paste -- div id=menu style=float: left; background-color: #DFD ul liuno/li lidos/li litres/li /ul /div div id=contenidos style=margin-left: 150px;background-color:#DDF pTexto de los contenidos/p ul liuno/li lidos/li litres/li /ul /div !-- copy paste -- He leído alguna que otra solución al problema, pero son soluciones parciales. Alguien sabe como solucionarlo? Alejandro Cuesta Astureco-PFS Informática y Comunicaciones, S.L. (PFS Grupo) www.pfsgrupo.com ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a [EMAIL PROTECTED] Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo_ovillo.org ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a [EMAIL PROTECTED] Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo_ovillo.org ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a [EMAIL PROTECTED] Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo_ovillo.org
[Ovillo] Viñetas de listas desplazadas en IE
Existe un problema con IE a la hora de utilizar capas y listas. Cuando se utiliza una capa como menu alineada a la izquierda de la pantalla (float:left) y se pone una lista en otra capa que se alinea justo a su lado, las viñetas que aparecen en el contenido se desplazan. Como me explico fatal, lo mejor un ejemplo: !-- copy paste -- div id=menu style=float: left; background-color: #DFD ul liuno/li lidos/li litres/li /ul /div div id=contenidos style=margin-left: 150px;background-color:#DDF pTexto de los contenidos/p ul liuno/li lidos/li litres/li /ul /div !-- copy paste -- He leído alguna que otra solución al problema, pero son soluciones parciales. Alguien sabe como solucionarlo? Alejandro Cuesta Astureco-PFS Informática y Comunicaciones, S.L. (PFS Grupo) www.pfsgrupo.com ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a [EMAIL PROTECTED] Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo_ovillo.org
RE: [Ovillo] puedo hacer un dosumento html 4.01 válido si le inserto un flash?
Echa un vistazo a esta página que explica cómo hacerlo: http://www.alistapart.com/articles/flashsatay/ Verás que todo es maravillosamente perfecto excepto con un navegador, que casualmente es nuestro amigo IE. Alejandro Cuesta Astureco-PFS Informática y Comunicaciones, S.L. (PFS Grupo) www.pfsgrupo.com -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Carlos Enviado el: sábado, 13 de noviembre de 2004 17:45 Para: Ovillo, la lista de CSS en castellano Asunto: [Ovillo] puedo hacer un dosumento html 4.01 válido si le inserto un flash? Hola a todos Deùés de armar este diseño: http://www.leslu.net/reta/empresa/bx.html Me fui a http://validator.w3.org para ver si tenía algún error y veo que todos los errores son referentes a como inserte el pequeño flash que tiene la página. Hay alguna manera de insertar el flash para que sea váalido? gracias... Chuchurex [EMAIL PROTECTED] ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a [EMAIL PROTECTED] Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo_ovillo.org
RE: [Ovillo] Validación formularios
Esta mal la forma de especificar input y label. Debería ser así: Cuando planifico mis vacaciones busco: divinput type=checkbox value=1 id=q01 name=p_q01_1 /label for=q01Únicamente tomar el sol/label/div divinput type=checkbox value=1 id=q02 name=p_q01_2 /label for=q02Tomar el sol y conocer otros lugares y culturas/label/div Alejandro Cuesta Astureco-PFS Informática y Comunicaciones, S.L. (PFS Grupo) www.pfsgrupo.com -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Eddy Josafat Enviado el: sábado, 13 de noviembre de 2004 20:00 Para: [EMAIL PROTECTED] Asunto: [Ovillo] Validación formularios [...] Pero cuando meto checkbox, solo uso un label para el comienzo, y el texto de cada checkbox lo meto entre etiquetas de apertura y cierre de input y esto es lo que no me ha colado en el validador, ejemplo: div class=pregunta label for=q01Cuando planifico mis vacaciones busco:/label divinput type=checkbox value=1 id=q01 name=p_q01_1Únicamente tomar el sol/input/div divinput type=checkbox value=1 name=p_q01_2Tomar el sol y conocer otros lugares y culturas/input/div El validador me da para cada linea de estas la secuencia de errores: Line 138, column 57: end tag for input omitted, but OMITTAG NO was specified ...e=checkbox value=1name=p_q01_2Tomar el sol y conocer otros lugares y c Line 138, column 10: start tag was here divinput type=checkbox value=1name=p_q01_2Tomar el sol y conocer Line 138, column 111: end tag for element input which is not open ...nocer otros lugares y culturas/input/div Y asi con todos... No vale como respuesta usar otro DOCTYPE ;-), puesto que el cliente ha especificado que quiere la pagina XHTML + CSS. Gracias! ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a [EMAIL PROTECTED] Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo_ovillo.org ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a [EMAIL PROTECTED] Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo_ovillo.org
RE: [Ovillo] Problema de validacion con XHTML 1.0!
-Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Jordi Enviado el: viernes, 05 de noviembre de 2004 1:15 Para: [EMAIL PROTECTED] Asunto: [Ovillo] Problema de validacion con XHTML 1.0! Estoy creando una pagina con XHTML 1.0 Transitional y tengo algunos problemas con la validacion por culpa del uso de SESSIONES en php. Al utilizar SESSIONES algunas URL se convierten: index.php?cat=registrarPHPSESSID=1ebdc9e93d8e80784372590356034b añadiendo al final el code de la session, cuando subo la pagina al servidor y compruevo alguna URL con el validador del W3C me da como resultado que esas URL son incorrectas al estar utilizando el simbolo que deberia ser amp; debido a unencoded ampersands in URLs Esto es por que el parser de xml podría interpretar que es el inicio de una entidad (eur; por ejemplo). Has de sustituir el ampersand por su correspondiente entidad: === amp; Alejandro Cuesta Astureco-PFS Informática y Comunicaciones, S.L. (PFS Grupo) www.pfsgrupo.com ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a [EMAIL PROTECTED] Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo_ovillo.org
RE: [Ovillo] javascript - navegadores
Se puede tener una página accesible y a usar javascript. Lo que hay que tener en cuenta es que hay que tener una alternativa para navegadores sin javascript. Si compruebas las pautas de accesibilidad [1] seguro que lo consigues. Cómo evitar javascript? Lenguaje de script en el servidor: php, jsp, etc. por ejemplo. [1] http://www.w3.org/TR/WCAG10/full-checklist.html Alejandro Cuesta Astureco-PFS Informática y Comunicaciones, S.L. (PFS Grupo) www.pfsgrupo.com -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de [EMAIL PROTECTED] Enviado el: viernes, 05 de noviembre de 2004 6:30 Para: [EMAIL PROTECTED] Asunto: [Ovillo] javascript - navegadores Hola, este es mi primer post en esta lista tan didáctica. Estoy trabajando en una web en la que los contenidos se muestran con CSS. Debido a que todavía no me manejo muy bien, he debido hacer diferentes versiones de la hoja de estilos según el navegador del usuario. Para cargar la hoja adecuada utilizo un javascript. Teniendo en cuenta que uno de los objetivos de la web es ser lo más accesible posible, ¿hasta qué punto es accesible utilizar un javascript? ¿existe alguna otra forma de realizar la misma tarea? Gracias por anticipado Fran ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a [EMAIL PROTECTED] Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo_ovillo.org ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a [EMAIL PROTECTED] Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo_ovillo.org
RE: [Ovillo] Reemplazo de texto por imágenes
La verdad, esta forma de cambiar texto por imágenes me parece un poco rebuscada. No sería más fácil poner una imagen directamente? En un navegador sin imágenes su imagen es sustituida por su texto alternativo. Totalmente accesible y con sentido. h1img src=titulo1.gif alt=Título1 //h1 !-- SIEMPRE HA DE ESCRIBIRSE EL TEXTO ALTERNATIVO -- Eso sí, recuerda que cambiar un texto por una imagen, es menos accesible en el sentido de que no se puede cambiar el tamaño de la letra en navegadores que muestren la imagen. Alejandro Cuesta Astureco-PFS Informática y Comunicaciones, S.L. (PFS Grupo) www.pfsgrupo.com -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Milton Mazzarri Enviado el: viernes, 05 de noviembre de 2004 0:30 Para: Ovillo, la lista de CSS en castellano Asunto: [Ovillo] Reemplazo de texto por imágenes Saludos Cordiales El motivo por el cual escribo a la lista se debe a que he estado realizando unas pruebas acerca del reemplazo de texto por imágenes y se me han presentado algunas inquietudes al respecto. Supongan que tengo la siguiente estructura en el documento XHTML y no puedo modificarla: div id=titulo h1spanCabecera/span/h1 /div Resulta que quiero reemplazar el texto 'Cabecera' por una imagen de fondo que lleva el mismo texto utilizando CSS, para ello he hecho lo siguiente: div#titulo h1{ margin: 0; height: XXpx; /*donde XX es la altura de la imagen */ background: url(cabecera.jpg) top left no-repeat; } div#titulo h1 span{ display: none; } Evidentemente hay un problema de accesibilidad, el problema al que me refiero se da en el caso en que alguien no tenga activada la carga de imágenes, simplemente no se verá el título, esto se deriva por el uso de la segunda regla mostrada en el ejemplo. Ahora bien, ante esta situación deseo consultarles cual sería la mejor opción para solucionar este problema. De igual manera he utilizado otra manera de ocultar el texto del título, la propiedad del 'text-indent' con valores negativos muy grandes, pero igual que antes el título no aparece en caso de que la carga de las imágenes sea desactivada. La segunda y última inquietud que se me ha presentado hasta ahora es como puedo alcanzar a través de CSS los siguientes subtitulos para reemplazarlos por imágenes, supongan que lo siguiente es la estructura del documento en XHTML: div id=cuerpo h1spanTítulo/span/h1 pViene el primer párrafo/p h2spanSubtitulo 1/span/h2 pViene el segundo párrafo/p h2spanSubtitulo 2/span/h2 pViene el tercer párrafo/p /div Para reemplazar el contenido del 'Título' no he tenido inconveniente alguno, lo he hecho tal cual como se indico anteriormente. El inconveniente se me presenta cuando quiero reemplazar el 'Subtitulo 1' y el 'Subtitulo 2' de manera independiente, si construyo las siguientes 2 reglas: div#cuerpo h2{ margin: 0; height: XXpx; /*donde XX es la altura de la imagen */ background: url(subitulo1.jpg) top left no-repeat; } div#cuerpo h2 span{ display: none; } Lógicamente estaría modificando ambos Subtítulos en vez de uno, lo más fácil fuese que cada subtítulo tuviese un identificador y así podría manipularlos sin mayores inconvenientes, pero se me presenta el problema que no puedo modificar el documento XHTML, así que estoy atado de manos. Por lo cual recurro ante ustedes para consultarles si en este caso en particular me olvido del reemplazo de los subtítulos por imágenes o si existe alguna manera de alcanzarlos independientemente. De antemano quedo agradecido ante ustedes por la ayuda que puedan brindarme, -- # Milton Mazzarri # Usuario de GNU/Linux: #369158 # Ubuntu Linux # Weblog: http://milmazz.blogspot.com # En la ruta al 1º Foro Mundial de Tecnología Libre # Caracas-Venezuela, del 17 al 21 de Noviembre ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a [EMAIL PROTECTED] Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo_ovillo.org ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a [EMAIL PROTECTED] Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo_ovillo.org
RE: [Ovillo] Hojas de impresióno algo por el estilo :)
-Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de [EMAIL PROTECTED] Enviado el: viernes, 05 de noviembre de 2004 17:46 Para: ovillo Asunto: [Ovillo] Hojas de impresióno algo por el estilo :) Tengo entendido que se puede hacer una especie de hoja de estilos para establecer un formato de impresión, en realidad ni siquiera se si tiene algo que ver con esta lista pero como estoy tan perdio cualquier indicación que me podais facilitar sobre el tema me ayudara sin duda. Muchas gracias desde ya. Si, puedes definir hojas de estilos diferentes para según qué medios: una para la pantalla, otra para imprimir, otra para PDAs, etc. Si quieres definir una hoja de estilos externa, hazlo con una línea como esta: link rel=stylesheet type=text/css href=css/imprimir.css media=print / Si te interesa usar ciertos estilos según el medio en una mima CSS, usa @media dispositivo: @media print { #menu { display: none; } } dispositivo puede ser: screen, print, handheld, braille, etc. W3Schools tiene un resumen de cómo hacerlo: http://www.w3schools.com/css/css_mediatypes.asp (inglés) Alejandro Cuesta Astureco-PFS Informática y Comunicaciones, S.L. (PFS Grupo) www.pfsgrupo.com ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a [EMAIL PROTECTED] Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo_ovillo.org
RE: [Ovillo] HTML vs XHTML
-Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Manuel González Noriega Enviado el: miércoles, 03 de noviembre de 2004 20:01 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] HTML vs XHTML Discutir si se debe usar o no, es discutir si se quiere avanzar o quedarse en el sitio. Personalmente opino que con esta mentalidad anti-discusión y anti-razonamiento vamos mal. Discutir si se debe usar o no determinada tecnología es el mecanismo para avanzar en la comprensión del medio en el que nos movemos y entender las sutilezas de nuestro oficio para ser mejores profesionales. Esa mejora diaria constante si es avanzar de verdad. Yo soy (dentro de mis limitaciones) mejor profesional de lo que era hace unos dias gracias a que charlar con la gente de Ovillo, por ejemplo Ariel, o con los que comentan en el weblog, por ejemplo Virginia Aguirre, me ha posibilitado aprender cosas que no sabía antes de este debate. Por ejemplo, el uso del header 'Vary', que asumo que todos los que avanzais continuamente ya conociais pero para mi, con mi afán retrogrado por quedarme en el sitio me era desconocido. En esto estoy totalmente de acuerdo. Evitar discutir no es avanzar. Esto no es discutir, es un debate para recibir opiniones de diferentes puntos de vista y avanzar en tu conocimiento. De hecho este thread es eso, un debate que nos ayude a decidir si usar HTML o XHTML, no una competición para ver quién tiene razón. Alejandro Cuesta Astureco-PFS Informática y Comunicaciones, S.L. (PFS Grupo) www.pfsgrupo.com ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a [EMAIL PROTECTED] Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo_ovillo.org
RE: [Ovillo] Que usar como unidad de medida, px o em?
Para conseguir una página lo más ACCESIBLE posible, se recomienda usar unidades relativas (em o %) para tamaños de letra. Esto es debido a que IE no permite cambiar el tamaño de letra si usas unidades absolutas (px, pt), y por tanto las personas que tengan algún problema visual (vista cansada, por ejemplo), tendrán más dificultades para leer tu página. En las partes donde no influya el cambio de tamaño de letra, se puede usar unidades absolutas. #menu { position: absolute; top: 100px; /* siempre estará a 100px del borde superior independientemente del cambio de letra */ right: 0; /* siempre estará a 0px del lateral derecho independientemente del cambio de letra */ width: 15em; /* el ancho del menu crecerá a medida que crezca la letra, para que la capa crezca con ellas */ font-size: 1em; /* las letras tendrán el tamaño definido en el navegador */ padding: 2pt; /* siempre habrá 2pt de padding independientemente del tamaño de la letra */ margin: 2pt; /* siempre habrá 2pt de margin independientemente del tamaño de la letra */ border: 1px solid #AAA; } Recuerda que em indica un tamaño tantas veces más grande que el tamaño de letra definido en el navegador. Alejandro Cuesta Astureco-PFS Informática y Comunicaciones, S.L. (PFS Grupo) www.pfsgrupo.com -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Joe Lynch Enviado el: martes, 02 de noviembre de 2004 18:16 Para: [EMAIL PROTECTED] Asunto: [Ovillo] Que usar como unidad de medida, px o em? Qué tal grupo? Me gustaría saber su opinión con respecto a usar 'px' o 'em' al definir una section en una página. Tengo tres secciones definidas de manera similar al ejemplo que sigue a continuación: #titulo { position: absolute; width: 50em;/*800px; */ height: 6.5em; /*110px; */ z-index: 1; left: 0.5em;/*10px; */ top: 0.5em; /*10px; */ padding-top: 0em; background-color: #ff; } Mi pregunta es Qué es lo que se recomienda usar como medida, los pixels o los em (px, em)? Pregunto pues he tratado ambos y las secciones (aunque declaradas 'absolute') se extienden mas allá del ancho (width) definido CUANDO cambio el tamaño del texto. He mirado yahoo.com por ejemplo y cuando hago las letras mas grandes (usando IE o Firefox) la página entera se mueve de su posición central hacia la izquierda y se agranda proporcionalmente (texto y secciones (boxes)). Los márgenes se mantienen derechos a ambos lados. Si hago lo mismo con mi página, las secciones (ahora con las letras mas grandes) estiran hacia la derecha pero no de manera proporcional y algunas sobresalen más que las otras arruinando el margen derecho. Primero pensé que era el uso de 'em' pero al usar 'px' pasa lo mismo. Deberia tener mis secciones dentro de una sección grande que abarque todo el 'body' de la página? He mirado lo que hace yahoo.com pero no veo nada que me indique el truco. Gracias. José Mi página está aquí http://www.thennet.com/ Puse el fondo de color gris para poder ver lo que pasa. __ Do you Yahoo!? Check out the new Yahoo! Front Page. www.yahoo.com ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a [EMAIL PROTECTED] Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo_ovillo.org
RE: [Ovillo] Que usar como unidad de medida, px o em?
1em = Tamaño de letra definido en el navegador 2em = El doble de la letra definida en el navegador 0.5em = La mitad de la letra definida en el navegador Alejandro Cuesta Astureco-PFS Informática y Comunicaciones, S.L. (PFS Grupo) www.pfsgrupo.com -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Braulio Andrés Soncco Pimentel Enviado el: miércoles, 03 de noviembre de 2004 10:31 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] Que usar como unidad de medida, px o em? Hablando de esto: 1 em ¿A cuántos píxeles equivale? O_O ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a [EMAIL PROTECTED] Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo_ovillo.org ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a [EMAIL PROTECTED] Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo_ovillo.org
RE: [Ovillo] HTML vs XHTML
Me ha gustado mucho esta explicación de Manuel. Quizás es demasiado temprano el uso de de XHTML estricto, con el correcto MIME type, y HTML 4.01 por ahora cumple con todo lo que se necesita en este caos de estánderes y agentes de usuario. De todas formas, me he fijado que vuestra página simplelogica.net, está escrita en xhtml estricto. Y eso? ;) Alejandro Cuesta Astureco-PFS Informática y Comunicaciones, S.L. (PFS Grupo) www.pfsgrupo.com -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Manuel González Noriega Enviado el: viernes, 29 de octubre de 2004 17:46 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] HTML vs XHTML Como no tengo a mano el mensaje de Alejandro, le contesto al mismo tiempo que a Ariel Ariel Burone wrote: Alejandro Cuesta wrote: A raiz de la discusión acerca de poner o no poner el prólogo xml en los documentos XHTML, creo que me gustaría abrir otro debate acerca de si es mejor hoy en día seguir usando HTML o pasar a XHTML, desde el punto de vista de la compatibilidad entre navegadores y de la accesibilidad. XHTML ofrece ahora mismo dos ventajas objetivas: - Puedes parsearlo como XML - Puedes combinarlo con otros lenguajes XML, como MathML o SVG Ninguna más. El resto son preferencias personales, pero nada que se pueda calificar de ventaja. Desventajas de XHTML: - Directamente, en el 90% de los agentes que van a consumir las páginas NO VAS A PODER CUMPLIR EL ESTANDARD. En el mejor de los casos, podrás aproximarte a cumplirlo siguiendo las guías del apendice C, que más que nada se inventó como mal menor para que XHTML no fuera completamente inviable, y mediante la discriminación de cabeceras. Yo hace unos meses asistí a un curso de la W3C y se aconsejaba utilizar XHTML. Las razones no se dijeron, pero me hizo dudar entre usar uno u otro, ya que yo hasta ese día usaba HTML. Yo creo que todos usaríamos XHTML por todas las ventajas que ello conlleva: documentos válidos, transformaciones, etc. Con las transformaciones de acuerdo, con la observación de que en realidad no es algo que esté presente en muchos proyectos. Con la validez no, y este es el punto que más me molesta, que a la gente se le embrolla la cabeza de tal forma que asocia estándares o validación con XHTML y solo con él. El único problema está en la compatibilidad entre los navegadores, concretamente creo que entre las diferentes versiones del IE, que desafortunadamente es el más usado. Mis conocimientos acerca de las caracterísitcas de cada navegador no son tan precisos, pero hasta donde se, la compatibilidad se puede conseguir: mediante hojas de estilo, cambios de cabecera, etc. De todas formas, hago las siguientes preguntas para ver si aclaramos un poco este tema: - Cuáles son las ventajas/desventajas de seguir usando HTML? Ventajas: puedes hacer páginas muy monas. :o) Desventajas: que se sepa, ninguna - Cuáles son las ventajas/desventajas de comenzar a usar XHTML? Ventajas: podrás parsearlo como XML y/o combinarlo con otras sintaxis XML Desventajas: En el 90% de los agentes de usuario NO CUMPLIRÁS EL ESTANDARD - Cuáles son las pautas a seguir para conseguir la compatilidad entre navegadores usando XHTML? Mmm supongo que te refieres al apendice C, que da unas guías para los documentos que tengan que enviarse como text/html http://www.w3.org/TR/xhtml1/#guidelines - De seguir usando HTML, hasta cuando deberíamos esperar para comenzar a escribir nuestras páginas en XHTML? Pues bastante supongo, pero tampoco lo veo como una espera. Hay grandes posibilidades de que nunca tengas la necesidad de usar XHTML. Ahora contesto a Ariel :) - Yo no veo ninguna ventaja en el html por sobre el xhtml. Si hay algo que un navegador antiguo no entienda, simplemente lo va a ignorar, como todos los navegadores hicieron siempre. Justamente esa era la idea original del html. Entonces, si trabajas con XHTML e identificas el lenguaje de un recurso con xml:lang =es, y el agente HTML lo ignora estás disminuyendo la accesibilidad de la página ¿no? Las ventajas del HTML sobre el XHTML son segun yo veo dos: - Puedes cumplir siempre el estandard y en ningún caso tienes que mandar páginas rotas - Puedes hacerlo con menos trabajo, ni discriminación de cabeceras ni apendice C Si le doy un documento xhtml a internet explorer 1.0 lo va a interpretar y mostrar sin mas. No entiende hojas de estilo, asi que no las usara, no sabe que es eso de xml asi que ignorara esa linea... Y como he dicho antes, los recursos no tendrás un idioma asociado a menos que utilices también lang=es. Y todo eso, POR NINGUNA VENTAJA EN ABSOLUTO :o) El prologo xml: Tanta historia por eso? El navegador que no sepa que es eso, lo ignora. En IE 6 hará saltar el quirksmode, lo cual puede causar, como sabes, significativas diferencias en la visualización de la página. Header application/xhtml+xml: Aca hay unos
RE: [Ovillo] Sobre capas
Con CSS se consigue poniendo position: fixed;, aunque esto creo que no funciona en IE. De todas formas en Listamatic [http://css.maxdesign.com.au/listamatic/], quizás encuentres la forma de hacerlo. Alejandro Cuesta Astureco-PFS Informática y Comunicaciones, S.L. (PFS Grupo) www.pfsgrupo.com -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de [EMAIL PROTECTED] Enviado el: viernes, 29 de octubre de 2004 1:01 Para: ovillo Asunto: [Ovillo] Sobre capas - Mensaje reenviado de [EMAIL PROTECTED] - Fecha: Thu, 28 Oct 2004 15:20:46 +0200 De: [EMAIL PROTECTED] Responder-A: [EMAIL PROTECTED] Para: ovillo [EMAIL PROTECTED] Hola lista. Necesito vuestra ayuda, tengo que hacer una pagina que debe tener una botonera fija abajo debe comportarse como si la botonera estuviera en un frame aparte pero sin ser un frame. He pensado en hacerlo con capas y me gustaría saber cual es la mejor y mas estándar manera de hacerlo. Si podéis decirme algún sitio donde puede encontrar esta información o facilitármela vosotros os lo agradeceré. Muchas gracias a todos de antemano. This message was sent using IMP, the Internet Messaging Program. - Fin del mensaje reenviado - This message was sent using IMP, the Internet Messaging Program. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a [EMAIL PROTECTED] Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo_ovillo.org ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a [EMAIL PROTECTED] Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo_ovillo.org
[Ovillo] HTML vs XHTML
A raiz de la discusión acerca de poner o no poner el prólogo xml en los documentos XHTML, creo que me gustaría abrir otro debate acerca de si es mejor hoy en día seguir usando HTML o pasar a XHTML, desde el punto de vista de la compatibilidad entre navegadores y de la accesibilidad. Yo hace unos meses asistí a un curso de la W3C y se aconsejaba utilizar XHTML. Las razones no se dijeron, pero me hizo dudar entre usar uno u otro, ya que yo hasta ese día usaba HTML. Yo creo que todos usaríamos XHTML por todas las ventajas que ello conlleva: documentos válidos, transformaciones, etc. El único problema está en la compatibilidad entre los navegadores, concretamente creo que entre las diferentes versiones del IE, que desafortunadamente es el más usado. Mis conocimientos acerca de las caracterísitcas de cada navegador no son tan precisos, pero hasta donde se, la compatibilidad se puede conseguir: mediante hojas de estilo, cambios de cabecera, etc. De todas formas, hago las siguientes preguntas para ver si aclaramos un poco este tema: - Cuáles son las ventajas/desventajas de seguir usando HTML? - Cuáles son las ventajas/desventajas de comenzar a usar XHTML? - Cuáles son las pautas a seguir para conseguir la compatilidad entre navegadores usando XHTML? - De seguir usando HTML, hasta cuando deberíamos esperar para comenzar a escribir nuestras páginas en XHTML? Alejandro Cuesta Astureco-PFS Informática y Comunicaciones, S.L. (PFS Grupo) www.pfsgrupo.com -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Joseba Alonso Enviado el: viernes, 29 de octubre de 2004 3:16 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] Quirksmode y declaración XML Por meter un poco de baza... Yo estoy demasiado enamorado del XML como para meterme otra vez con SGML. Me dejo mal sabor de boca. Me parecen muy buenas las razones de Manuel para seguir con HTML. Pero quiero hacer un inciso. Ahora estan comenzando a salir navegadores XHTML principalmente en plataformas tipo telefonos moviles, handhelds...etc. A esos les gusta mas XML ;) además luego siempre tienes la posibilidad de parsearlo de manera sencilla y extraer contenido, quiero decir, puedes usar XSLT para pasar XHTML a HTML pero no lo podras hacer a la inversa. Si tienes HTML, cuando quieras renovar la web y dar por fin XHTML tendras que reescribir el codigo manualmente. Una pregunta, ¿Que habria de malo en detectar si el cliente acepta un tipo application/xhtml+xml y escribir entonces el header? Me refiero a asi podrias seguir sirviendo a IE como a el le gusta y al resto conforme a los standards. un saludo Joseba Alonso www.sidedev.net www.5dms.com ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a [EMAIL PROTECTED] Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo_ovillo.org
RE: [Ovillo] Quirksmode y declaración XML
Es decir, aprovechando el bug de IE6 se logra una mayor compatibilidad con las versiones anteriores del IE, verdad? Quiero decir, si declaras el prólogo xml, se puede generar código que se vea bien en las versiones anteriores. Por cierto, podrías explicar con algún ejemplo de qué modo aprovechas el bug para compatibilizar las versiones anteriores de IE? Alejandro Cuesta Astureco-PFS Informática y Comunicaciones, S.L. (PFS Grupo) www.pfsgrupo.com -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de arnau siches Enviado el: jueves, 28 de octubre de 2004 3:46 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] Quirksmode y declaración XML Yo en cambio utilizo el bug de IE6 con el prologo xml para meter en el mismo saco a IE6-5.5-5.01 win. y así, usando menos lineas de hacks obtengo un resultado satisfactorio en los navegadores modernos y correcto-satisfactorio en IE. -- arnau siches css.artnau.com ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a [EMAIL PROTECTED] Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo_ovillo.org
RE: [Ovillo] Quirksmode y declaración XML
Ya que estamos... Cómo se activan los avisos de gambadas en Mozilla Firefox? A mí jamás me ha avisado de nada. Alejandro Cuesta Astureco-PFS Informática y Comunicaciones, S.L. (PFS Grupo) www.pfsgrupo.com -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Ariel Burone Enviado el: jueves, 28 de octubre de 2004 9:16 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] Quirksmode y declaración XML Manuel González Noriega wrote: Ariel Burone wrote: Y que tal no enviar la linea cuando el agente no lo soporta y todos felices? O mi propuesta fetiche: ¿porque no abandonar XHTML hasta que se soporte correctamente? Si es que son ganas de romperse la cabeza :) A mi me gusta que mozilla me avise cuando escribo alguna pavada. Prefiero eso y no a un usuario molesto diciendome que algo esta fuera de lugar. Y cuando le pregunto que, no sabe decirme... Yo seguire las recomendaciones de la w3 hasta donde me de el cuero. ¿porque no abandonar XHTML hasta que se soporte correctamente? O sea: Vos pensas esperar hasta que internet esplorer lo soporte? Anda buscandote una silla para esperar sentado, por que parado te vas a cansar Saludos Ariel ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a [EMAIL PROTECTED] Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo_ovillo.org ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a [EMAIL PROTECTED] Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo_ovillo.org
RE: [Ovillo] Quirksmode y declaración XML
Te tengo que dar la razón. He estado investigando y ya entiendo exactamente lo que tratas de explicar y el porqué de muchos de los problemas que he tenido con CSS y el IE. No se trata de que la página no se vea igual en todos los navegadores (de hecho yo las veo bien en todos), se trata de que en el IE el DTD queda anulado al insertar la declaración xml y renderiza como si fuera html anterior a la versión 4. Así que la forma de mostrar los elementos puede variar de IE a otro navegador. De hecho ocurre, lo que pasa es que se procura utilizar truquitos para evitar esas variaciones. Por ejemplo, el modo de centrar una capa con div style=width: 50%; margin: auto no funciona en IE6 si incluimos la declaración xml (ya que entra en quirksmode, como bien dices), y sí funciona al quitar dicha línea. De todas formas, este problema se ve directamente sobre el navegador y se soluciona poniendo div align=center usando el DTD transitional. No es la mejor solución, pero funciona. Gracias por la información, me ha ayudado a entender mejor este problema. Un saludo. Alejandro Cuesta Astureco-PFS Informática y Comunicaciones, S.L. (PFS Grupo) www.pfsgrupo.com -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Joseba Alonso Enviado el: miércoles, 27 de octubre de 2004 1:00 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] Quirksmode y declaración XML No creo que sea un buen motivo para quitar esa linea que el IE 6 funcione en quirksmode. ¿ Es un poco exagerado no? :) Vamos, que digo yo que tampoco pasa nada por no ponerlo. Mas que nada es interesante por el tema del encoding, pero en html se puede hacer a través de un meta. Y a cambio tienes al 70% de la gente que verá tu web como tu querrias que se viera. No creo que un formalismo sin ninguna utilidad practica merezca el sacrificio ni de un 1%. Aunque estoy de acuerdo en que es un bug de lo mas asqueroso de IE6. un saludo Joseba Alonso www.sidedev.net www.5dms.com - Original Message - From: Alejandro Cuesta [EMAIL PROTECTED] To: Ovillo, la lista de CSS en castellano [EMAIL PROTECTED] Sent: Tuesday, October 26, 2004 4:53 PM Subject: [Ovillo] Quirksmode y declaración XML Gracias, no sabía nada acerca de que cambiaba el modo de rendering. Ya me he documentado un poquito. Sé que es una línea que no hace falta ponerse, pero de todas formas, yo creo que se debería poner por que es un documento XML. Si mi documento es válido, me da igual que funcione en quirksmode o en strictmode. Leo en la recomendación W3C sobre XHTML [http://www.w3.org/TR/xhtml1/#strict]: An XML declaration is not required in all XML documents; however XHTML document authors are STRONGLY ENCOURAGED to use XML declarations in all their documents. Such a declaration is required when the character encoding of the document is other than the default UTF-8 or UTF-16 and no encoding was determined by a higher-level protocol. Here is an example of an XHTML document. In this example, the XML declaration is included. Bueno, esta es mi opinión, si alguien más quiere opinar... - Alex - -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Joseba Alonso Enviado el: martes, 26 de octubre de 2004 15:45 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] Tablas al 100% en explorer Poner la declaracion XML revierte a quirks mode en IE6. Es mejor no ponerla. un saludo Joseba Alonso www.sidedev.net www.5dms.com - Original Message - From: Alejandro Cuesta [EMAIL PROTECTED] To: Ovillo, la lista de CSS en castellano [EMAIL PROTECTED] Sent: Tuesday, October 26, 2004 11:41 AM Subject: RE: [Ovillo] Tablas al 100% en explorer Lo del DOCTYPE influye, y he de decir que incluso influye poner la primera línea: ?xml version=1.0 encoding=ISO-8859-1? En el caso de que sea un documento XML (como es el caso de un XHTML). Yo he hecho alguna página que se vuelve loca en el el IE si quito esa línea. - Alex - ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a [EMAIL PROTECTED] Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo_ovillo.org ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a [EMAIL PROTECTED] Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo_ovillo.org ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a [EMAIL PROTECTED] Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo_ovillo.org
RE: [Ovillo] Tablas al 100% en explorer
Creo que ese problema ya lo he tenido yo en mis principios novatos. El problema es que no defines el ancho de la capa que lo contiene y el IE hace lo que le da la gana (como siempre). Yo normalmente resuelvo esto con tan solo incluir la tabla en una capa que tenga de ancho 100%. Ejemplo: div style=width:100% table style=width:100% tr ... /tr /table /div Alex -Mensaje original- El vie, 22-10-2004 a las 14:03, Jordi Bufí Caballero escribió: Buenas pongo una tabla con un estilo donde le doy un width:100% a la tabla pero esta se sale de los propios margenes creados por su div contenedor, hay alguna forma de hacer que ese 100% sea el del propio contenedor (su anchura es relativa) Gracias! ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a [EMAIL PROTECTED] Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo_ovillo.org
RE: [Ovillo] alinear lista y tabla
Qué tal incluir la lista y la tabla alineadas a la izquierda en un elemento de bloque (div por ejemplo) y alinear el bloque al centro? Alex -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de [EMAIL PROTECTED] Enviado el: lunes, 25 de octubre de 2004 20:30 Para: [EMAIL PROTECTED] Asunto: [Ovillo] alinear lista y tabla Buenos días. Os voy a plantear un pequeño problema. Tengo una tabla que es un informe dinámico (asp) que se recalcula cada vez que se llama a la página y que presento centrada dentro su frame. He añadido unas pestañas justo encima que es una lista desordenada (UL) y cada pestaña una LI aparece en horizontal (display: inline;). tal que: __ __ | pestaña 1 | | pestaña 2 | -- | TABLA INFORME | | | -- Como quiero que se quede al final es así: __ __ | pestaña 1 | | pestaña 2 | -- | TABLA INFORME | | | -- La cuestión es que quiero que aparezcan alineadas las pestañas con la tabla, como se ve arriba. El problema es como tengo centrada la tabla las pestañas se van demasiado a la izquierda (si pongo text-align:left;) y no puedo ponerlo de forma rígida porque la tabla puede ser más ancha o estrecha y variar su margen izquierdo. Alguna idea o sugerencia. Un saludo y como siempre gracias por adelantado por vuestra ayuda. ___ Este mensaje se dirige exclusivamente a su destinatario y puede contener información privilegiada o confidencial. Si no es vd. el destinatario indicado, queda notificado de que la utilización, divulgación y/o copia sin autorización está prohibida en virtud de la legislación vigente. Si ha recibido este mensaje por error, le rogamos que nos lo comunique inmediatamente por esta misma vía y proceda a su destrucción. This message is intended exclusively for its addressee and may contain information that is CONFIDENTIAL and protected by professional privilege. If you are not the intended recipient you are hereby notified that any dissemination, copy or disclosure of this communication is strictly prohibited by law. If this message has been received in error, please immediately notify us via e-mail and delete it. ___ ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a [EMAIL PROTECTED] Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo_ovillo.org ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a [EMAIL PROTECTED] Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo_ovillo.org
RE: [Ovillo] Tablas al 100% en explorer
Lo del DOCTYPE influye, y he de decir que incluso influye poner la primera línea: ?xml version=1.0 encoding=ISO-8859-1? En el caso de que sea un documento XML (como es el caso de un XHTML). Yo he hecho alguna página que se vuelve loca en el el IE si quito esa línea. - Alex - -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Jordi Bufí Caballero Enviado el: martes, 26 de octubre de 2004 11:31 Para: Ovillo, la lista de CSS en castellano Asunto: RE: [Ovillo] Tablas al 100% en explorer Ostras muchísimas gracias Juan Pablo... lo del DOCTYPE es algo que ibamos a dejar para más tarde (junto con otros metas) porque no teniamos ni idea que afectara a como el explorador trata la página web. Gracias tb por la URL :) Saludos! El lun, 25-10-2004 a las 20:04, Juan Pablo Aqueveque escribió: Jordi, lo primero que vi en tu código fue tu DOCTYPE, fíjate lo que ocurre cuando se lo pones :) !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd; html xmlns=http://www.w3.org/1999/xhtml; ¿Más info? http://www.juque.cl/weblog/archives/2004/10/la_primera_pied.php -*- juan pablo aqueveque www.juque.cl -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Jordi Bufí Caballero Enviado el: lunes, 25 de octubre de 2004 5:55 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] Tablas al 100% en explorer Buenas de nuevo, he preparado un ejemplo de lo que pasa aquí: http://www.neuroticweb.com/ovillo2.html Saludos y gracias. El vie, 22-10-2004 a las 14:03, Jordi Bufí Caballero escribió: Buenas pongo una tabla con un estilo donde le doy un width:100% a la tabla pero esta se sale de los propios margenes creados por su div contenedor, hay alguna forma de hacer que ese 100% sea el del propio contenedor (su anchura es relativa) Gracias! -- Jordi Bufí Caballero [EMAIL PROTECTED] Neurotic, SCP - www.neuroticweb.com Tel 938 492 028 | Fax 938 403 568 Can Gabatx, s/n - 08520 Les Franqueses del Valles ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a [EMAIL PROTECTED] Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo_ovillo.org ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a [EMAIL PROTECTED] Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo_ovillo.org -- Jordi Bufí Caballero [EMAIL PROTECTED] Neurotic, SCP - www.neuroticweb.com Tel 938 492 028 | Fax 938 403 568 Can Gabatx, s/n - 08520 Les Franqueses del Valles ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a [EMAIL PROTECTED] Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo_ovillo.org ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a [EMAIL PROTECTED] Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo_ovillo.org
[Ovillo] Quirksmode y declaración XML
Gracias, no sabía nada acerca de que cambiaba el modo de rendering. Ya me he documentado un poquito. Sé que es una línea que no hace falta ponerse, pero de todas formas, yo creo que se debería poner por que es un documento XML. No creo que sea un buen motivo para quitar esa linea que el IE 6 funcione en quirksmode. Si mi documento es válido, me da igual que funcione en quirksmode o en strictmode. Leo en la recomendación W3C sobre XHTML [http://www.w3.org/TR/xhtml1/#strict]: An XML declaration is not required in all XML documents; however XHTML document authors are STRONGLY ENCOURAGED to use XML declarations in all their documents. Such a declaration is required when the character encoding of the document is other than the default UTF-8 or UTF-16 and no encoding was determined by a higher-level protocol. Here is an example of an XHTML document. In this example, the XML declaration is included. Bueno, esta es mi opinión, si alguien más quiere opinar... - Alex - -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Joseba Alonso Enviado el: martes, 26 de octubre de 2004 15:45 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] Tablas al 100% en explorer Poner la declaracion XML revierte a quirks mode en IE6. Es mejor no ponerla. un saludo Joseba Alonso www.sidedev.net www.5dms.com - Original Message - From: Alejandro Cuesta [EMAIL PROTECTED] To: Ovillo, la lista de CSS en castellano [EMAIL PROTECTED] Sent: Tuesday, October 26, 2004 11:41 AM Subject: RE: [Ovillo] Tablas al 100% en explorer Lo del DOCTYPE influye, y he de decir que incluso influye poner la primera línea: ?xml version=1.0 encoding=ISO-8859-1? En el caso de que sea un documento XML (como es el caso de un XHTML). Yo he hecho alguna página que se vuelve loca en el el IE si quito esa línea. - Alex - ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a [EMAIL PROTECTED] Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo_ovillo.org