[Ovillo] Formas de ocultación
Hola lista, Veo en diversos mensajes consejos y hacks para ocultar elementos de bloque mediante el establecimiento de márgenes o indentaciones con valores negativos, por ejemplo: text-indent: -px; ¿Alguien sabría argumentarme el porqué de que esta estrategia se recomiende tanto? ¿Qué tiene de inconveniente usar un display: none para ocultar un bloque? Saludos, Miguel González ___ Lista de distribución Ovillo Para escribir a la lista, envia un 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] input submit
El 01/07/10 17:26, Raul Antonio Marino escribió: Buenas! Tengo una imagen que al ser pulsada envia un formulario, pero para que envie todas las variables tiene que ser un input de tipo submit, como hago para ocultar de alguna forma este input submit y que se vea la imagen y que al ser pulsada sea como clickear el input submit verdadero, o cual es la forma correcta de hacerlo?! Desde ya, muchas gracias a quien me pueda ayudar! :) -- Raúl Marino http://www.raul-marino.com.ar Hola Raúl, Una forma correcta es usando la capacidad del elemento button de contener una imagen: button type=submitimg src=mi-imagen.gif alt=Enviar/button Referencia: http://www.w3.org/TR/html4/interact/forms.html#edef-BUTTON ...Y mediante CSS camuflar el botón: style=background: none; border: 0; padding: 0; ¡Saludos! Miguel González ___ Lista de distribución Ovillo Para escribir a la lista, envia un 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] eCSStender, librería Javascript para el manejo CSS (Stop forking CSS?)
Hola, gente de la lista: ¿Alguien utiliza o ha probado o conoce eCSStender? http://ecsstender.org/ Visto en: http://www.alistapart.com/articles/stop-forking-with-css3/ ¿Qué opinión les merece esta librería? A mí no me agrada mucho hacer depender de operaciones Javascript el formato de una página web... Pero mucho menos me agradan los 'forks' CSS. ¡Saludos! Miguel González ___ Lista de distribución Ovillo Para escribir a la lista, envia un 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] varios script
Me da la sensación que se refiere a widgets para webs (algo parecido a los módulos que ofrecen Google o FB...) ¡Saludos! Miguel González El 09/06/10 17:18, Joseba Rodríguez escribió: Estoy alucinando que tu yugular siga intacta. Esto parece un OT de los gordos. ¿A que te refieres con scripts? ¿Código? ¿Plantillas? ¿Ejemplos? Slt. -Mensaje original- De: ovillo-boun...@lists.ovillo.org [mailto:ovillo-boun...@lists.ovillo.org] En nombre de adolfo Delgado Enviado el: miércoles, 09 de junio de 2010 11:03 Para: Ovillo, la lista de CSS en castellano Asunto: [Ovillo] varios script Buenos días compañeros, he estado buscando varios script, que necesito para una web que estoy realizando y los que he encontrado viene con publicidad, y mi cliente los quiero sin ella, os paso a comentar los script que necesito por si sabeis de donde sacarlos: Tiempo Embalse Playas Estaciones de Esqui Sorteos un saludo a todos PD: Busco socios para la realización de cortos en 3D, para poder darnos a conocer en el mundillo. aDelgado ___ Lista de distribución Ovillo Para escribir a la lista, envia un 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] Herramienta analisis CSS?
Hola a todos: He heredado (el cliente manda) y adaptado una serie de hojas de estilo de una plantilla de Joomla! para un sitio web de diseño muy sencillo. En orden de optimizar, limpiar, fijar y dar esplendor, estoy comenzando la tarea de eliminar de dichas hojas todas las reglas espúreas que no se utilizan en las páginas del sitio. Para saltarme de alguna forma este trabajo de hormiga... ¿alguien conoce y puede recomendarme alguna herramienta, extensión de navegador o estrategia que me permita saber de forma ágil qué reglas de las hojas CSS se están utilizando (o no) en una página? ¡Saludos! -- Miguel González ___ Lista de distribución Ovillo Para escribir a la lista, envia un 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] Herramienta analisis CSS?
La probaré. ¡Gracias! Miguel González El 15/01/10 09:37, Pedro Sanz escribió: Miguel: Creo que lo que buscas es Dust-me- selectors: https://addons.mozilla.org/es-ES/firefox/addon/5392 https://addons.mozilla.org/es-ES/firefox/addon/5392es una extensión para Firefox que te dice las reglas que no se están usando y alguna cosa más. confío en que te pueda ayudar. Saludos. Pedro -- Pedro Mª Sanz 620 23 59 58 pedroms...@gmail.com El 15 de enero de 2010 09:31, Miguel Gonzalez mig...@iusc.es escribió: Hola a todos: He heredado (el cliente manda) y adaptado una serie de hojas de estilo de una plantilla de Joomla! para un sitio web de diseño muy sencillo. En orden de optimizar, limpiar, fijar y dar esplendor, estoy comenzando la tarea de eliminar de dichas hojas todas las reglas espúreas que no se utilizan en las páginas del sitio. Para saltarme de alguna forma este trabajo de hormiga... ¿alguien conoce y puede recomendarme alguna herramienta, extensión de navegador o estrategia que me permita saber de forma ágil qué reglas de las hojas CSS se están utilizando (o no) en una página? ¡Saludos! -- Miguel González ___ Lista de distribución Ovillo Para escribir a la lista, envia un 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] Herramienta analisis CSS?
¡Gracias mil! Miguel González El 15/01/10 09:39, Maikel Naigt escribió: Hola Miguel. Yo utilizaba hace tiempo una extensión de Firefox llamada 'Dust Me Selectors' [1] que me sacó de algún apuro similar. Espero que te sea útil. [1] https://addons.mozilla.org/es-ES/firefox/addon/5392 Un saludo, David 2010/1/15 Miguel Gonzalez mig...@iusc.es: Hola a todos: He heredado (el cliente manda) y adaptado una serie de hojas de estilo de una plantilla de Joomla! para un sitio web de diseño muy sencillo. En orden de optimizar, limpiar, fijar y dar esplendor, estoy comenzando la tarea de eliminar de dichas hojas todas las reglas espúreas que no se utilizan en las páginas del sitio. Para saltarme de alguna forma este trabajo de hormiga... ¿alguien conoce y puede recomendarme alguna herramienta, extensión de navegador o estrategia que me permita saber de forma ágil qué reglas de las hojas CSS se están utilizando (o no) en una página? ¡Saludos! -- Miguel González ___ Lista de distribución Ovillo Para escribir a la lista, envia un 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 ordenadas
Hola Maite. Internet Explorer (del 7 incluido y para abajo) no soporta los counters CSS: http://msdn.microsoft.com/es-es/library/cc817571.aspx ¡Saludos! Miguel González El 19/11/09 17:55, Maite Capalleja escribió: Hola, tengo problemillas para hacer una lista ordenada con Internet Explorer del tipo: 1.Item 1.1 Item 1.2 Item 2.Item 2.1 2.2 2.3 He empleado el counter, pero no funciona: OL { counter-reset: item } LI { display: block } LI:before { content: counter(item) . ; counter-increment: item } Se os ocurre como hacerlo? Muchas gracias Maite Capalleja ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Otra pregunta
Tei escribió: 2009/9/28 Julian Reyes julian.reyes.escri...@gmail.com: saben de algun buen programa que me ayude a diseñar el formulario rapidamente de manera visual. parece que estas preguntando por un editor wysiwig para ubuntu *ruido de tiza arañando una pizarra* tienes el antiguo NVu que ahora es Kompozer. Asi que ya sabers apt-get kompozer, y ya esta. También está el Amaya del W3C: # sudo apt-get install amaya ¡Saludos! Miguel González ___ Lista de distribución Ovillo Para escribir a la lista, envia un 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] Otra pregunta
Tei escribió: 2009/9/30 Miguel Gonzalez mig...@iusc.es: Tei escribió: 2009/9/28 Julian Reyes julian.reyes.escri...@gmail.com: saben de algun buen programa que me ayude a diseñar el formulario rapidamente de manera visual. parece que estas preguntando por un editor wysiwig para ubuntu *ruido de tiza arañando una pizarra* tienes el antiguo NVu que ahora es Kompozer. Asi que ya sabers apt-get kompozer, y ya esta. También está el Amaya del W3C: # sudo apt-get install amaya Pero... ¿a alguien le funciona correctamente el amaya? En palabras del WC3 el Amaya no es una implementacion de referencia ni debe confundirselo con eso. Es solo otro navegador mas. Y cuando lo ejecutas, es horriblemente lento, y con horriblemente lento, quiero decir que prefiero escribir una pagina web via telnet, con un lag de 8 segundos, que utilizando las vias de autoedicion que tiene amaya. Bueno, lento, lo que se dice, lento, lo es... No cabe duda. Entre sus ventajas, sin embargo, está la de generar código estándar. Yo, por ejemplo, lo utilizo exclusivamente para dar mantenemiento a antiguas páginas web (servidumbres heredadas, ¡qué le vamos a hacer!) ya que me facilita que el resultado sea un código más o menos aceptable. Antes probé el Kompozer (aka Nvu) pero no me acabó de convencer (el editor CSS deja mucho que desear y produce errores). Otro que he probado un poco (tiene buena pinta pero no he profundizado lo suficiente) es Quanta. ¡Saludos! Miguel González ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Site con 2 dtd's
Lo mejor es irse directamente a la documentación oficial: http://www.sidar.org/recur/desdi/traduc/es/xhtml/xhtml11.htm http://www.sidar.org/recur/desdi/traduc/es/xhtml/xhtml11_es.html (leer el primero antes que el segundo) [+traducciones] http://www.w3.org/2003/03/Translations/byLanguage?language=es#xhtml11-17 Si ya tienes la página hecha, puedes probar con algún conversor automático: http://tidy.sourceforge.net/ Nota: La extensión HTML Validator para Firefox hace unas más que aceptables conversiones: https://addons.mozilla.org/es-ES/firefox/addon/249 ¡Saludos! Miguel González Rafa Artacho escribió: Buenos días: Me surge la necesidad / obligación en un site que está hecho conforme a: !DOCTYPE html PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN http://www.w3.org/TR/html4/loose.dtd; de comenzar a maquetar las nuevas páginas con esta dtd: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.1//EN http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd; ¿conocéis algún sitio con la misma casuística?, tenéis alguna experiencia de este tipo, documentación al respecto? Muchas gracias ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] [OT] Que es el Email Marketing
A fin de facilitar la comprensión y la comunicación, le agradecería que escribiera lo más formalmente posible a esta lista de correo. Cada canal de comunicación tiene su praxis y, evidentemente, Ovillo no es ni un SMS ni una pared suburbana. Gracias por su comprensión y disculpe las molestias o incomodidad que pudiera generarle. Miguel González H Joaco escribió: Joaco. Que es el email marketing y kual es su verdadera funcion, porke me estoy cansado de blokear korreos y sigen llegando, kual es la funcion de esto y si viola nuestra privacidad al solicital informacion de de algunas bases de datos de empresas ya saben, kien lo invento, y kuando empezo. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
[Ovillo] [OT] El W3C rediseña su sitio web
La web del W3C está en proceso de renovación. Puede visitarse (y criticarse) la versión beta en esta dirección: http://beta.w3.org Visualmente me recuerda bastante a algunas plantillas de blog existentes, aunque está en línea con las intenciones de abrir el sitio a la participación a los visitantes (a lo 2.0 obviamente). Me agradan sus aspectos tipográficos y me disgustan esos horribles iconos negros... ¿Qué os parece a vosotros? ¡Saludos! -- Miguel González ___ Lista de distribución Ovillo Para escribir a la lista, envia un 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] Intercambiar visualmente el orden de dos párrafos
¡Hola Ramón! He estado siguiendo el hilo e, incluso, haciendo algunas pruebas. De todas las soluciones aportadas ninguna me parece concluyente (o falla que funcione en casi todos los navegadores; o hay que utilizar algo más que CSS --léase javascript--; o hay que romper la coherencia estructural y semántica; o hay que cargarse la accesibilidad...). Quisiera proponer lo siguiente como posible solución: blockquote cite=#titulonoticiaAquí va el antetítulo de la noticia, más o menos largo/blockquote h1 id=titulonoticiaTitular de la noticia que también será más o menos largo/h1 ...partiendo de la base que el antetítulo es una cita / abstract de la noticia. ¡Saludos! Miguel González Ramón Corominas escribió: Hola, Ovillo. Me plantea un cliente un desafío semántico-cesesiano que a mí me parece irresoluble, pero quién sabe si alguna sabia mente ovillera me pueda iluminar... La idea de partida es bastante simple: h1Título principal de noticia/h1 pAntetítulo (nota aclaratoria) de la noticia/p Los editores les dicen que el antetítulo, por ser ante, tiene que verse *encima* del título de la noticia. Entiendo que alterar el orden de los párrafos en el código sería cambiar de alguna manera la estructura de contenidos (el párrafo realmente pertenece a la noticia, aunque se vea delante del título). Sin entrar a valorar que ese cambio en el orden visual no alteraría el orden de lectura para un lector de pantalla, lo que se pretende es que (visualmente) aparezca esto: Antetítulo de la noticia TITULO PRINCIPAL DE LA NOTICIA ¿Se le ocurre a alguien una solución crossbrowser para lograr esto? Nota 1: no se conocen de antemano las longitudes ni del título ni del antetítulo. Nota 2: no es factible reservar espacio para el antetítulo dando margin-top al h1, ya que no se sabe de antemano la longitud del antetítulo, además de que no puede solapar al aumentar el tamaño de letra. Saludos y gracias de antemano, Ramón. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Enlace interno en iebeta8
stripTM escribió: Miguel Gonzalez escribió: Hola! IE no hace caso de este tipo de anclajes cuando los elementos están vacíos (parece que IE8 continuará con el mismo comportamiento) Basta que el div tenga algo dentro (forzando un espacio en blanco, por ejemplo) para que funcione correctamente: div id=principionbsp;/div Si es el principio ¿no sería mejor meter el id en el propio body? ¡Hola! Hay que tener presente que no está establecido que el navegador deba posicionar el cursor al principio del documento cuando se invoque un ancla ( desde dentro del propio documento) que apunte al ID del body. Podría perfectamente mantener el cursor en el mismo sitio, puesto que ya está dentro del body. También en los navegadores, cuando se invoca un ancla que no existe en el documento, generalmente se posiciona el cursor al principio del mismo, por lo que un anclaje tipo #aqui-va-cualquier-cosa (siempre que 'aqui-va-cualquier-cosa' no exista como ID ni como NAME dentro del documento) funciona para volver al principio, aunque no hay garantías para que ello continue siendo así en el futuro. ¡Saludos! Miguel González ___ Lista de distribución Ovillo Para escribir a la lista, envia un 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] Enlace interno en iebeta8
Hola! IE no hace caso de este tipo de anclajes cuando los elementos están vacíos (parece que IE8 continuará con el mismo comportamiento) Basta que el div tenga algo dentro (forzando un espacio en blanco, por ejemplo) para que funcione correctamente: div id=principionbsp;/div ¡Saludos! Miguel González [EMAIL PROTECTED] escribió: Hola! tengo una duda, he puesto de acuerdo a lo leido en los archivo de la lista lo siguiente: div id=principio/div al principio del documento y luego he puesto mas abajo: a href=#principio Ir al Principio/a Ahora en firefox funciona, pero en ie 8 beta, no, a que se debe? es un bug de ie? o le estoy errando en algo? muchas gracias Alejandra ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Enlace interno en iebeta8
Al respecto, el W3C dice lo siguiente: Si el documento es HTML: «Use id or name? Authors should consider the following issues when deciding whether to use id or name for an anchor name: * The id attribute can act as more than just an anchor name (e.g., style sheet selector, processing identifier, etc.). * Some older user agents don't support anchors created with the id attribute. * The name attribute allows richer anchor names (with entities). Because of its specification in the HTML DTD, the name attribute may contain character references. Thus, the value D#xfc;rst is a valid name attribute value, as is Duuml;rst . The id attribute, on the other hand, may not contain character references.» Pero si es XHTML: «...the name attribute of these elements is formally deprecated, and will be removed in a subsequent version of XHTML.» ¡Saludos! Miguel Ramón Corominas escribió: Que yo sepa la manera más segura y estándar de poner un marcador es con: a name=principio/a ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Hoja de estilos alternativa para IE
Creo que la hoja de estilo no se carga porque no has cerrado el comentario que encierra el condicional (te faltan los dos guiones antes del final. Tienes: !--[if IE] Y deberías tener: !--[if IE]-- ¡Saludos! Miguel González Alberto García escribió: Hola a todos: Tengo un problema que no sé solucionar. He creado una hoja de estilos alternativa para IE para corregir ciertos detalles, hasta ahora siempre lo había hecho con comentarios condicionales y poniendo los hacks en el propio archivo html donde estaban los problemas pero ahora he creado un archivo css aparte y lo he vinculado con un condicional. El problema es que localmente funciona pero en el servidor no, y no doy con donde puede estar el problema. Este es el enlace al sitio en cuestion: http://surftherapy.es/ Gracias a todos de antemano por vuestro interés y vuestro tiempo: Alberto García ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] llamar a un class desde javascript
Hola. Creo entender que quieres aplicar la clase dinámicamente. Prueba con: document.getElementById(user).className=important; ¡Saludos! Miguel González armando escribió: hola, tengo un div al q le he aplicado un id=user y un class=important a su vez, este elemento, por css debe mostrar un asterisco inyectado por css y aplicado al class asi: .important:after { content: *; color:#F00; font-size:14px; font-weight:bold;} todo funciona correctamente, mi duda surge a la hora de llamarlo desde javascript, usualmente se haria con: document.getElementById(user).style = 'inline' pero no se como se aplicaria ese mismo efecto a un elemento como este, con id=user, class=important y .important:after { content: *; color:#F00; font-size:14px; font-weight:bold;} gracias de antemano a [EMAIL PROTECTED] ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] llamar a un class desde javascript
Si te entiendo bien, pretendes cambiar por javascript una propiedad de un pseudoelemento (after) perteneciente a una clase. Lo único que se me ocurre a bote pronto es hacerlo indirectamente utilizando dos clases más (none y otra específica llamada inline, por ejemplo) Defines none:after como display:none #user.none:after {display: none;} y inline:after como display:inline #user.inline:after {display: inline;} Y las cambias por javascript: // Para que no se vea el after: document.getElementById(user).className=important, none //Para que se vea: document.getElementById(user).className=important, inline ¡Saludos! Miguel González Iusc [EMAIL PROTECTED] http://www.iusc.es/ armando escribió: he provado, pero el problema es aplicar un display:none / inline exclusivamente al class:after, no hay problema en llamar a un id con la class important, pero no se como aplicarlo al .important:after. No se si me he explicado correctametne... gracias a [EMAIL PROTECTED] El 26 de noviembre de 2008 10:35, Miguel Gonzalez [EMAIL PROTECTED] escribió: Hola. Creo entender que quieres aplicar la clase dinámicamente. Prueba con: document.getElementById(user).className=important; ¡Saludos! Miguel González armando escribió: hola, tengo un div al q le he aplicado un id=user y un class=important a su vez, este elemento, por css debe mostrar un asterisco inyectado por css y aplicado al class asi: .important:after { content: *; color:#F00; font-size:14px; font-weight:bold;} todo funciona correctamente, mi duda surge a la hora de llamarlo desde javascript, usualmente se haria con: document.getElementById(user).style = 'inline' pero no se como se aplicaria ese mismo efecto a un elemento como este, con id=user, class=important y .important:after { content: *; color:#F00; font-size:14px; font-weight:bold;} gracias de antemano a [EMAIL PROTECTED] ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Nuevo blog
¿Y la dirección del blog es... ? ¡Saludos! Miguel González rodrigo ascariz telefonica escribió: Buenos tardes a todo el mundo.. Estoy creando un blog y me gustaría que le deis vuestra opinión. Muchas gracias _ Un Saludo Cordial de Rodrigo Ascáriz Martínez. Email: mailto:[EMAIL PROTECTED] [EMAIL PROTECTED] Portafolios: www.ascariz.es Blog: http://blog.ascariz.es http://blog.ascariz.es Seguidor de estandares WEB de http://www.w3c.es/ W3C para la buena Programación. Creo páginas en SEM y SEO Programador Diseñador: HTML, DHTML,AJAX, JavaScript, ASP, Macromedia Studio, ASP.NET, Adobe Photoshop , Microsoft SQL Server 2000/2005 ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] ESTILOS PARA EL ATRIBUTO TITLE
¡Hola! El estilo (apariencia) del title depende de la configuración de los tooltips del sistema operativo del usuario. No puedes cambiarlo. Lo que puedes intentar hacer es mostrar un tooltip alternativo con los estilos CSS que quieras. Aquí te puedes hacer una idea: http://vagabundia.blogspot.com/2006/11/tooltips-usando-css.html Miguel González Laura García escribió: Buenos días, Me gustaría saber si existe la forma, con css, de modificar el aspecto de un atributo title situado en el option de un select. Muchas gracias _ ¡Este Otoño reta a tus amigos con el nuevo juego de preguntas LiveQuiz! http://www.vivelive.com/LiveQuiz/ ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] [OT] Opiniones, críticas, suger encias, besos, flores... sobre una web ;P
Hola. Para los casos como el presente, tenemos la etiqueta fieldset fieldset id=edad legendEdad:/legend label for=edad1Entre/span input id=edad1 name=edad1 type=text size=2 maxlength=2 value=16 / label for=edad2y/span input id=edad2 name=edad2 type=text size=2 maxlength=2 value=60 / /fieldset ¡Saludos! Almorca escribió: Pues ese código es incorrecto ya que dentro de un label solo puede haber un input, así que lo correcto sería hacer dos label cada uno con su input. El 2 de octubre de 2008 21:47, Fran [EMAIL PROTECTED] escribió: En Thu, 02 Oct 2008 21:09:42 +0200, Jorge [EMAIL PROTECTED] escribió: Observo que en los formularios de búsqueda de las secciones de Jugadores y Ranking, tanto en los campos edad como en nivel de juego especificas unos limites, pero el label for del campo hace referencia a un id inexistente. En edad label for=edad ¿Donde está el elemento con id edad? Edad: br / span class=inlineentre/span input id=edad1 name=edad1 type=text class=inputtext size=2 maxlength=2 value=16 / span class=inline2y/span input id=edad2 name=edad2 type=text class=inputtext size=2 maxlength=2 value=60 / /label A esto, que la gente opine de cual seríe la codificación correcta. El resto, muy bonita estéticamente hablando, pero deberías usar medidas em en las fuentes. Saludos. Ahora que lo mencionas, mientras lo maquetaba se me presentó esa duda y lo dejé como está. Yo tampoco tengo clara cuál sería la manera correcta... ___ Lista de distribución Ovillo Para escribir a la lista, envia un 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] blog en asp
Hola Joseba. En ASP hay bastantes (aunque en mi opinión, son de menor calidad que los más conocidos de PHP. Wordpress, por ejemplo) Uno bastante sencillo (aunque yo lo recomendaría sólo para intranets) es Simple Blog: http://www.8pixel.net/?pageID=420setLanguage=EN ¡Saludos! Miguel González Joseba escribió: Hola! Existe alguna herramienta para hacer blogs con asp (o en su defecto cual es la mejor o de las mejores en php) ¿? Gracias. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
[Ovillo] Extensiones propietarias CSS en IE8
Al igual que ya existen las extensiones propietarias en Mozilla (-moz-) y Opera (-o-), Microsoft anuncia que también utilizará las suyas propias (-ms-) en el IE8: http://blogs.msdn.com/ie/archive/2008/09/08/microsoft-css-vendor-extensions.aspx PD: El cuento de nunca acabar... :-( -- Miguel González ___ Lista de distribución Ovillo Para escribir a la lista, envia un 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 lista
Hola Ignacio. Creo que la alineación de tu lista está siendo afectada por una herencia desde el div que contiene a la lista. Agrega la siguiente regla al CSS para neutralizar dicho efecto indeseado: #lista-sitios-de-interes {text-align: left;} ¡Saludos! Miguel González Ignacio Aguirre escribió: Muchisisisisimos saludos Primera vez que les escribo, soy un buen lector de esta lista. Tengo un problema que no he logrado solucionar. Mi batalla esta vez es con una lista. Mi intención es la de poder alinear los bullets de mi lista, sin importar el texto que tenga cada elemento La cosa es que la lista se alinea dentro del div según el texto que esta contenga. El codigo html que tengo: !--Modulo SITIOS DE INTERES-- div class=modulo-izquierda div class=sitios-de-interes-tituloSitios de Interes/div div class=sitios-de-interes ul id=lista-sitios-de-interes lia href=http://www.tokatas.cl; title=Tocatasun nombre bin largo tralalala ujuu/a/li lia href=http://www.feriadelapostulacion.cl; title=Web ComercialWeb Comercial/a/li lia href=http://www.google.cl/; title=gugl target=_blankgoogle/a/li lia href=http://www.independiente.cl/; title=asdaa target=_blankPrueba/a/li lia href=http://www.demre.cl/; title=DEPARTAMENTO DE EVALUACIÓN, MEDICIÓN Y REGISTRO EDUCACIONAL target=_blankDemre/a/li /ul /div /div - y mi CSS: --- .sitios-de-interes { width:210px; border:1px solid #000; background:url(imagenes/modulos/fondo-muralla.jpg) top left; } #lista-sitios-de-interes { list-style: none; padding-left:10px; } #lista-sitios-de-interes li a:link, #lista-sitios-de-interes li a:visited, #lista-sitios-de-interes li a:active { padding-left:20px; background:url(imagenes/modulos/sitios-de-interes-bullet.png) no-repeat; background-position:0 0; color:#000; font-family:Verdana, Century Gothic, Arial, Helvetica; font-weight:bold; font-size:10px; text-decoration:none; text-align:left; } #lista-sitios-de-interes li a:hover { color:#006699; } Vaya, no logro solucionarlo. Lo he hecho con otras listas dentro o del sitio y funciona a la perfección. Agradecería un montón a quien pueda darme una pista (o una solución :P) El sitio esta siendo montado en www.yopostulo.cl (epa, no digan nada del logo que me OBLIGARON a ponerlo ahi) Gracias desde ya! cambio y fuera Ignacio Aguirre ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] problema con estado de link en firefox
Para forzar mediante CSS que los enlaces visitados tengan el mismo color que los no visitados hay que especificarlo mediante las pseudo-clases link y visited: a:link {color: black;} a:visited {color: black;} Si no se especifica (o si el usiario desactiva o modifica dinámicamente el CSS) el que se muestren en otro color los enlaces visitados depende de la configuración del historial del navegador que tenga cada usuario. ¡Saludos! Miguel González Mª Candelaria Vidal Valls escribió: Hola a todos Estoy maquetando esta web (http://www.anticuarios.com.ar/nueva/) y tengo este problema: Navegando con FIREFOX visito los links y botones y estos quedan marcados como visited, refresco la web y siguen marcados, nunca vuelven al estado inicial. En Internet EXPLORER no quedan marcados y mi cliente pide que actuen en todos los navegadores como lo hacen en explorer. ¿es posible corregirlo? les paso los links del sitio y la hoja de estilos http://www.anticuarios.com.ar/nueva/ http://www.anticuarios.com.ar/nueva/estilos/base.css si alguien sabe agredezco la ayuda 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
[Ovillo] Firefox: Alineacion horizontal de columnas en tablas
¡Hola! Formateando una tabla estoy intentando alinear horizontalmente el texto contenido en diversas columnas mediante CSS: #colnotas {text-align: center;} colgroup id=colnotas col / col / col / col / /colgroup ...pero en Firefox no va. Ni siquiera cuando aplico la alineación a nivel de atributo: Tanto en grupos de columnas: colgroup id=colnotas align=center Como a columnas concretas: col align=center Por favor, ¿alguien puede iluminarme? ¡Saludos! -- Miguel González ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Firefox: Alineacion horizontal de columnas en tablas
¡Gracias Ignacio y Tei por las respuestas! Cuento lo que he podido averigüar al respecto: De un lado, la especificación CSS 2.1 sólo estipula para las columnas y grupos de columnas (col, colgroup) las propiedades border, background, width y visibility (http://www.w3.org/TR/CSS21/tables.html#columns) De otro lado, la especificación HTML 4.01 permite también para columnas y grupos el atributo align (http://www.w3.org/TR/html4/struct/tables.html#h-11.2.4) Haciendo un (incompleto) test del comportamiento de algunos navegadores en relación al alineamiento horizontal de las columnas he obtenido los siguientes resultados: Firefox 3: CSS - No acepta reglas de alineamiento (correcto, como estipula el W3C) HTML - No acepta atributos de alineamiento (incorrecto, no sigue las indicaciones del W3C) Opera 9.5: CSS - No acepta reglas de alineamiento (correcto, como estipula el W3C) HTML- Acepta atributos de alineamiento (correcto, como estipula el W3C) Internet Explorer 7: CSS - Acepta reglas de alineamiento (incorrecto, no sigue las indicaciones del W3C) HTML- Acepta atributos de alineamiento (correcto, como estipula el W3C) PD: También es de destacar que ninguno de los tres navegadores soporta la alineación de caracter estipulada en la especificación de HTML 4.01 (http://www.w3.org/TR/html4/struct/tables.html#h-11.3.2) Por ejemplo, td align=char char=, charoff=3 no funciona en ninguno de los tres (como curiosidad, en Mozilla está señalada esta carencia desde 1999 y aún sigue sin ser implementada: https://bugzilla.mozilla.org/show_bug.cgi?id=2212 ) ¡Saludos! Miguel González Miguel Gonzalez escribió: ¡Hola! Formateando una tabla estoy intentando alinear horizontalmente el texto contenido en diversas columnas mediante CSS: #colnotas {text-align: center;} colgroup id=colnotas col / col / col / col / /colgroup ...pero en Firefox no va. Ni siquiera cuando aplico la alineación a nivel de atributo: Tanto en grupos de columnas: colgroup id=colnotas align=center Como a columnas concretas: col align=center Por favor, ¿alguien puede iluminarme? ¡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] [OT] propiedad for del label desde javascript
document.getElementById(label).attributes[for].value ¡Saludos! Miguel González Joseba escribió: Alo! Alguien sabe como invovar la propiedad for del label desde javascript document.getElementById(label).for . no va, je. Slt. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Comportamiento extraño en Internet Explor er (al menos en la versión 7.0)
Hola Jorge. ¿Has probado a dar estilo a esa primera letra utilizando la pseudo-clase first-letter?: p.primero:first-letter {font-size: 250%;} div class=modulop class=primeroLa biblioteca.../p Nota que tienes que quitar el span que rodea a la primera letra. Lo ideal, sin embargo, sería prescindir de la clase primero y utilizar un selector de posición estructural: div.modulop:first-child:first-letter {font-size: 250%;} (Sólo aumentará el tamaño de la primera letra del primer párrafo contenido en el div modulo) Aunque sólo te funcionará en navegadores modernos, cosas del CSS3 ;-) Miguel González Jorge escribió: Gracias Ignacio, funcionó lo de los enlaces. Con respecto a las alineaciones del texto, si no hay solución, debería quitar el estilo a la primera letra del primer parrafo? Saludos, Jorge - Mensaje original - De: Ignacio Ricci [EMAIL PROTECTED] Para: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Enviado: lunes, 09 de junio de 2008 19:40 Asunto: Re: [Ovillo]Comportamiento extraño en Internet Explorer (al menos en la versión 7.0) Para fixearlo en IE7 dale padding en px y no en ems. Para IE6 no se todavía, tengo que seguir viendo. 2008/6/9 Jorge [EMAIL PROTECTED]: ¿Probaste sin englobar REBICanarias en abbr? Re: Sí, y sigue igual Explorer tiene un comportamiento erróneo con las alineaciones a menos que se trate de una única caja sin cajas anidadas. En tu caso estás utilizando 2 cajas, la de la primera letra y la del párrafo... se lía y no hay (que yo sepa) solución. Re: Si nadie tiene algo que objetar, tienes razon Yo los veo alineados ¿? Re: Te puedo asegurar que, al menos en IE 7, el combo está un pixel por encima Muchas gracias por las respuetas, Saludos - Mensaje original - De: Victoria Gracia [EMAIL PROTECTED] Para: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Enviado: lunes, 09 de junio de 2008 19:01 Asunto: Re: [Ovillo] Comportamiento extraño en Internet Explorer (al menos en la versión 7.0) Jorge escribió: - En las página: http://portal.grancanaria.com/portal/seccion.bsb?codcontenido=20842codmenu=726y http://portal.grancanaria.com/portal/seccion.bsb?codcontenido=20844codmenu=727 1. Hay un enlace (REBICanarias) en un párrafo y tiene puesto una imagen de fondo alineada a la derecha, pero en I.E 7.0 no me la muestra. ¿Probaste sin englobar REBICanarias en abbr? 2. La primera letra del primer párrafo, que tienen alineación justificada, tiene un tamaño mayor, maquetada mediante una etiqueta span (no puedo usar la propiedad css capitalize), para destacarla. Resulta que la primera linea pierde la justificación en I.E, cosa que no ocurre en FireFox. Explorer tiene un comportamiento erróneo con las alineaciones a menos que se trate de una única caja sin cajas anidadas. En tu caso estás utilizando 2 cajas, la de la primera letra y la del párrafo... se lía y no hay (que yo sepa) solución. - En la página http://portal.grancanaria.com/portal/buscador.bsb?query=canariastipo=sencillo hay un formulario con un campo de texto y un combo que debieran estar alineados horizontalmente, pero en I.E 7, el combo tiene está un pixel por encima, cuando no tiene nada que justifique ese comportamiento. Yo los veo alineados ¿? ¿Sabéis porqué pasa esto y si es imprescindible tener una plantilla css específica para IE 7 para solucionarlo? Un saludo Victoria ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo -- ↓ Ignacio Ricci www.ignacioricci.com ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente
Re: [Ovillo] Comportamiento extraño en Internet Expl orer (al menos en la versión 7.0)
Victoria escribió: El único problema estará en cómo tratan los distintos navegadores ese pseudo-elemento... es muy probable que ni los IE (al menos de 7 para abajo) ni muchos otros lo muestren. Una pena... pero aún no podemos utilizar el 100% de la potencia de CSS por la mala implementación de los pseudo-elementos y algunos selectores. En mi opinión, creo que debemos utilizar las posibilidades que nos ofrece el CSS siempre que sea posible y limitarnos a comprobar si en los navegadores antiguos la presentación es mínimamente aceptable. Tengo la sensación que, a veces, hipotecamos nuestra capacidad de trabajo intentando que todas las páginas que desarrollamos se vean igual en todos los navegadores; aunque algunos de ellos tengan diez años de antigüedad. ¡Saludos! Miguel González ___ Lista de distribución Ovillo Para escribir a la lista, envia un 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] ul li y saltos de linea
Una alternativa: ul li {float: left; width: 10em;} #item3, #item6, #item9 {clear: left;} ul li id=item0Cero/li li id=item1Uno/li li id=item2Dos/li li id=item3Tres/li li id=item4Cuatro/li li id=item5Cinco/li li id=item6Seis/li li id=item7Siete/li li id=item8Ocho/li li id=item9Nueve/li li id=item10Diez/li /ul Agrupa en filas de tres los items de la lista (sólo cabe variar las IDs para clarear) ¡Saludos! Miguel González Roberto Barreiro escribió: hola lo he puesto en: http://rpbarreiro.dyndns.org/lista.php tengan paciencia, va a tardar en cargar, ya que es un ordenador que esta en mi casa 1. los colores horribles estan a proposito, para saber que es cada cosa y hasta donde llega 2. las imagenes no se ven porque puse cualquier cosa en la ruta 3. es un solo archivo, como es un ejemplo, para ver que pasa y como resolverlo 4. en explorer 7 es lo que quiero -no esta del todo bien, pero da una idea- pero el mismo archivo en firefox es para morirse . la idea es poder decir: quiero dos fotos en linea, o quiero tres fotos en linea, o quiero .. y que la forma de visualizarlo, sea cambiado la css que se aplica espero que esto les aclare sobre mi problema salu2 y muchas gracias por el tiempo que le estan dedicando a esto El día 4 de junio de 2008 14:41, Ignacio Ricci [EMAIL PROTECTED] escribió: No se si soy yo, pero siempre me cuesta entender los problemas que tienen. Si pusieran imagenes me lo harían más fácil y podría ayudarlos. 2008/6/4 Roberto Barreiro [EMAIL PROTECTED]: hola es una unica lista de productos, pero lo que quiero es poder definir como se va a mostrar 1 producto por linea 2 productos por linea 3 productos por linea la cantidad de productos que quiera en una linea esto lo haria cambiando los css ejemplos producto - producto - producto (css de salto de linea) etc o producto - producto (css de salto de linea) o lo que me pida el cliente eso sin tener que cambiar el tamaño del div contenedor para forzar el salto .pero por mas que le doy no consigo hacerlo salu2 PD: los productos pueden ser solo texto o una imagen . El día 4 de junio de 2008 12:46, Rodrigo Álvarez Virgós [EMAIL PROTECTED] escribió: Hola, Roberto Roberto Barreiro escribió: hola sucede que es una lista de productos generada de forma dinamica . si bien lo que dices puede hacerse -y a menos que haya una solucion mejor .- pero no me parece muy correcto deberia de poder hacerse de alguna forma que no sea cambiando el tamaño del div contenedor .. humm la verdad es que es un problema que me trae de cabeza sigo buscando en google alguna idea muchas gracias por tu aporte!!! Como dice Neftalí es la gitanada máxima, pero puede que si necesitas romper una lista en dos es porque realmente necesites dos listas distintas... ¿o no? ¿Por qué en dos líneas (simple curiosidad)? 2008/6/4 Rodrigo Álvarez Virgós [EMAIL PROTECTED]: Hola, Roberto Roberto Barreiro escribió: hola lista tengo algo que me esta trayendo de cabeza desde hace dos dias tengo dentro de un div -que tiene su alto y su ancho- una lista, esta lista la quiero mostrar de forma horizontal pero con una determinada cantidad de items, por ejemplo campo - campo1 - campo2 (salto de linea) campo3 - campo4 - campo5 (salto de linea) etc si pongo un display:inline, el salto se produce de forma automatica al llegar al final del div, pero lo que yo quiero es poder controlar el lugar donde va a ser el salto de linea, obviamente que si modifico el tamano del div, se va a producir el salto, pero eso no me sirve he probado en vez del inline, el float:left, en convinacion con clear -both, left right- todo esto aplicando dos clases diferentes en los LI uno normal -por decirlo de alguna manera- y el otro que daria el salto pero no funciona de donde podria sacar algun ejemplo/articulo que hable de este tema alguien que haya tenido este mismo problema y me pueda dar una opinion/sugerencia??? Es una solución trampa, pero igual te vale... Puedes separar la lista en dos, y agrupar las dos listas resultantes en otra lista de nivel superior: ul li ul liuno/li lidos/li litres/li /ul /li li ul licuatro/li licinco/li /ul /li /ul ___ Lista de distribución Ovillo
Re: [Ovillo] ul li y saltos de linea
Al IE tienes que darle un ancho a la lista ul ¡Saludos! Miguel González Roberto Barreiro escribió: hola nuevamente puse al reves lo de los navegadores .. donde no tira es en el explorer7 mil disculpas El día 4 de junio de 2008 16:50, Roberto Barreiro [EMAIL PROTECTED] escribió: hola he probado eso en explorer7 -ok- y en el firefox -no rula- joder con este tema . pense que me resultaria facil y no consigo como a estas alturas ya es mas una cosa de orgullo . gracias, me has dado alguna idea mas, seguire intentandolo El día 4 de junio de 2008 16:26, Miguel Gonzalez [EMAIL PROTECTED] escribió: Una alternativa: ul li {float: left; width: 10em;} #item3, #item6, #item9 {clear: left;} ul li id=item0Cero/li li id=item1Uno/li li id=item2Dos/li li id=item3Tres/li li id=item4Cuatro/li li id=item5Cinco/li li id=item6Seis/li li id=item7Siete/li li id=item8Ocho/li li id=item9Nueve/li li id=item10Diez/li /ul Agrupa en filas de tres los items de la lista (sólo cabe variar las IDs para clarear) ¡Saludos! Miguel González Roberto Barreiro escribió: hola lo he puesto en: http://rpbarreiro.dyndns.org/lista.php tengan paciencia, va a tardar en cargar, ya que es un ordenador que esta en mi casa 1. los colores horribles estan a proposito, para saber que es cada cosa y hasta donde llega 2. las imagenes no se ven porque puse cualquier cosa en la ruta 3. es un solo archivo, como es un ejemplo, para ver que pasa y como resolverlo 4. en explorer 7 es lo que quiero -no esta del todo bien, pero da una idea- pero el mismo archivo en firefox es para morirse . la idea es poder decir: quiero dos fotos en linea, o quiero tres fotos en linea, o quiero .. y que la forma de visualizarlo, sea cambiado la css que se aplica espero que esto les aclare sobre mi problema salu2 y muchas gracias por el tiempo que le estan dedicando a esto El día 4 de junio de 2008 14:41, Ignacio Ricci [EMAIL PROTECTED] escribió: No se si soy yo, pero siempre me cuesta entender los problemas que tienen. Si pusieran imagenes me lo harían más fácil y podría ayudarlos. 2008/6/4 Roberto Barreiro [EMAIL PROTECTED]: hola es una unica lista de productos, pero lo que quiero es poder definir como se va a mostrar 1 producto por linea 2 productos por linea 3 productos por linea la cantidad de productos que quiera en una linea esto lo haria cambiando los css ejemplos producto - producto - producto (css de salto de linea) etc o producto - producto (css de salto de linea) o lo que me pida el cliente eso sin tener que cambiar el tamaño del div contenedor para forzar el salto .pero por mas que le doy no consigo hacerlo salu2 PD: los productos pueden ser solo texto o una imagen . El día 4 de junio de 2008 12:46, Rodrigo Álvarez Virgós [EMAIL PROTECTED] escribió: Hola, Roberto Roberto Barreiro escribió: hola sucede que es una lista de productos generada de forma dinamica . si bien lo que dices puede hacerse -y a menos que haya una solucion mejor .- pero no me parece muy correcto deberia de poder hacerse de alguna forma que no sea cambiando el tamaño del div contenedor .. humm la verdad es que es un problema que me trae de cabeza sigo buscando en google alguna idea muchas gracias por tu aporte!!! Como dice Neftalí es la gitanada máxima, pero puede que si necesitas romper una lista en dos es porque realmente necesites dos listas distintas... ¿o no? ¿Por qué en dos líneas (simple curiosidad)? 2008/6/4 Rodrigo Álvarez Virgós [EMAIL PROTECTED]: Hola, Roberto Roberto Barreiro escribió: hola lista tengo algo que me esta trayendo de cabeza desde hace dos dias tengo dentro de un div -que tiene su alto y su ancho- una lista, esta lista la quiero mostrar de forma horizontal pero con una determinada cantidad de items, por ejemplo campo - campo1 - campo2 (salto de linea) campo3 - campo4 - campo5 (salto de linea) etc si pongo un display:inline, el salto se produce de forma automatica al llegar al final del div, pero lo que yo quiero es poder controlar el lugar donde va a ser el salto de linea, obviamente que si modifico el
Re: [Ovillo] modificar ancho de legend
Jon Parro escribió: Hola, Me estoy encontrando con un problema al que no le encuentro la solución, el caso es que tengo un formulario en el que debo separar los diferentes campos, para ello he usado fieldset y para meterle la descripción he usado la etiqueta legend. El problema es que no consigo que el legend tome el ancho de su caja contenedora (fieldset) de manera que si el texto que meto es un poco largo se sale del ancho del formulario. ¿Sabeis como se puedo solucionar esto? Interesante cuestión. legend es un elemento tipo inline, por lo que, en teoría, debería bastar con especificarle un white-space: normal; para que adaptara su ancho al fieldset y generara tantas líneas como necesitara. Ahora bien, esto sólo funciona de forma razonable en Opera. Y Firefox e IE parece que tratan a este elemento como si tuviera establecido de manera fija un white-space: no-wrap (sin saltos de línea automáticos), no dejando cambiarle este valor. Lo único que se me ocurre como solución es poner un texto de legend cortito y ampliar la información con un párrafo dentro del fieldset a modo de ayuda. O bien, dividir manualmente las líneas del legend insertando los correspondientes br. ¡Saludos! Miguel González ___ Lista de distribución Ovillo Para escribir a la lista, envia un 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] Propuesta de nuevas características par a CSS3
En la web CSS3.info proponen una serie de nuevas características a incorporar en la futura especificación CSS3: [en] http://www.css3.info/new-features-proposed-for-css/ Estas características apuntan a potenciar el CSS en aspectos de animación, transformación, transiciones y uso de variables. En mi opinión, y hasta cierto punto, las propuestas de las variables y transiciones me parecen interesantes. Tengo algunas reservas en relación al uso/abuso de variables y la propuesta de transiciones animadas. Sin embargo, las transformaciones y animaciones creo que están fuera del objetivo del CSS, ya que no son especificaciones de formato propiamente dichas. Además, para estas funcionalidades ya existe el SVG. ¿Qué opinan? ¡Saludos! -- Miguel González ___ Lista de distribución Ovillo Para escribir a la lista, envia un 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] Correcto etiquetado html de listas
En mi opinión semántica, la manera correcta es anidando listas: ol li style=list-style-type: none;Las causas principales son: ol liUna.../li liDos.../li /ol /li /ol ¡Saludos! Miguel González Iusc [EMAIL PROTECTED] http://www.iusc.es/ Sergio el perezosso escribió: Hola Maikel. Lo que comentas es lo que normalmente tengo en cuenta pero me asaltaba la duda de si existía alguna manera concreta para relacionar semánticamente hablando los elementos de la lista con el padre o enunciado de dicha lista. El día 20/02/08, Joseba [EMAIL PROTECTED] escribió: Al hilo de esto He de hacer un listado que me muestre 4 columnas, 1º de texto, 2º una select, 3º y 4º input type=text. Cual es la mejor solucion? Una lista ul/li? Con el texto, select e inputs dentro de las etiquetas li / correspondientes o un divismo con div o spans q contengan esos elementos? slt. -Mensaje original- De: [EMAIL PROTECTED] [mailto: [EMAIL PROTECTED] En nombre de Maikel Naigt Enviado el: miércoles, 20 de febrero de 2008 13:48 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] Correcto etiquetado html de listas Hola Sergio. El elemento OL únicamente y exclusivamente puede contener elementos LI como hijos [1] [1] http://www.w3.org/TR/html401/struct/lists.html#edef-OL Un saludo, David Merino Ogando 2008/2/19 Sergio el perezosso [EMAIL PROTECTED]: Hola listeros, es la primera vez que os hago una pregunta. Perdonad mi ignorancia pero tengo una duda (entre un millón) y me gustaría que me la aclaraseis. ¿Como debería etiquetarse las listas (ordenadas o no) con una cabecera?. Me explico con un ejemplo: // inicio ejemplo Las causas principales son: // en negrita o destacado - uno - dos - tres // fin ejemplo ¿Sería correcto lo siguiente? strongLas causas principales son:/strong ol liuno/li lidos/li litres/li /ol ¿O para asociar la lista a su cabecera descriptiva debería ser? olstrongLas causas principales son:/strong liuno/li lidos/li litres/li /ol ¿Es diferente en caso de tratarse de un documento HTML estricto o transacional? Salu2. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un 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] atributo target en xhtml 1.1
Ricardo Alvar escribió: Buenas tardes. Hoy estoy haciendo un sitio web que me han pedido. El caso es que ya bastante avanzado el desarrollo. Estaba validando todas las paginas y al ir a validar una de ellas me da errores en unos enlaces que como quiero que aparezcan en una ventana nueva pongo la propiedad target=_blank dentro de cada a. En el caso por ejemplo de la seccion enlaces del sitio, no interesa que la gente abandone el sitio para visitar otro, simplemente deberian poder abrir ese nuevo sitio en una nueva pestaña/ventana con solo pulsar en el enlace. Llevo rato buscando y no encuentro la forma de hacerlo estandar xhtml 1.1. Supongo que alguien se habra visto en esta situacion alguna vez. No encuentro un atributo sustitutivo de target, quiza no lo haya. Sabeis como se podria hacer solamente con xhtml? Un saludo a todos y muchas gracias por leerme. Ricardo. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo Hola! Sólo recordar que el target podrá especificarse a través de CSS en un futuro no muy lejano (esperemos): http://www.w3.org/TR/css3-hyperlinks/#target0 ...Cuando esté aprobada y soportada la largamente esperada especificación CSS3. Por lo demás, estoy plenamente de acuerdo en no utilizarlo habitualmente en los enlaces. Aunque no descartu su utilización con discreción y sentido común (galerías de imágenes, listados de recursos, etc.). Cuando lo tengo que utilizar suelo hacerlo mediante javascript: a href=enlace onclick=this.target='_blank'; Aprovecho para presentarme: Me llamo Miguel González, de Barcelona y me dedico a partes iguales a la enseñanza en TICs y a la programación web. Llevo varios días registrado y leyendo los mensajes de la lista y creo que es un excelente grupo/lista sobre CSS en castellano. Espero poder seguir participando. Saludos! -- Miguel González Iusc [EMAIL PROTECTED] http://www.iusc.es/ ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo