Re: [Ovillo] lista
Hola lista. No soy ningun experto , pero poia ser que ese background-position: *2px2%;* u no se, so se,quizas background-position: 2px 2%; o mejor background-position: 2px 20px;. Tambien tienes listas anidadas y solo posicionas la UL madre, quiza esto pudiera influir. Y podrias utilizar (pienso) background:#ff url(image.gif) 2px 20px no-repeat ; y deberias mirar eso de li.img2{ list-style: 3px;} no creo que sea un atributo-valor valido. Un saludo El día 9/07/07, manila lila [EMAIL PROTECTED] escribió: Si se la quito, entonces la imagen del marcador aparece fuera del div que contiene las listas mejor se entenderá así? ul li class=img2Nivel 1 : div id=llistes1 ul li class=img1Item/li li class=img1Item/li li class=img1Item/li li class=img1Item/li li class=img1Item/li /ul /div !-- end div#llistes1 -- /li li class=img2Nivel 2 : div id=llistes2 ul li class=img1Item/li li class=img1Item/li li class=img1Item/li li class=img1Item/li li class=img1Item/li /ul /div !-- end div#llistes2 -- /li li class=img2Nivel 3 : div id=llistes3 ul li class=img1Item/li li class=img1Item/li li class=img1Item/li li class=img1Item/li li class=img1Item/li li class=img1Item/li li class=img1Item/li li class=img1Item/li /ul /div !-- end div#llistes3 -- /li /ul /* CSS Document */ #llistes1 { width : 100%; background-color: #99; } #llistes2 { width : 100%; background-color: #66CCFF; } #llistes3 { width : 100%; background-color: #CC; } ul li{ list-style-type:none; list-style-position: inside; margin: 0; padding: 0; } li.img1 { list-style-image: url(imag1.gif); color: #00; font-weight: normal; background-position: 2px2%; margin: 0; padding: 0; border-bottom: 1px solid #99; line-height: 1.5em; } li.img2 { list-style-image: url(imag2.gif); color: #FF; font-weight: bold; background-color: #7F1730; margin: 0; padding: 0; line-height: 1.5em; list-style: 3px; } si prueban verán lo que digo, con firefox se establece una separación entre la imagen y el ítem, con el otro ambos elementos aparecen pegados, porque? Claro que deberán poner una imagen en imag1 i imag2.gif. Gracias por probar. El día 9/07/07, Jorge L. Batista E. [EMAIL PROTECTED] escribió: Creo que si quitas esta línea funciona como quieres list-style-position: inside; ss PB En Mon, 09 Jul 2007 08:42:45 -0400, manila lila [EMAIL PROTECTED] escribió: list-style-position: inside; **Las siguientes líneas de texto son agregadas por los Servidores Centrales de Correo de la Oficina del Historiador de la Ciudad de la Habana.** Visite la Cartelera interactiva de Opus Habana, con el calendario de la programación cultural del Centro Histórico. http://opushabana.ohc.cu/cartelera.php Redacción Opus Habana ___ Lista de distribución Ovillo Para escribir a la lista, envia un 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] cambiar estilo css :hover desde javascript
Buenas Yo probaria con alguna librería tipo yahoo-dom-event.js o scriptaculous.js. Un saludo El día 10/07/07, Coke Delta8 [EMAIL PROTECTED] escribió: Yo te doy una solución que se me ocurre al vuelo: a:hover {background: url(master.gif) no-repeat} a.personalizado:hover { css... } Añades la clase personalizado por javascript al a. Y yo creo, sin probar ni nada, que tendría que funcionar. El día 3/07/07, Celso González [EMAIL PROTECTED] escribió: Hola Para cambiar estilos CSS desde javascript se puede hacer con nombre_del_elemento.style.foo = bar pero ¿cómo se haría para cambiar el estilo de un hover? CSS a {display: block} a:hover {background: url(master.gif) no-repeat} Me gustaría cambiar el background del hover pero al utilizar la sintaxis anterior lo único que consigo es modificar el fondo del a, no del a:hover Gracias anticipadas -- Celso González (aka PerroVerd) GPG key 0x2DA367B7 http://mitago.net ___ Lista de distribución Ovillo Para escribir a la lista, envia un 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 -- skype arbaa4 www.sevtov.com [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
Re: [Ovillo] Problema con tabs
Bueno, sería conveniente que pongas el link para poder verlo... El día 10/07/07, Diego Roselli [EMAIL PROTECTED] escribió: Gente: Dada mi escasísima experiencia con hojas de estilo, tengo un problema con una interfase basada en pestañas (o solapas) que no he podido hacer funcionar bien. La idea la sustraje de la W3C, pero no tengo los conocimientos para entender los detalles, todavía. El problema concreto, es que los enlaces comunes y corrientes no funcionan. Envío un ejemplo, por si alguno de ustedes tiene idea de la razón y tiene la gentileza de desaznarme. Hay dos formas que propone la página citada. En la primera, más sencilla, sí funcionan (Item 1); en la segunda, más completa y la que quiero aplicar, un enlace a Google no tiene efecto (Tareas). ¿Por qué? Gracias por anticipado. -- Diego Roselli Montevideo, Uruguay ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo -- Juan Jorge Muñoz Herrero http://www.taarq.com (0034) 635 10 7142 ___ Lista de distribución Ovillo Para escribir a la lista, envia un 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] lista
Bueno por lo que yo se el problema es que firefox al aplicar un marcador de tipo imagen deja un espacio por defecto entre la imagen y el texto, cosa que ie no hace. Por tanto para solucionar el problema con el ie se podría hacer lo siguinte: Como supongo que estas listas son un menú y por tanto cada elemento deberá ser un link se podría añadir la etiqueta a/a a cada elemento y añadir dos entradas en el css ul li a.menu_ie { text-decoration:none; padding-left:10px /*por ejemplo*/ } ul li a.menu_firefox { text-decoration:none; padding-left:0px; } la razón de tener dos estilos es que en ie la separación entre el marcador (imagen) y el texto sería de 10px, pero el inconveniente es que en firefox estos 10px se sumarían a la distancia por defecto, lo que provocaría una separación excesiva. La solución pasa por aplicar un poco de javascript y cargar un estilo diferente para explorer y firefox. El javascript se cargaría con el onload del bodyu de la página y podría ser tal como sigue: script function iniciar() { var elementos_menu = document.getElementsByName(menu); if (navigator.appName == Microsoft Internet Explorer){ for (i=0;ielementos_menu.length;i++){ elementos_menu[i].className = menu_ie; } } else { for (i=0;ielementos_menu.length;i++){ elementos_menu[i].className = menu_firefox; } } } /script El html de ls lista debería ser similar a: ul li class=img2Nivel 1 : div id=llistes1 ul li class=img1a href= name=menu class=menu_ieItem/a/li li class=img1a href= name=menu class=menu_ieItem/a/li li class=img1a href= name=menu class=menu_ieItem/a/li li class=img1a href= name=menu class=menu_ieItem/a/li li class=img1a href= name=menu class=menu_ieItem/a/li /ul /div !-- end div#llistes1 -- /li Espero haberte servido de ayuda Un saludo, Miguel -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de manila lila Enviado el: lunes, 09 de julio de 2007 14:43 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] lista Hola gracias por responder, esto es lo que pongo en el css ul li{ list-style-type:none; list-style-position: inside; margin: 0; padding: 0; } li.img1 { list-style-image: url(imatges/au.gif); font-weight: normal; background-position: 2px2%; margin: 0; padding: 0; border-bottom: 1px solid #99; line-height: 1.5em; } li.img2 { list-style-image: url(imatges/vert.gif); color: #FF; font-weight: bold; background-color: #7F1730; margin: 0; padding: 0; line-height: 1.5em; list-style: 3px; } Se trata de listas anidadas, en las que que he creado unas clases para poner una imagen distinta en cada nivel, aunque creo que para la separacion entre la imagen del marcador y el item esto no tiene nada que ver. Hasta pronto El día 9/07/07, MHU [EMAIL PROTECTED] escribió: Podrías adjuntar el css que aplicas en tu lista. Ya que sin aplicar ningún css tanto firefox como ie dejan un espacio entre el caracter y el texto del element de la lista. Un saludo, -Mensaje original- De: [EMAIL PROTECTED] [mailto: [EMAIL PROTECTED] En nombre de manila lila Enviado el: sábado, 07 de julio de 2007 7:11 Para: Ovillo@lists.ovillo.org Asunto: [Ovillo] lista Señores: Después de darle vueltas y mas vueltas...por fin me he decido a preguntar, ... La cosa es que tengo una lista, el problema esta entre la distancia de las imagenes de los marcadores y los items correspondientes, en FireFox perfecto, pero en uds. ya saben quien, se pegan, como puedo esponjar esa distancia? algún hack? ...que no encuentro. FireFox # ítem Ese otro #ítem Mil gracias por estar ahí Manila ___ Lista de distribución Ovillo Para escribir a la lista, envia un 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] lista
La solucion ha sido un convinado de vuestras ideas y alguna supresión en las mias, igual no es la mas perfecta del Mundo!, pero funciona. He creado una capa nueva para contener la lista y a partir de ahi #botons{ width : 100%; background-color: #7F1730; } #llistes1 { background-color: #99;} #llistes2 { background-color: #66CCFF;} #llistes3 { background-color: #CC;} ul li{ list-style-type:none; } li.img1 { padding-bottom:0; margin-bottom:0; background:url(imatges.gif) 4px 4px no-repeat; color: #00; font-weight: normal; border-bottom: 1px solid #99; line-height: 1.7em; width: 90%; padding-left: 8%; } li.img2 { padding-bottom:0; margin-bottom:0; color: #FF; font-weight: bold; line-height: 1.8em; width: 100%; } Ahora con el padding-left: 8%;, consigo separar el texto de la imagen como quiero, y se ve igual con los dos navegadores. Gracies! El día 10/07/07, MHU [EMAIL PROTECTED] escribió: Bueno por lo que yo se el problema es que firefox al aplicar un marcador de tipo imagen deja un espacio por defecto entre la imagen y el texto, cosa que ie no hace. Por tanto para solucionar el problema con el ie se podría hacer lo siguinte: Como supongo que estas listas son un menú y por tanto cada elemento deberá ser un link se podría añadir la etiqueta a/a a cada elemento y añadir dos entradas en el css ul li a.menu_ie { text-decoration:none; padding-left:10px /*por ejemplo*/ } ul li a.menu_firefox { text-decoration:none; padding-left:0px; } la razón de tener dos estilos es que en ie la separación entre el marcador (imagen) y el texto sería de 10px, pero el inconveniente es que en firefox estos 10px se sumarían a la distancia por defecto, lo que provocaría una separación excesiva. La solución pasa por aplicar un poco de javascript y cargar un estilo diferente para explorer y firefox. El javascript se cargaría con el onload del bodyu de la página y podría ser tal como sigue: script function iniciar() { var elementos_menu = document.getElementsByName(menu); if (navigator.appName == Microsoft Internet Explorer){ for (i=0;ielementos_menu.length;i++){ elementos_menu[i].className = menu_ie; } } else { for (i=0;ielementos_menu.length;i++){ elementos_menu[i].className = menu_firefox; } } } /script El html de ls lista debería ser similar a: ul li class=img2Nivel 1 : div id=llistes1 ul li class=img1a href= name=menu class=menu_ieItem/a/li li class=img1a href= name=menu class=menu_ieItem/a/li li class=img1a href= name=menu class=menu_ieItem/a/li li class=img1a href= name=menu class=menu_ieItem/a/li li class=img1a href= name=menu class=menu_ieItem/a/li /ul /div !-- end div#llistes1 -- /li Espero haberte servido de ayuda Un saludo, Miguel -Mensaje original- De: [EMAIL PROTECTED] [mailto: [EMAIL PROTECTED] En nombre de manila lila Enviado el: lunes, 09 de julio de 2007 14:43 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] lista Hola gracias por responder, esto es lo que pongo en el css ul li{ list-style-type:none; list-style-position: inside; margin: 0; padding: 0; } li.img1 { list-style-image: url(imatges/au.gif); font-weight: normal; background-position: 2px2%; margin: 0; padding: 0; border-bottom: 1px solid #99; line-height: 1.5em; } li.img2 { list-style-image: url(imatges/vert.gif); color: #FF; font-weight: bold; background-color: #7F1730; margin: 0; padding: 0; line-height: 1.5em; list-style: 3px; } Se trata de listas anidadas, en las que que he creado unas clases para poner una imagen distinta en cada nivel, aunque creo que para la separacion entre la imagen del marcador y el item esto no tiene nada que ver. Hasta pronto El día 9/07/07, MHU [EMAIL PROTECTED] escribió: Podrías adjuntar el css que aplicas en tu lista. Ya que sin aplicar ningún css tanto firefox como ie dejan un espacio entre el caracter y el texto del element de la lista. Un saludo, -Mensaje original- De: [EMAIL PROTECTED] [mailto: [EMAIL PROTECTED] En nombre de manila lila Enviado el: sábado, 07 de julio de 2007 7:11 Para: Ovillo@lists.ovillo.org Asunto: [Ovillo] lista Señores: Después de darle vueltas y mas vueltas...por fin me he decido a preguntar, ... La cosa es que tengo una lista, el problema esta entre la distancia de las imagenes de los marcadores y los items correspondientes, en FireFox perfecto, pero en uds. ya saben quien, se pegan, como puedo esponjar esa distancia? algún hack? ...que no encuentro. FireFox # ítem Ese otro #ítem Mil gracias por estar ahí
[Ovillo] Limitar alto de celda de tabla
Hola, Ovillo Veréis, he creado vía php una paleta de colores para que el usuario cambie el fondo de la página. La he creado mediante dos tablas, con un botón en cada celda. El problema que tengo es que si doy a los botones una dimensión menor de 25x25: en Firefox y Opera (y sin embargo no en IE) la celda no se me ajusta en altura, mostrando un cell-padding espantoso. La mejor manera de entender el problema es viéndolo: http://www.camala.es/alfa/paleta_colores.php¿A alguien se le ocurre una solución? Por si sirve de algo, éste es mi código css: table { border-collapse: collapse; border-spacing: 0; display: inline; margin-right: 20px; } table * { padding: 0; margin: 0; } table td { border: 1px solid #000; } table td button { width: 10px; height: 10px; border: 0; } Un saludo Rodrigo ___ Lista de distribución Ovillo Para escribir a la lista, envia un 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] Limitar alto de celda de tabla
Hola Rodrigo. On 10/07/2007, at 15:02, Rodrigo Álvarez Virgós wrote: Hola, Ovillo Veréis, he creado vía php una paleta de colores para que el usuario cambie el fondo de la página. La he creado mediante dos tablas, con un botón en cada celda. El problema que tengo es que si doy a los botones una dimensión menor de 25x25: en Firefox y Opera (y sin embargo no en IE) la celda no se me ajusta en altura, mostrando un cell-padding espantoso. La mejor manera de entender el problema es viéndolo: http://www.camala.es/alfa/paleta_colores.php¿A alguien se le ocurre una solución? Por si sirve de algo, éste es mi código css: table { border-collapse: collapse; border-spacing: 0; display: inline; margin-right: 20px; } table * { padding: 0; margin: 0; } table td { border: 1px solid #000; } table td button { width: 10px; height: 10px; border: 0; } Debes añadir: table td { line-height: 10px; } table td button { vertical-align: bottom; } Salud. -- Choan Gálvez [EMAIL PROTECTED] http://choangalvez.nom.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
Re: [Ovillo] Limitar alto de celda de tabla
Perfecto, muchas gracias. Gracias también por la intención, Manila Debes añadir: table td { line-height: 10px; } table td button { vertical-align: bottom; } ___ Lista de distribución Ovillo Para escribir a la lista, envia un 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] evitar split de celdas de una tabla al imprimir
Hola a todos! Tengo el siquiente problema: estoy desarrollando una aplicación con asp y SQL server, en uno de los reportes, que consta de una extensa tabla (en cuyas celdas, los textos ocupan más de una línea), necesito que no se corten las filas al final de la página, y que se imprima el encabezado de tabla y pie de tabla en cada página impresa desde el navegador. Lo de los encabezados y pie de tabla ya lo tengo solucionado utilizando thead/thead y tfoot/tfoot, además en la hoja de estilo puse: thead { display: table-header-group; } tfoot { display: table-footer-group; } No encuentro manera de solucionar lo siguiente: hay filas que se cortan al final de la página (creo que el término en inglés es row splitting). Supuestamente, con la instrucción: tr{display: table-row; page-break-inside: avoid;} td{display: table-cell; page-break-inside: avoid;} pero no funciona en Internet Explorer, como el sistema es para uso en la intranet de la institución en que trabajo, y aquí se utiliza ese navegador (mal que me pese), necesito que funcione para éste navegador... Desde ya, muchas gracias!! Lore ___ Lista de distribución Ovillo Para escribir a la lista, envia un 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] background-image en IE6
Hola a todos! tengo un problema que ya he visto pero no recuerdo la solucion, si se puede solucionar por css mejor, (no se porque me suena con js) el asunto es el parpadeo que hace IE6 con las imagenes de fondo de los links, como si las recargase todo el tiempo. alguien tiene a mano la solución? 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
[Ovillo] Problema con tabs
Gente: Procedí como de costumbre, mandando un adjunto con el código HTML. Obviamente el administrador de la lista lo eliminó, como debe ser. Va la URL: http://rosellimailhe.net/wq/wqSoftLibre.html Gracias y disculpas por la omisión. -- Diego Roselli Montevideo, Uruguay ___ Lista de distribución Ovillo Para escribir a la lista, envia un 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 tabs
jeje, perdón, lo acabo de leer, es tan simple como el z-index: a#enlace { text-decoration: none; z-index: -1; } Lo que regula la el apilamiento de los elementos es el z-index, si lo pones a -1 queda debajo del resto del contenido y no te funciona, yo puse z-index: ; para hacer la prueba, es un valor muy alto (creo que incluso el máximo, pero no hagas mucho caso a eso porque no estoy seguro). Pues eso, que le cambies el valor y andando! :P El día 10/07/07, [EMAIL PROTECTED] [EMAIL PROTECTED] escribió: Gente: Procedí como de costumbre, mandando un adjunto con el código HTML. Obviamente el administrador de la lista lo eliminó, como debe ser. Va la URL: http://rosellimailhe.net/wq/wqSoftLibre.html Gracias y disculpas por la omisión. -- Diego Roselli Montevideo, Uruguay ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo -- Juan Jorge Muñoz Herrero http://www.taarq.com (0034) 635 10 7142 ___ Lista de distribución Ovillo Para escribir a la lista, envia un 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] Freelance XHTML, CSS, Javascript, Ajax
Hola Estoy buscando una persona que se pueda encargar de la adaptacion a estadares web de un portal de empleo Imprescindible javascript y ajax Gracias Luis -- --- Luis Alberto Gervaso Martin Java EE Architect Instructor C/ Cuenca 4A, 2ºB Getafe (Madrid) SPAIN mobile: (+34) 627983344 [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
Re: [Ovillo] Freelance XHTML, CSS, Javascript, Ajax
puede ser a distancia o requiere presencia física, en ambos casos podemos hablarlo. ss PB En Tue, 10 Jul 2007 15:23:18 -0400, Luis Gervaso [EMAIL PROTECTED] escribió: Hola Estoy buscando una persona que se pueda encargar de la adaptacion a estadares web de un portal de empleo Imprescindible javascript y ajax Gracias Luis **Las siguientes líneas de texto son agregadas por los Servidores Centrales de Correo de la Oficina del Historiador de la Ciudad de la Habana.** Visite la Cartelera interactiva de Opus Habana, con el calendario de la programación cultural del Centro Histórico. http://opushabana.ohc.cu/cartelera.php Redacción Opus Habana ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo