Re: [Ovillo] Reset o no reset en CSS
Dan danal...@gmail.com: Qué creéis vosotros ¿Reset CSS sí o no? Interesante discusión. La verdad es que en el artículo no he encontrado ninguna razón de peso para desaprobar el uso de Reset CSS (aunque lo del fin del mundo me ha dejado un poquillo preocupado :-). Entiendo la necesidad de los diseñadores de que su página resulte igual de visible en todos los navegadores. Pero por otro lado, tampoco creo que esa intención igualitaria sea del todo acertada, pues cada navegador debería tener la libertad de particularizar el aspecto de sus widgets. Supongamos que yo desarrollo mi propio navegador que cumple 100% con los estándares pero a las cajas de texto les pongo un efecto 3D. O que al cursor del ratón le doy forma de bicicleta. ¿Qué tiene de malo? Chrome, por ejemplo, tiene las áreas de texto DIMENSIONABLES, lo cual no incumple los estándares pero puede alterar la apariencia diseñada de la página; lo que pasa es que le aporta mucha usabilidad al usuario. ...A veces los diseñadores nos pasamos de pretenciosos. En cualquier caso, debo decir que yo nunca he usado Reset CSS. Quizá me falta experiencia al respecto, pero lo cierto es que al final siempre he necesitado UNA CSS PARTICULAR para cada navegador. Sabiendo programar el servidor (PHP, ASP, JSP...) se puede hacer de forma totalmente transparente para el código HTML. Saludos. Santiago. ___ Lista de distribución Ovillo Para 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] Tildes y otros caracteres en la url
Joseba Rodríguez: El caso es que a mí me funciona correctamente, pero no tengo claro si depende de la configuración del navegador, puertas de enlace, hostings o qué. Y si en un navegador de un inglés, estadounidense, japonés, etc., funcionará también. Pues... yo sí he encontrado problema con ese tipo de URIs: Si el navegador intenta abrir una URI que contiene caracteres no-ascii, los va a ESCAPEAR a secuencias %HH [RFC1738], pero si el servidor no entiende esas secuencias... Pues responderá 404. Creo que el problema está localizado en el servidor: Hay que asegurar que es capaz de convertir secuencias %HH en las URLs pedidas. Ejemplo comparativo: Observa lo que ocurre si intentas abrir: http://es.wikipedia.org/wiki/Alarcón http://www.apache.org/Alarcón http://www.google.com/Alarcón Saludos. Santiago. ___ Lista de distribución Ovillo Para 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] Tildes y otros caracteres en la url
Joseba Rodríguez: Con http://es.wikipedia.org/wiki/Alarcón no he tenido problemas Con el resto como no existen esas urls da lógicamente error 404 Ya, pero lo que te quiero decir es que, cuando salta el 404, fíjate en el mensaje de error que te muestra cada servidor: http://www.google.com/Alarcón The requested URL /Alarc%C3%B3n was not found on this server. http://www.apache.org/Alarcón The requested URL /Alarcón was not found on this server. ¿Ves? El navegador manda siempre la secuencia Alarc%C3%B3n, pero luego cada servidor lo interpreta a su discreción. Por otro lado, tampoco veo problema en que las URLs tengan limitación de caracteres. Piensa que las URLs no son, ni tienen por qué ser, LEGIBLES (a algunas personas, pronunciar eso de www les puede resultar un trabalenguas). Lo importante son los CONTENIDOS. Hoy en día, gracias a los buscadores y a los bookmarks, ya no hay necesidad de estar tecleando URLs en la barra de direcciones del navegador: O tecleas el nombre del dominio, y a partir de ahí vas navegando por la web, o bien recuperas de un bookmark la dirección exacta. ¿Que en la URL no puedes poner eñes ni acentos? Pues sí, es un pequeño problema, pero tampoco puedes usar la barra dcha (/) ni los dos-puntos (:) ni el interrogante cerrado (?). El alfabeto de las URLs no está orientado a soportar texto libre, sino códigos. Saludos. Santiago. ___ Lista de distribución Ovillo Para 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] listas de definición
Jesus Miguel Gimeno: Estoy montando una web sobre música y tengo una duda sobre como maquetar las discografías de los grupos. He usado listas de definición para hacer una estructura similar a esta: [...] ¿Qué tal lo veis? ¿Alguna sugerencia? Bueno, a mi parecer se trata de información TABULADA (repetición de la misma combinación de datos un nº indeterminado de veces). Para eso, a mí me parece más correcto usar TABLE, que entre otras cosas te muestra ALINEADOS los datos pertenecientes a la misma columna. La DL iría bien si no tuvieras una estructura tan compleja. Básicamente, yo diría que la DL es para mostrar algo como un diccionario de términos (el propio nombre lo dice: Definition List). En HTML hay varias formas de mostrar un nº repetido de elementos, dependiendo del grado de complejidad: -Repetición de elementos inespecificados: UL. -Repetición de elementos que constan de una clave y un valor: DL -Repetición de elementos que constan de unos campos determinados e invariables: TABLE. Este se parece más a tu caso. Como en tu caso, además, tienes DOS niveles de agrupación (por ARTISTA y luego por DISCO), tendrías dos alternativas: -Usar una sola TABLE con TRs anchos para poner el nombre de cada artista. La verdad es que no resulta muy semántico, pues se mezclan conceptos distintos en un mismo espacio (ARTISTA y DISCO), pero al menos consegurías fácilmente el efecto de tener todas las columnas bien alineadas. -Usar una DL para artistas + TABLE para discos de cada artista. Es más semántico, pues quedan separados los conceptos ARTISTA y DISCO, pero no quedarán bien alineadas las columnas análogas, pues cada una pertenece a una tabla. Pero ese efecto se podría paliar con CSS (forzando el ancho de cada columna). Saludos. Santiago. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Manual para superar el test de accesibilidad Web de T.W.A
Silvia: Os agradezco de antemano cualquier comentario que podáis aportar. Yo recomiendo este link, que me gustó bastante: http://olgacarreras.blogspot.com/2011/01/respuesta-25-dudas-habituales-sobre.html En general, este blog contiene artículos que te pueden interesar. Oscar: PD: TWA creo que no es ningún estándar ni guía de accesibilidad (corregidme porfavor) sólo me suena a la antigua aerolínea estadounidense. Lo de TWA era una errata. Seguramente se refería a TAW: http://www.tawdis.net/ingles.html Saludos. Santiago. ___ Lista de distribución Ovillo Para 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] OFF TOPIC Discusion dobre flash
Tei: integración con paginas webs es mala, y un flash no tiene mucha de las bondades de una pagina web. Por ejemplo, sin hacer nada, en una pagina web puede ver el codigo fuente, pero para conseguir esto en un flash, tengo que programarlo. O si me gusta un gorro de una tienda de gorros, le envio un enlace a mis amigos (con lo que quizas el dueño de la tienda hace 2 ventas), pero en una pagina flash no puedo pasar el enlace del gorro ( con lo que el dueño de la tienda pierde 2 ventas ). Correcto. Ese es el problema de las tecnologías RIA (Rich Internet Application): Que, en la práctica, consisten en un mini-navegador (plugin) dentro de la página web. Contiene su propio formato (no puedes ver o entender el código fuente), su propio historial de navegación (no puedes usar el botón de anterior y siguiente, ni los favoritos), su propia interactividad (no te garantiza el uso de teclado, flechas, tabulador)... Y totalmente inaccesible desde fuera, claro. :-( Para las páginas de jueguitos, alto contenido gráfico, etc, orientadas exclusivamente a usuarios humanos (y videntes), muy bien. Para las aplicaciones de gestión, regular: Se pierde mucha integrabilidad y accesibilidad, hoy por hoy. Santiago. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
[Ovillo] OT: Hosting Java en España
Andrés gutiérrez: Hosting Java en España yo he estado buscando y he encontrado muy, muy pocas opciones. Finalmente contraté con www.hospedaxes.com (en Galicia). Mi experiencia es bastante buena, por la operativa y por la atención al usuario. (Claro que mi web tampoco soporta mucho tráfico...) Santiago. From: Andrés gutiérrez andresgut...@gmail.com Subject: Re: [Ovillo] OT: Por favor recomiendenme un empresa de hosting en España To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Message-ID: aanlktin9kc8jq6=vrxrvne6amcumh2zs0o0go2s-e...@mail.gmail.com Content-Type: text/plain; charset=ISO-8859-1 El 21 de septiembre de 2010 17:40, Sordotone sordot...@gmail.com escribió: El 21 de septiembre de 2010 17:36, Marc Palau m...@palaueb.com escribió: Yo te animo a que pruebes con nosotros en www.CDmon.com Una pregunta ¿Sólo teneis soporte para PHP? ¿Nada de Python, JAVA o Ruby? Supongo que en los dedicados si. Pero en los básicos. Algo para jugar y pagar poco. ¿Teneis algo? ___ Lista de distribución Ovillo Para 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] Problema con posicionamiento ne IE6 y el resto
Marcela: Hola, no acostumbro a escribir en la lista, pero tengo un problema en una página. Si posiciona bien en IE 6 me desarma firefox y el resto; el link es: http://www.sluka.com.ar/PRUEBAS/Rumbos/index.html la css la adjunto. No encuentro cuál es el problema. Si posicionara en ancho fijo, no tengo problema, pero variable, me da errores. Si alguien me da una mano... Gracias, Marcela Lo que yo he percibido es que en Firefox 3.6 Windows hay un hueco indeseable bajo la región inicio en gris oscuro. Yo quitaría el float del descriptor #logo. Saludos. Santiago. ___ Lista de distribución Ovillo Para 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] Acelerar la web (uso de XML y XSL)
Tei: Excepto 2 ficheros, CSS y las imagenes, todos los ficheros se han descargado secuencialmente. No se si esto es propio de XSL, o de la forma en la que esta creada esta pagina en particular. Sí, es cierto que esta página contiene varios client-side includes que podrían ser evitables (o al menos cacheables). Todo es mejorable, of corse. Por otro lado, esta web no contiene nada de javascript, por lo tanto todos los hiperenlaces desencadenan llamadas al servidor. En el navegador la pagina se siente rapida pero no agil. Pinchas, el ordenador piensa algo, y sale lo que quieres, en lugar de tener una respuesta instantanea. Hum... Sí, pero por esa descripción podrías estar hablando de la inmensa mayoría de las páginas de internet. ;-) Suponte que quieres paginas web un 800% mas rapidas. Esta de XSL no lo es. Es igual un 50% mas rapida que una pagina web lenta, pero entre las paginas rapidas es normal, no especialmente rapida. Otra técnica para disminuir el volumen de las descargas es COMPRIMIR las páginas. Especialmente orientado a ficheros de texto (CSS, JS, XSL, HTML). Y una vez más, hay que hacerlo en el servidor. Bueno, y como colofón de ideas (p.mentales, que decimos) que se me ocurren para obtener respuesta instantánea es que te hagas un navegador PREDICTIVO: Que nada más abrir cada página cargue en background todos los hiperenlaces contenidos. Problemas: Los formularios y el enorme incremento de carga que sufriría la red. Comparto la opinión de otros y te animo a publicar tus análisis en algún blog. Marc: Soy de la opinión que usar al cliente para realizar la transformación es penalizar la carga, Hum... No te creas: Si realizáramos la transformación en el servidor lo estaríamos penalizando más todavía. Además, lo digo porque he observado que las transformaciones XSL en los navegadores actuales son MUY rápidas, mucho más que la ejecución de javascript (probablemente porque el XSL es COMPILADO y el javascript en cambio es INTERPRETADO). aunque estemos hablando de una cifra totalmente despreciable, cuando intentamos reducir el tiempo de carga en 100ms o 200 eso sólo es un contratiempo. Sí, seguramente eso es algo que se apreciaría más con un gran volumen de usuarios concurrentes. Saludos. Santiago. ___ Lista de distribución Ovillo Para 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] Acelerar la web (uso de XML y XSL)
Tei: lo que veo en esta pagina (en mi navegador firefox) es que los XSL parecen cargarse consecutivamente y los CSS parecen retrasarse a cuando todos los XSL se han recibido y ejecutado. No son dos buenos genes si la aspiracion es velocidad. Entiendo. Eso se puede solucionar con lo que comentaré más abajo. Por otra parte, si los ficheros son muy pequeñitos, igual caben en algun cache intermedio de memoria del servidor o del navegador, etc.. y recibimos un beneficio inesperado. Pero yo no contaria con ello, y Yo, en cambio, creo que la CACHÉ DEL NAVEGADOR puede ser la clave de la aceleración. Hay básicamente tres formas de funcionamiento de la caché: -URLs no cacheables: El navegador ha de pedirlas al servidor cada vez. -URLs cacheables (por ejemplo, listado de productos de una tienda): El navegador hace una petición GET inicial al servidor para cargarla y almacenarla en caché. Las veces siguientes hace una petición HEAD para comprobar si ha habido cambios: Si no es así, usa la copia cacheada. -URLs cacheables con limitación temporal (por ejemplo, iconos, CSS, XLS, y ficheros que típicamente no van a cambiar en un plazo largo: un día, una semana, etc.): Esta es la más rápida, pues el navegador, una vez cargada la URL por vez primera, no la vuelve a pedir con GET hasta que expire su limitación temporal. La forma de determinar qué tipo de caché se aplica a cada URL es desde EL SERVIDOR, mediante el uso de cabeceras HTTP de respuesta: -URLs no cacheables: cache-control: no-cache pragma: no-cache -URLs cacheables: last-modified fecha -URLs cacheables con limitación temporal: cache-control: max-age=tiempo expires:fecha (Más información: RFC 2068: http://www.w3.org/Protocols/rfc2068/rfc2068) Si somos capaces de dar valores razonables al parámetro expires en el servidor, el navegador podría ahorrarse esas molestas descargas secuenciales de ficheros que no varían de una vez a otra. Santiago. ___ Lista de distribución Ovillo Para 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] Acelerar la web [OT]
Tei: El otro dia, buscando una forma de acelerar la web un 800% (aun creo que es posible, aunque no he encontrado la tecnica) encontre este artefacto: http://javascript.nwbox.com/NWEvents/tester.html MWEvents. Hum... La verdad es que no acabo de verle interés a hacer programáticamente lo que se puede hacer declarativamente. Por otro lado, ¿a qué te refieres exactamente con lo de acelerar la web? ¿Quieres decir reducir el nº de descargas, o su volumen, o acelerar la ejecución de los navegadores? Si es a esto último, te diré que cuando yo me he peleado con ese problema, he encontrado que el procesamiento de CSS es mucho más rápido que el de Javascript (en diversos navegadores), supongo que por el motivo de que el javascript se INTERPRETA y los CSS se COMPILAN, seguramente (al igual que los XSL, por cierto). Si se habla de acelerar la web, yo me inclino por reducir el nº y el volumen de las descargas usando XSL+XML+CSS (separación estructura-contenido-presentación) para aprovechar las cachés de los navegadores y reducir así el volumen de datos (pues las XSL se quedan en caché y en cada llamada sólo hace falta transmitir los datos). Un saludo. Santiago. ___ Lista de distribución Ovillo Para 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] Maquetación de vistas en miniatura
Fe de erratas: Quería decir display: table-cell. Santiago. Message: 1 Date: Fri, 30 Jul 2010 20:52:41 + (GMT) From: Santiago García saturno...@yahoo.es Subject: Re: [Ovillo] Maquetación de vistas en miniatura To: ovillo@lists.ovillo.org Message-ID: 514535.51266...@web29706.mail.ird.yahoo.com Content-Type: text/plain; charset=iso-8859-1 Gerardo: El primer enlace no funciona y no he podido ver el resultado, pero lo primero que se me ocurre es que le pongas float=table-layout al descriptor div.cuadro. ¿Has probado? Santiago. From: Gerardo Oscar Jimenez Tornos gerardoosca...@gmail.com Subject: [Ovillo] Maquetación de vistas en miniatura To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Message-ID: aanlktinegftsdt0zoka1onam3j6-fabrzthraw_pc...@mail.gmail.com Content-Type: text/plain; charset=UTF-8 Hola lista, He maquetado una vista de imágenes en miniatura con su descripción al pie de cada imagen. Esta vista redistribuye automáticamente las miniaturas en función del ancho disponible (podéis hacer la prueba en este enlace http://www.treeweb.es/__archivo__/codigo/articulos/vista_previa/vista_previa_v2.htmlcambiando el tamaño del navegador). El problema es que el tamaño del pie de cada miniatura lo he forzado a dos líneas para que no se descuadre todo ¿Hay alguna forma de que, manteniendo todo igual, pueda poner un número diferente de líneas en cada miniatura? Un saludo PD: La maquetación forma parte de un artítulo ( http://www.treeweb.es/vista-de-imagenes-en-miniatura que podéis utilizar para vuestros diseños) ___ Lista de distribución Ovillo Para 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] Maquetación de vistas en miniatura
Gerardo: El primer enlace no funciona y no he podido ver el resultado, pero lo primero que se me ocurre es que le pongas float=table-layout al descriptor div.cuadro. ¿Has probado? Santiago. From: Gerardo Oscar Jimenez Tornos gerardoosca...@gmail.com Subject: [Ovillo] Maquetación de vistas en miniatura To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Message-ID: aanlktinegftsdt0zoka1onam3j6-fabrzthraw_pc...@mail.gmail.com Content-Type: text/plain; charset=UTF-8 Hola lista, He maquetado una vista de imágenes en miniatura con su descripción al pie de cada imagen. Esta vista redistribuye automáticamente las miniaturas en función del ancho disponible (podéis hacer la prueba en este enlace http://www.treeweb.es/__archivo__/codigo/articulos/vista_previa/vista_previa_v2.htmlcambiando el tamaño del navegador). El problema es que el tamaño del pie de cada miniatura lo he forzado a dos líneas para que no se descuadre todo ¿Hay alguna forma de que, manteniendo todo igual, pueda poner un número diferente de líneas en cada miniatura? Un saludo PD: La maquetación forma parte de un artítulo ( http://www.treeweb.es/vista-de-imagenes-en-miniatura que podéis utilizar para vuestros diseños) ___ Lista de distribución Ovillo Para 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] ¿Como cambio el estilo a un anchor?
Al final lo he solucionado solo con CSS sin usar PHP y de una manera tan simple que da miedo, añadiendo un nuevo estilo en el CSS con una propiedad que no conocia: :target ¡Magnífico! Enhorabuena, Quique, y gracias por la aportación. Santiago. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] [OT] El equipo de IE, prepararado para destruir HTML5 e Internet
Hola, Tei: ¿Podeis vosotros copiar el texto que hay dibujado? ¿Podeis vosotros hacer boton derecho en una imagen y Ni eso ni usar los botones de forward y backward del navegador, ni añadir a favoritos, ni que la URL represente el estado de navegación, como manda la ortodoxia en el diseño web... :-( y si se extiende, estamos bastante jodidos, destruyendo bastante parte de la buena voluntad que entre todos hemos querido dotar a html5 Así es. Incluso es peor de lo que piensas: Esta nueva genialidad de MS no es más que una gota más en el oceano de los RIAs (Rich Internet Applications), que inició FLASH hace unos años y después han ido secundando MS con Silverlight, SUN con Java FX y hasta Oracle con ADF (y habrá más que no me sé). Son más de lo mismo: Intentos de atajar y solucionar de forma PRIVADA los problemas que los estándares ABIERTOS, de momento, no resuelven. Si HTML/CSS pierde vigencia con estas nuevas modas, ya podemos decir adiós a los estándares abiertos en la web; volveremos a las guerras entre fabricantes, y las incompatibilidades, y la imposibilidad de integrar, y el pago de copyrights, etc. :-( Pero te corrijo una cosa: No creo que MS tenga intención de DESTRUIR internet. *Sólo* quiere ADUEÑARSE de ello. ;-) Santiago. Message: 12 Date: Sat, 3 Jul 2010 12:20:51 +0200 From: Tei oscar.vi...@gmail.com Subject: [Ovillo] [OT] El equipo de IE, prepararado para destruir HTML5 e Internet. Again. To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Message-ID: aanlktinomlsmcf7zgbpg5ld4-g9vmqvf9fay2lz3p...@mail.gmail.com Content-Type: text/plain; charset=UTF-8 Estoy extremadamente disgustado. http://ie.microsoft.com/testdrive/Default.html http://ie.microsoft.com/testdrive/Performance/AmazonShelf/Default.html Parece que el equipo de IE ha sugerido, queriendolo o sin querer, la posibilidad de crear paginas completas en Canvas. Esta no es solo la idea mas estupida del ultimo año, sino que es extremadamente peligrosa. Haciendo algo asi no ganariamos absolutamente nada, seria mas lento que flash y mas feo y encima son cosas que parece que las podemos hacer con jquery, y html normal. Esta idea es peligrosisima, y si se extiende, estamos bastante jodidos, destruyendo bastante parte de la buena voluntad que entre todos hemos querido dotar a html5 para que nos lleve a una internet mejor. De verdad... ¿Esto no se puede hacer con HTML + JQuery? http://ie.microsoft.com/testdrive/Performance/MrPotatoGun/Default.html ¿Podeis vosotros copiar el texto que hay dibujado? ¿Podeis vosotros hacer boton derecho en una imagen y bajaros esas imagenes? Para este viaje no necesitamos alforjas. Haber si alguien inventa una maquina para dar patadas en la cara a la gente a traves de internet. Necesito ponerme en contacto con el equipo de IE y darles my feedback. -- -- ?in del ?ensaje. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] ¿Como cambio el estilo a un anchor?
Hola, Quique: Sólo conozco dos formas de procesar los anchors HTTP: -Desde el servidor, generando un código distinto dependiendo del anchor. -Desde el cliente, modificando el class del elemento objeto del anchor (con javascript). Santiago. Message: 11 Date: Fri, 2 Jul 2010 11:59:10 +0200 From: qui...@somosene.com qui...@somosene.com Subject: [Ovillo] ¿Como cambio el estilo a un anchor? To: ovillo@lists.ovillo.org Message-ID: eaf4a494-5b5b-4464-b8b7-7759371df...@somosene.com Content-Type: text/plain; charset=iso-8859-1 Quiero crear una serie de enlaces desde una página web a varias partes concretas de otra página diferente mediante anchors, ¿es posible mediante CSS cambiar el estilo del texto que contiene el anchor al que me he dirigido para destacarlo y diferenciarlo del resto? Gracias Quique -- ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Pautas a seguir para aplicacion WEB 2
Miguel Beltran: Mi aportación es esta: Mejor empezar por abajo: Construir un prototipo de web lo más sencilla posible, y luego ir añadiéndole funcionalidad poco a poco y probándola cada vez. Se tarda más pero es mucho más seguro que afrontar el problema completo e intentar resolverlo todo de un bocado. Otro consejo práctico: Usar validadores de código HTML y CSS para asegurar que tus páginas se adaptan a los estándares correctamente (adjunto hiperenlaces). En cuanto a las RFCs, Tei tiene razón: Son los documentos más fiables para conocer las tecnologías. Aquí van unas cuantas: HTML 4.01 http://www.w3.org/TR/REC-html40/ http://validator.w3.org/ CSS2.0: http://www.w3.org/TR/1998/REC-CSS2-19980512/ http://jigsaw.w3.org/css-validator Javascript: https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference Saludos. Santiago. ___ Lista de distribución Ovillo Para 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] base de datos de idiomas
Jonathan C.: lo que necesito es una base de datos de todos los idiomas hablados en el mundo, o por lo menos los listables. Consulta la norma ISO-639: http://www.w3.org/WAI/ER/IG/ert/iso639.htm Santiago. ___ Lista de distribución Ovillo Para 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] Añadir texto proveniente de base de dat os por CSS
Tei, Rafa: Mas bien parece que la logica dicta que si no lo quieres hacer con js (falta informacion de que haces exactamente) ... pues que esos enlaces esten en el html original desde el principio. Que sea el html que envia originalmente el codigo. 100% de acuerdo con Tei. Piensa que en una aplicación bien diseñada conviene separar bien las funcionalidades por niveles: * HTML - aporta DATOS y ESTRUCTURA. * CSS - aporta PRESENTACIÓN. * JS (opcional) - aporta COMPORTAMIENTO. (Una subdivisión más prolija nos aconsejaría incluso reemplazar HTML por: XML para datos + XSL para estructura). En realidad la regla content de CSS está más destinada a detalles de presentación: numeración automática, caracteres de separación, etc. Moraleja: No dejes que las altas esferas se entrometan en detalles técnicos (tentación muy extendida entre los clientes). Que te digan QUÉ necesitan, y encárgate tú de averiguar CÓMO. Saludos. Santiago. ___ Lista de distribución Ovillo Para 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] consulta sobre utilización de tablas en forms
Buenas tardes, Martin:
Pues encuentro muy interesante la crítica del funcionario del Spri. Creo que
está bien sustentada y me ha convencido, así es que he modificado mi ejemplo:
!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; xml:lang=es lang=es
head
titleColumnas sin tablas/title
meta http-equiv=Content-Type content=text/html; charset=ISO-8859-15 /
style type=text/css
label {
background-color: yellow;
display: block;
margin-top: 4px;/* separación entre filas */
}
select,
input {
position: absolute;
left: 25%; /* ancho de la primera columna */
width: 74%; /* ancho de la segunda columna */
}
/style
/head
body
h1Columnas sin tablas/h1
labelnombreinput id=nombre//label
labelapellidosinput id=apellidos//label
labeledadinput id=edad size=2//label
labelprofesióninput id=profesion size=30//label
labelestado civilselect
id=estadooptionsoltero/optionoptioncasado/optionoptiondivorciado/optionoptionviudo/option/select/label
/body
/html
Lo he probado con IE7, FF3.6 y Chrome 0.3, y en todos funciona bien. El diseño
sigue siendo líquido, porque si redimensionas la ventana, el contenido
también se redimensiona proporcionalmente.
Saludos, y gracias por el feedback.
Santiago.
Message: 2
Date: Mon, 12 Apr 2010 11:16:39 +0200
From: Martin Etxauri t...@eragin.com
Subject: Re: [Ovillo] [OT] consulta sobre utilización de
tablas en
forms
To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Message-ID: 15fa8f90-932f-4235-ab50-c130b702c...@eragin.com
Content-Type: text/plain; charset=windows-1252
Hola a todos
Respecto a este tema de los formularios os envío lo que
nos comentaba el funcionario que hizo la revisión de la web
(en este caso del spri, organismo del gobierno vasco que se
ocupa de estas cosas). Según esto lo que tu mandas,
Santiago, no sería correcto, luego podéis estar de acuerdo
o no :) pero yo os lo pongo:
aquí va:
---
? Los formularios de la web carecen de elementos
estructurales. Si no se desea utilizar elementos
estructurales en el formulario, la asociación implícita de
los controles y las etiquetas del formulario deberá
realizarse por englobamiento y no por posicionamiento.
A lo que nos referimos es que los campos de formulario no
tienen ninguna estructura (p o incluso li).
Debido a que son campos de formulario, no hace falta
utilizar esos elementos estructurales, porque podemos
utilizar el elemento label para dar la estructrura.
Pero en este caso la asociación debe ser por englobamiento
y no por posicionamiento (como ocurre ahora):
Es decir, si no se quiere utilizar otra estructura
(p), se podrá utilizar el elemento label,
que ofrece suficiente estructura si cada label engloba tanto
la etiqueta de texto como campo de formulario:
* incorrecto: label texto /label + campo
formulario
* correcto: plabel texto/label +
campo formulario /p
* correcto: label texto + campo formulario
/label
* correcto: plabel texto + campo formulario
/label/p
Es decir, la estructura mínima se tiene que ofrecer
mediante los label, englobando [1]. Sí sólo hay
label, pero éste no engloba texto y campo, sino que
están uno después del otro [2], entonces no es correcto y
hay que buscar una estructura más, como el p.
[1] Englobamiento: cuando label engloba tanto a
etiqueta de texto como a campo de formulario.
[2] Posicionamiento: el label sólo engloba la
etiqueta de texto e inmediatamente después, se pone el
campo de formulario.
___
Lista de distribución Ovillo
Para 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] consulta sobre utilización de tablas en forms
Martin Etxauri:
Me gustaría saber vuestra opinión sobre el uso de tablas
en formularios,
(no se si es un off topic pero porsiaca ;D )
Hola, Martín:
Para que uses LABEL+INPUT en lugar de TABLE, aquí te pongo otra alternativa
que da el pego:
--
!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; xml:lang=es lang=es
head
titleColumnas sin tablas/title
meta http-equiv=Content-Type content=text/html; charset=ISO-8859-15 /
meta name=Generator content=EditPlus /
style type=text/css
label {
width: 25%;
background-color: yellow;
float: left;
text-transform: capitalize;
}
select,
input {
display: block;
margin-left: 25%;
width: 50%;
}
/style
/head
body
h1Columnas sin tablas/h1
label for=nombrenombre/labelinput id=nombre/
label for=apellidosapellidos/labelinput id=apellidos/
label for=edadedad/labelinput id=edad size=2/
label for=profesionprofesión/labelinput id=profesion size=30/
label for=estadoestado civil/labelselect
id=estadooptionsoltero/optionoptioncasado/optionoptiondivorciado/optionoptionviudo/option/select
/body
/html
--
Santiago.
___
Lista de distribución Ovillo
Para 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: Mi plan es comenzar con : - Accesibilidad, Estandares y Semantica - Etiquetas y marcas de contenido. - Ejercicios Html - Separación de contenido y presentación - Css No sé a quiénes está orientado el curso (nivel de conocimiento previo de los alumnos), pero por si acaso yo incluiría una introducción sobre Historia del XHTML: Lo que es el HTML, las desventajas que tiene, y por qué surgió el XML y XHTML, y la perspectiva de futuro que tiene. Sobre todo insiste, para quien ya conozca el HTML, en las diferencias, porque no faltará quien tenga la tentación de pensar que HTML es lo mismo que XHTML. Otra cosa que podrías añadir al temario es un comentario sobre la necesidad de especificar una DTD y los validadores online de W3C. Saludos. Santiago. ___ Lista de distribución Ovillo Para 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] No se cargan los ficheros javascript
Hola, Phaseolus: Hay tres características de tu caso que me llaman la atención, por lo que te he entendido (corrígeme si me equivoco): 1-Que el error sólo se produce en algunos entornos (ambientes). 2-Que se produce ALEATORIAMENTE. 3-Que sólo los archivos JAVASCRIPT están afectados. Veamos una a una: -Que sólo se produzca en algunos entornos se podría explicar, quizá, echando la culpa a la configuración del WebSphere en cada entorno. -Que el error se produzca ALEATORIAMENTE nos da que pensar que concurren una combinación compleja de variables que hacen difícil reproducirlo a voluntad: estado de la red, carga que soporta el servidor, etc. De hecho, quizá el error no se produce en tu entorno local porque en ese caso gozas de las mejores condiciones (no se necesita red y sólo hay un usuario concurrentemente). -Pero creo que lo más llamativo es que el error sólo afecte a la descarga de archivos JAVASCRIPT. ¿Qué tienen de particular estas descargas, que les diferencie de los HTML, JSP, o servlets? Pienso que su principal característica es que NUNCA VAN EN PRIMER LUGAR DENTRO DE UNA MISMA CONEXIÓN HTTP. Es decir: Los navegadores suelen iniciar una conexión HTTP para descagar la URL pedida, y a medida que van parseando el contenido (HTML), van pidiendo la descarga de los recursos referenciados (como imágenes, css o js), DENTRO de la misma conexión (si la abren con keep-alive). Entonces, ¿cabe pensar que el WebSphere tiene limitado el tiempo máximo de conexión HTTP, con un valor muy bajo? Pues valdría que el administrador de esos WebSpheres lo comprobara (comprueba el parámetro ConnectionKeepAliveTimeout y el resto de parámetros relacionados con Keep-alive: http://publib.boulder.ibm.com/infocenter/wasinfo/v5r0/index.jsp?topic=/com.ibm.websphere.base.doc/info/aes/ae/xrun_transport.html). Por otro lado, creo que es muy acertada la sugerencia de Juan Rebollo de que monitorices las llamadas desde el cliente: Así podrás determinar qué error se está produciendo realmente al pedir las descargas de los javascript. Saludos. Santiago. Message: 1 Date: Wed, 28 Oct 2009 10:32:40 -0300 From: Phaseolus phaseol...@yahoo.es Subject: [Ovillo] [OT] No se cargan los ficheros javascript en el browser To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Message-ID: aee9f0da0910280632tfed655fo753c241ff15de...@mail.gmail.com Content-Type: text/plain; charset=ISO-8859-1 Hola Ovillo. Primero que todo disculpen el OT, pero ya no sé donde más preguntar y quizá a alguno de uds le haya sucedido. Tengo una aplicacion J2EE corriendo sobre Websphere 6.1 (WAS) con JDK1.4.2_10 y pasa una cosa super extraña; los ficheros javascript se cargan cuando se les da la gana por lo que a veces me dan errores de javascript al no encontrar las funciones que estoy invocando, pero el htlm está perfecto, es completamente válido, con todos sus tags correctamente cerrados y el tag script apunta como es debido al fichero js. Debido a que el protocolo HTTP es asíncrono y que es el browser quien solicita los distintos elementos al servidor en base al html no me cabe en la cabeza el porqué se comporta de esa forma aleatoria. Como dato en mi ambiente local nunca he replicado dicho error (lo invoco como http://localhost:9080/MiAppWeb ), sólo se da en ambientes de Calidad y Producción, por lo que he pensado que pudiera ser el proxy de la LAN o algún otro factor de red, pero no acabo de descubrir la causa y el cliente ya comienza a echarme la culpa a mi, aún cuando mis contrapartes directas saben que no es problema de la aplicación. Cualquier idea es gratamente recibida. Muchas gracias y saludos. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Resumen de Ovillo, Vol 65, Envío 8
Carlos Campderrós:
Esto no salva de todos los ataques posibles, aunque sí
para aquellos puedan
efectuarse únicamente con CSS.
Por ejemplo:
CSS:
a:visited {
color: #F00;
}
JS:
var enlace = document.getElementById('ese_enlace_de_ahi');
if (enlace.computedStyle.color = '#F00')
{
alert('te tengo!');
}
Se ve la idea, no? Aunque para este caso, JS es necesario y
NoScript nuestro
salvador.
Correcto, Carlos. Gracias.
Si cuando yo digo que Javascript es un peligro público... ;-)
Santiago.
___
Lista de distribución Ovillo
Para 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] a:visited permite romper la privacidad del navegador web
Tei y Philipp Keweloh:
Y teniendo en cuenta
esto, si yo añado en mi hoja de estilos lo siguiente, habré acabado
con el problema de privacidad:
a:visited {
background: none !important;
}
Me parece una idea bastante buena :-
Me adhiero. Gracias por el consejo.
Santiago.
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] forma correcta de poner un link
Martin Etxauri: Os cuento, el tema es que tengo una serie de links en los que tengo una imagen (un icono) y el nombre propiamente dicho de la sección o categoría. ¿cual os parece mas correcto de estas dos? Pues hombre, yo suelo poner siempre UN sólo link, por las siguientes razones: -Sencillez de código. -Sencillez de navegación (hay que pulsar menos veces el TAB). Además, piensa que, conceptualmente, si ambos A están NECESARIAMENTE juntos y apuntan NECESARIAMENTE a la misma URL, entonces ambos A son EL MISMO. (Y no se me ocurre qué ventaja puede tener ponerlo por duplicado.) Espero que te sirva como idea. Saludos. Santiago. una preguntilla a ver que os parece por aquí, he estado buscando pero no he encontrado gran cosa, la verdad que tipo de movidas al final son bastante relativas y cuestión de gustos a veces... no se. Os cuento, el tema es que tengo una serie de links en los que tengo una imagen (un icono) y el nombre propiamente dicho de la sección o categoría. ¿cual os parece mas correcto de estas dos? este: a href=#img src=irudiak/fake.gif //abr / spana href=#Nombre del link/a/span o este: a href=#img src=irudiak/fake.gif /br / spanNombre del link/span/a una cosa que me convence del segundo es que todo es el mismo link, y esa es la realidad, con el primero da la sensación de que tienes dos links que llevan al mismo sitio. también sucede con el segundo que cuando te pones sobre el texto, el estado hover también afecta al a imagen y viceversa y eso mola, pero no estoy convencido de que meter todo eso dentro de a sea correcto... si ¿no? a ver que os parece saludos y gracias -- Message: 11 Date: Fri, 12 Jun 2009 13:08:01 +0200 From: Almorca almo...@gmail.com Subject: Re: [Ovillo] Problema con word-wrap en IE6 To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Message-ID: 3f67a4540906120408g31a72761rf809020052f0f...@mail.gmail.com Content-Type: text/plain; charset=UTF-8 Si no lo quieres hacer mediante servidor siempre lo puedes hacer por javascript. Lo que yo haría sería usar word-wrap: break-word; excepto para ie6 (mediante algún hack de ie6 o mediante comentarios condicionales) y buscar alguna solución por javascript para ie6. El 12 de junio de 2009 12:37, jose vicente ribera pellicer joseran...@gmail.com escribió: Ante todo gracias por las respuestas!! ¿Puede ser esto: http://www.positioniseverything.net/explorer/dup-characters.html ? ___ Creo que son cosas distintas Si no encontramos nada por CSS supongo que terminaremos tirando de expresiones regulares o de funciones de servidor... Recuerdo que para algún proyecto hice una función de servidor que me rompiera la url cada x caracteres. No es una solución limpia pero es efectiva. Lo malo es que de funciones de servidor no vamos muy sobrados...será cuestion de ponerse. Salu2 y gracias por la ayuda!! ___ Lista de distribución Ovillo Para 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 mailing list Ovillo@lists.ovillo.org http://lists.ovillo.org/mailman/listinfo/ovillo Fin de Resumen de Ovillo, Vol 64, Envío 12 ** ___ Lista de distribución Ovillo Para 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] Solución al problema de mostrar conteni dos multiplexadamente
Tei, Ramón Corominas: Voy a aprovechar vuestras sugerencias. Muchas gracias. Santiago. __ Enviado desde Correo Yahoo! La bandeja de entrada más inteligente. ___ Lista de distribución Ovillo Para 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] Solución al problema de mostrar conteni dos multiplexadamente
Hola a todos:
No sé si ya se ha tratado este problema en el forum,
pero recientemente he encontrado la forma de
multiplexar contenido en pantalla sólo con CSS:
Supongamos que tenemos una lista de hiperenlaces y
necesitamos que en una parte de la pantalla se muestre
un contenido según el hiperenlace pulsado (como un
selector de pestañas), sin usar frames ni javascript
ni llamadas al servidor.
Bien, pues basta con asignar a cada contenido un id
único y una altura lo bastante como para impedir que
el resto de contenidos sean visibles. Luego se les
mete dentro de un contenedor que tenga
overflow:hidden, para impedir que salga barra de
scroll. Y por último, hay que hacer que los
hiperenlaces apunten al id de cada uno de los
contenidos (con href=#...), y de esa forma, al
realizar el hipersalto, el navegador va a mostrar sólo
el contenido pedido, y el resto no se mostrarán porque
no caben al tiempo en pantalla, ni tampoco aparecerá
la barra de scroll del contenedor.
Ejemplo:
!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.0
Transitional//EN
html
head
style
div.contenidos {
overflow: hidden;
height: 100px;
border: solid 1px;
}
div.multiplexado {
margin-bottom: 1000px;
}
/style
/head
body
h1Demo de selección de contenidos/h1
pemVálido para IE6, FF2.
No válido para Opera9: Al realizar el hipersalto, el
contenido mostrado no varía./em
/p
a href=#enero enero/a
a href=#febrerofebrero/a
a href=#marzo marzo/a
div class=contenidos
div class=multiplexado id=eneroa
name=enero/a este es el mes de enero/div
div class=multiplexado id=febreroeste es el mes
de febrero/div
div class=multiplexado id=marzo este es el mes
de marzo/div
/div
Texto posterior.
/body
/html
Saludos.
Santiago.
__
Enviado desde Correo Yahoo! La bandeja de entrada más inteligente.
___
Lista de distribución Ovillo
Para 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] Problema (para variar) con Float
Santiago Valdés Morales:
Resulta que necesito que el float tenga el mismo
largo (digamos, que llegue
hasta el final de la página SIEMPRE) pero no lo
consigo, no sé porque.
Bueno, pues hace poco me surgió a mí también ese
problema. Yo lo he resuelto de forma diferente en IE y
en FF:
Para el siguiente HTML:
div id=cuerpo
div id=izdatexto con pocas líneas/div
div id=dchatexto con muchas líneas/div
/div
/* CSS-IE 6.0 */
div#cuerpo {
border: solid 2px red;
height: 100%;
display: inline;
}
div#izda {
background-color: yellow;
float: left;
height: 100%;
}
div#dcha {
background-color: cyan;
float: left;
}
/* CSS-FF y Opera */
div#cuerpo {
border: solid 2px red;
display: table-cell;
}
div#izda {
background-color: yellow;
display: table-cell;
}
div#dcha {
background-color: cyan;
display: table-cell;
}
Nota: Si sabes programar el servidor, no es difícil
programar un mapping para que devuelva una CSS
diferente para cada navegador de forma automática (sin
javascript). Yo lo he hecho en JSP, y supongo que se
debe de poder en PHP y en .NET.
Que se dé bien.
Santiago.
__
¿Chef por primera vez?
Sé un mejor Cocinillas.
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] Representar documento de datos
Hola, Héctor:
Me gustaría saber que opinais sobre la mejor forma
de crear una ficha de
datos del estilo:
Nombre: Juan Apellidos: López
Fernández
Edad:12 años Estado: Soltero
Ciudad: Madrid Clase: A
Yo pienso que con una tabla, no?? al fin y al cabo
son datos tabulares donde
la negritas son celdas cabecera y para el tema de
accesibilidad, también es
lo más facil.
Pero tengo un compañero que insiste es que la mejor
forma es con una lista
de definición y que lo recoloque con CSS.
Verás: A mí no me parecen datos tabulares: Yo entiendo
que datos TABULARES son aquellos que tienen igual
valor semántico unos que otros, y de los que puede
haber un nº indeterminado. Ejemplo:
Nombre Apellidos Edad
-- -
Juan López 12
Pepe Pérez 14
Ana García21
...
Te mando un ejemplo aproximativo de cómo mediante CSS
se puede imitar el maquetado en DOS columnas, válido
para Firefox y Opera. Para IExplorer... aún hay que
darle un pequeño repaso.
=
html
head
titleColumnas sin tablas/title
style type=text/css
label {
width: 25%;
background-color: yellow;
float: left;
text-transform: capitalize;
}
select,
input {
display: block;
margin-left: 25%;
width: 50%;
}
/style
/head
body
h1Columnas sin tablas/h1
label for=nombrenombre/labelinput
name=nombre
label for=apellidosapellidos/labelinput
name=apellidos
label for=edadedad/labelinput name=edad
size=2
label for=profesionprofesión/labelinput
name=profesión size=30
label for=estadoestado civil/labelselect
name=estadooptionsoltero/optionoptioncasado/optionoptiondivorciado/optionoptionviudo/option/select
/body
/html
=
Saludos.
Santiago.
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] Problema con aumento de tamaño de fuent e
Aitiba:
El codigo javascript no funciona perfecto pero el
tamaño de letra tampoco se modifica,aun sabiendo que
el tamaño de letra que le llega despues de pasar por
javascript es diferente. Escribo a ovillo porque el
problema vcreo que iene de alguna dificion en el CSS
que me pueda faltar por
hacer. ¿Alguna idea?
No veo por qué no ha de funcionar tu scriptlet, salvo
que tengas alguna otra regla CSS de mayor prioridad
que el estilo del body. Para curarte en salud, si tu
página no es demasiado complicada, lo que puedes hacer
es declarar una clase LUPA y añadirla en cada tag de
la página. Y luego, que tu scriptlet actúe sobre la
clase LUPA en lugar de sobre el body:
style type=text/css
.LUPA {
font-size: 10pt;
}
/*
... Resto de reglas CSS ...
*/
/style
script type=text/javascript
function setSize(n)
{
var ss=document.styleSheets[0]
var rules=ss.cssRules || ss.rules
var style=rules[0].style
style.fontSize=n+pt
}
/script
body
p class=LUPA resto-de-clases.../p
div class=LUPA resto-de-clases.../div
...
/body
Por cierto: Esta forma de modificar desde javascript
el aspecto de una página (cambiando una CLASE común a
muchos tags) es mucho más rápido que cambiar el STYLE
de cada uno de los tags involucrados, toda vez que el
procesamiento de CSS en los navegadores es seguramente
*nativo*, mientras que el javascript es
*interpretado*. Otra aplicación práctica: Mostrar y
ocultar una columna de una tabla.
Santiago.
__
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] Ajax y accesibilidad-Gracias
Hola a [EMAIL PROTECTED]: Gracias a [EMAIL PROTECTED] por los comentarios sobre Ajax. Muy instructivos. Eva: Para no equivocarme, yo suelo hacer la página totalmente funcional sólo con (x)html y css, y luego añado los comportamientos desde javascript (si es que es necesario o al menos interesante), sin tocar el código html. Pues es un gran idea. Muchas gracias y mis felicitaciones. Santiago. __ 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] Ajax y accesibilidad
Hola a [EMAIL PROTECTED]: Una pregunta general: ¿Es posible / recomendable / indeseable usar Ajax en una página respetando la accesibilidad? Como necesariamente hay que usar javascript o Activex, en principio no es deseable, ¿no? Gracias de antemano. Santiago. __ 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] css modular
Little Digerati: El uso de import no impida que el validador -css del w3c me valide el css en localhost? Hombre, a mí se me ocurren tres alternativas muy elementales (quizá ya las hayas descartado): -Usar URLs absolutas para los import (http://servidor/path/hoja.css) -Validar una a una todas las hojas. -Descargar el validador de W3C (JAVA) para poder usarlo localmente: http://jigsaw.w3.org/css-validator/DOWNLOAD.html La opción de unificar todas las CSS, como apunta Constanza, se puede hacer con Firefox 2 y el plugin web developper, si bien el resultado aún incluye comentarios no-css y al final tendrías que limpiarlo a mano... :-( Saludos, Santiago. __ 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] border-top
Message: 1 Date: Sat, 2 Sep 2006 17:30:16 +0200 From: Ignacio Iglesias [EMAIL PROTECTED] 2º Por otro lado si os fijáis en el menú superior lleva un border-top: 2px solid #999; pero no lo veo en ie, sabe alguien a que se debe esto. Prueba a poner border: 2px solid #999; y fíjate en lo que ocurre: A mí me aparecen los bordes derecho e izquierdo, pero no el superior ni inferior. Otra pista: Si desactivas el resto de estilos, sí aparece el border-top en uno de los li. Santiago. __ 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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Navegación con pestañas verticales
From: Reynier Perez Mira
[EMAIL PROTECTED]
Subject: [Ovillo] Navegación con pestañas verticales
Bueno el caso es que tengo que hacer algo como un
menú de navegación vertical.
El ejemplo que mandaba Gonzalo Alonso es muy ingenioso
y básicamente se puede resumir en lo siguiente:
La estructura es un div invisible dentro de un li. Hay
que crear una regla que haga visible el div y que sea
aplicable a un div que esté dentro de un li:hover.
Mando un ejemplo parecido:
!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.0
Transitional//EN
html
head
titleMouseOver con CSS/title
style
img {
display: none;
position: absolute;
top: 70px;
left: 200px;
width: 300px;
}
div:hover img {
display: inline;
}
div:hover {
background-color: yellow;
}
/style
/head
body
h1MouseOver con CSS/h1
table
trtddiv class=tituloPaul Newmanimg
src=http://i.imdb.com/Photos/Mptv/1396/0070_2352.jpg;/div/td/tr
trtddiv class=tituloMarylin Monroeimg
src=http://i.imdb.com/Photos/Mptv/1385/0758_0995.jpg;/div/td/tr
trtddiv class=tituloClark Gable img
src=http://i.imdb.com/Photos/Mptv/1396/0025_2348.jpg;/div/td/tr
/table
/body
/html
Sólo lo he hecho funcionar en Firefox 2 y en Opera 8.
Para IE supongo que bastará con cambiar los div por
a.
¡Buen trabajo de grado!
Santiago.
__
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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] de menues, maquetacion y otras yerbas
Aun asi desearia me indicar como poner en el H1 una
imagen pequeña a la
izquierda pues no me lo toma con un div, como lo he
hecho.
Muchas gracias otra vez
Hola, Sureña:
A ver si te sirve esta fórmula:
h1 {
background-image: url(...);
background-repeat: no-repeat;
padding-left: ancho-de-la-imagen-en-pixeles;
}
Santiago.
__
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://ovillo.org/mailman/listinfo/ovillo
