Re: [Ovillo] Como hacer con css un layout o plantilla que tenga tres columnas y que estas columnas crezcan si crece una de ellas
Prueba con: .contenedor { overflow:hidden; } .columna { margin-bottom:-3px; padding-bottom:3px; } El 20 de abril de 2010 16:46, Mar Martín Riaza marabunt...@yahoo.comescribió: ¿Y si utilizas el truco de las falsas columnas? http://www.alistapart.com/articles/fauxcolumns/ De: Ariel isaacr...@gmail.com Para: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Enviado: mar,20 abril, 2010 16:45 Asunto: [Ovillo] Como hacer con css un layout o plantilla que tenga tres columnas y que estas columnas crezcan si crece una de ellas Hola a todos: Tengo una gran duda que no sé como resolver, quiero hacer un layout que tenga tres columnas: columna lateral izquierda, columna central y columna lateral derecha, la columna central va a tener los contenidos del sitio mientras que las columnas de los extremos tendrían solo anuncios y publicidad, ahora bien lo que necesito es que cuando la columna central se pase del tamaño por la cantidad de contenidos que tiene quiero que las columnas izquierda y derecha también adquieran ese height y de esa manera tengan la misma altura, pues las columnas tienen un color blanco distinto a al color azul que existe de background y se vería muy mal si no crecen en altura conjuntamente las tres columnas. Como podría hacer esto en css ¿?? Alguien me puede ayudar ¿¿¿ Le agradecería su ayuda. Saludos Ariel ___ 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] Tabla con scroll en tbody y el thead fijo
Muchísimas gracias :) El 2 de marzo de 2010 14:35, Pablo de la Vega ageva...@gmail.com escribió: listo tenia problemas con el hosting ya esta online nuevamente! Pablo ___ 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] Tabla con scroll en tbody y el thead fijo
Pablo, disculpa, podrías poner de nuevo el código accesible? El 27 de febrero de 2010 15:17, Ana Moya abm...@gmail.com escribió: Muchas gracias Pablo, se lo pasaré al programador. El 27 de febrero de 2010 14:56, Pablo de la Vega ageva...@gmail.comescribió: Ana fijate aca http://www.avlog-host.com/PHP/ej_Tabla/tabla.php Es un ejemplo que acabo de hacer, si ves el codigo del archivo podes ver bien todo vas a necesitar las sig. librerias que estan ahi jquery-1.3.1.min.js view-source:http://www.avlog-host.com/PHP/ej_Tabla/jquery-1.3.1.min.js webtoolkit.scrollabletable.js view-source: http://www.avlog-host.com/PHP/ej_Tabla/webtoolkit.scrollabletable.js webtoolkit.jscrollable.js view-source: http://www.avlog-host.com/PHP/ej_Tabla/webtoolkit.jscrollable.js y con la funcion 1 script 2 $(document).ready(function(){ 3 jQuery('#myTable2').Scrollable(300,350); 4 }); 5 /script haces que quede haci, en la linea 3 en especial. la linea 2 es para que la genere cuando se termino de cargar los datos. en la linea 3 tenes dos valores 300 y 350, es el ancho y el alto de la tabla. Saludos, cualquier cosa pregunte! El 27 de febrero de 2010 09:10, Ana Moya abm...@gmail.com escribió: De momento la solución que más se acerca al boceto es usando dos tablas y un ancho en % a las columnas. No me entusiasma, pero el tiempo se me echa encima. Saludos El 26 de febrero de 2010 01:09, Pablo de la Vega ageva...@gmail.com escribió: Mañana subo un codigo de ejemplo y las librerias que tengo y se que andan! saludos El 25 de febrero de 2010 21:00, stripTM f...@striptm.com escribió: Gerardo Oscar Jimenez Tornos escribió: Pásanos el código que funciona. A mí la solución que se me ocurre es montar dos tablas (una para cabecera y otra para contenido) y con javascript recalcular el ancho de las columnas de la cabecera. La idea de dos tablas me chirría, la gracia está en que el marcado sea correcto, con dos tablas me imagino que un lector de pantalla 'leera' mal el contenido, o un bookmarlet* para ordenarlas no funcionará. *https://www.squarefree.com/bookmarklets/pagedata.html -- Saludos -=stripTM=- ___ 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 -- Pablo de la Vega Blog: www.avlog.com.ar Twitter: @agevaled ___ 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 -- Pablo de la Vega Blog: www.avlog.com.ar Twitter: @agevaled ___ 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] Tabla con scroll en tbody y el thead fijo
De momento la solución que más se acerca al boceto es usando dos tablas y un ancho en % a las columnas. No me entusiasma, pero el tiempo se me echa encima. Saludos El 26 de febrero de 2010 01:09, Pablo de la Vega ageva...@gmail.comescribió: Mañana subo un codigo de ejemplo y las librerias que tengo y se que andan! saludos El 25 de febrero de 2010 21:00, stripTM f...@striptm.com escribió: Gerardo Oscar Jimenez Tornos escribió: Pásanos el código que funciona. A mí la solución que se me ocurre es montar dos tablas (una para cabecera y otra para contenido) y con javascript recalcular el ancho de las columnas de la cabecera. La idea de dos tablas me chirría, la gracia está en que el marcado sea correcto, con dos tablas me imagino que un lector de pantalla 'leera' mal el contenido, o un bookmarlet* para ordenarlas no funcionará. *https://www.squarefree.com/bookmarklets/pagedata.html -- Saludos -=stripTM=- ___ 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 -- Pablo de la Vega Blog: www.avlog.com.ar Twitter: @agevaled ___ 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] Tabla con scroll en tbody y el thead fijo
Muchas gracias Pablo, se lo pasaré al programador. El 27 de febrero de 2010 14:56, Pablo de la Vega ageva...@gmail.comescribió: Ana fijate aca http://www.avlog-host.com/PHP/ej_Tabla/tabla.php Es un ejemplo que acabo de hacer, si ves el codigo del archivo podes ver bien todo vas a necesitar las sig. librerias que estan ahi jquery-1.3.1.min.js view-source:http://www.avlog-host.com/PHP/ej_Tabla/jquery-1.3.1.min.js webtoolkit.scrollabletable.js view-source: http://www.avlog-host.com/PHP/ej_Tabla/webtoolkit.scrollabletable.js webtoolkit.jscrollable.js view-source: http://www.avlog-host.com/PHP/ej_Tabla/webtoolkit.jscrollable.js y con la funcion 1 script 2 $(document).ready(function(){ 3 jQuery('#myTable2').Scrollable(300,350); 4 }); 5 /script haces que quede haci, en la linea 3 en especial. la linea 2 es para que la genere cuando se termino de cargar los datos. en la linea 3 tenes dos valores 300 y 350, es el ancho y el alto de la tabla. Saludos, cualquier cosa pregunte! El 27 de febrero de 2010 09:10, Ana Moya abm...@gmail.com escribió: De momento la solución que más se acerca al boceto es usando dos tablas y un ancho en % a las columnas. No me entusiasma, pero el tiempo se me echa encima. Saludos El 26 de febrero de 2010 01:09, Pablo de la Vega ageva...@gmail.com escribió: Mañana subo un codigo de ejemplo y las librerias que tengo y se que andan! saludos El 25 de febrero de 2010 21:00, stripTM f...@striptm.com escribió: Gerardo Oscar Jimenez Tornos escribió: Pásanos el código que funciona. A mí la solución que se me ocurre es montar dos tablas (una para cabecera y otra para contenido) y con javascript recalcular el ancho de las columnas de la cabecera. La idea de dos tablas me chirría, la gracia está en que el marcado sea correcto, con dos tablas me imagino que un lector de pantalla 'leera' mal el contenido, o un bookmarlet* para ordenarlas no funcionará. *https://www.squarefree.com/bookmarklets/pagedata.html -- Saludos -=stripTM=- ___ 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 -- Pablo de la Vega Blog: www.avlog.com.ar Twitter: @agevaled ___ 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 -- Pablo de la Vega Blog: www.avlog.com.ar Twitter: @agevaled ___ 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] Tabla con scroll en tbody y el thead fijo
Hola, tengo que maquetar una tabla con un scroll en el tbody y que la cabecera se quede fija, siempre visible. He añadido al tbody {height:270px;overflow-x:hidden;overflow-y:auto}, pero sólo funciona en FF. También he probado metiendo la tabla en un div, pero entonces pierdo el thead. Gracias Ana ___ 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] Tabla con scroll en tbody y el thead fijo
Gracias por contestar, el problema es que el ancho de la columna no lo sé, es una tabla de contenido dinámico. 2010/2/24 Martín Szyszlican marti...@gmail.com Ana, por lo que tengo entendido, en FF eso genera un problema si los TD tienenen border-top o border bottom, ya que hace scroll el contenido pero los bordes quedan quietos, generando problemas de legibilidad. Una solución sería hacer 3 tablas, una con el thead, otra con el tbody y otra con el tfoot, y poner la tabla con el tbody dentro de un div con overflow auto. Sin embargo esto genera el problema de que el ancho de las celdas tiene que ser fijo para que sea igual en las tres tablas, para esto ponés una clase a cada columna y le definís un ancho. Espero haber ayudado. Martín. 2010/2/24 Ana Moya abm...@gmail.com Hola, tengo que maquetar una tabla con un scroll en el tbody y que la cabecera se quede fija, siempre visible. He añadido al tbody {height:270px;overflow-x:hidden;overflow-y:auto}, pero sólo funciona en FF. También he probado metiendo la tabla en un div, pero entonces pierdo el thead. Gracias Ana ___ 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] Tabla con scroll en tbody y el thead fijo
Gracias, en un principio se me ocurrió utilizar un div con los titulos y el contenido en una tabla, pero las columnas no pueden tener ancho fijo, porque no sé cuántas columnas serán. Pero por lo que veo en todos lados, la solución pasa por eso mismo. El 24 de febrero de 2010 19:04, Ignacio Ricci ignacio.ri...@gmail.comescribió: Estuve probando un poco, porque me interesaba el problema. Lo mejor que conseguí fue esto: http://ignacioricci.com/alphas/test-tablas.html Funciona en Firefox, Opera y Safari. En Explorer directamente no anda en ninguna de las versiones, por eso agregue estilos para IE. Espero que te sirva, es lo mejor que pude hacer. Si tenés mas flexibilidad en la tabla, podrias no poner un thead, y hacer un div con los títulos, y creo que ahí si sería crossbrowser. Saludos, Nacho [image: Ignacio Ricci - Designer + Developer] 2010/2/24 Ana Moya abm...@gmail.com Gracias por contestar, el problema es que el ancho de la columna no lo sé, es una tabla de contenido dinámico. 2010/2/24 Martín Szyszlican marti...@gmail.com Ana, por lo que tengo entendido, en FF eso genera un problema si los TD tienenen border-top o border bottom, ya que hace scroll el contenido pero los bordes quedan quietos, generando problemas de legibilidad. Una solución sería hacer 3 tablas, una con el thead, otra con el tbody y otra con el tfoot, y poner la tabla con el tbody dentro de un div con overflow auto. Sin embargo esto genera el problema de que el ancho de las celdas tiene que ser fijo para que sea igual en las tres tablas, para esto ponés una clase a cada columna y le definís un ancho. Espero haber ayudado. Martín. 2010/2/24 Ana Moya abm...@gmail.com Hola, tengo que maquetar una tabla con un scroll en el tbody y que la cabecera se quede fija, siempre visible. He añadido al tbody {height:270px;overflow-x:hidden;overflow-y:auto}, pero sólo funciona en FF. También he probado metiendo la tabla en un div, pero entonces pierdo el thead. Gracias Ana ___ 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
[Ovillo] Dos columnas, el contenido de una se modifica al utilizar clearfix
Hola, tengo un problema que no logro resolver, a ve si alguien ve el fallo. Tengo un contenedor con dos columnas. La columna de la izquierda flotada y con tamaño fijo. La columna de la derecha sin flotar y sin tamaño para que ocupe el resto de la página. Utilizo el http://meyerweb.com/eric/tools/css/reset/ El problema es que si utilizo .clearfix dentro de un div en el contenido de la derecha, el cuadro bajo las pestañas, coge el tamaño del final del menú de la columna izquierda. Mejor en imágenes: Bien: http://www.encisonet.com/tmp/bien.png Mal: http://www.encisonet.com/tmp/mal.png El código lo pueden ver en http://www.encisonet.com/test/index.html Gracias. Ana ___ 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] Dos columnas, el contenido de una se modifica al utilizar clearfix
Perdón, es http://www.encisonet.com/tmp/index.htmlhttp://www.encisonet.com/test/index.html El 26 de enero de 2010 16:50, Gerardo Oscar Jimenez Tornos gerardoosca...@gmail.com escribió: hola, posiblemente falte un margin-left del contenedor que no está flotando. si el contenedor que flota tiene un width de 200px, el que no flota debe tener un margin-left de al menos 200 px El 26 de enero de 2010 17:45, Jorge Rumoroso rumor...@gmail.com escribió: Hola Ana. El enlace para el código no parece funcionar. Respecto al problema, como no he podido ver el código (ni el resultado visual) no te podría decir una respuesta definitiva. No obstante, me voy a arriesgar basándome en suposiciones: Entre lo que estas haciendo tal vez podrías comprobar el tipo de aclarado que hace falta, es decir, resulta evidente que el problema es el clear que afecta al lado izquierdo del elemento (supongo que estarás con un clear: both o clear: left). Si no fuese necesario el aclarado por la izquierda pero sí el de la derecha, podrías hacerlo únicamente a ese lado. Si lo que te acabo de comentar no te sirve, tal vez podrías flotar ambos contenedores en lugar de hacerlo únicamente sobre el primero, y si quieres que ocupe todo el ancho, si el primer contenedor tiene dimensiones en %, con que le des el resto al otro sería suficiente (si hay márgenes laterales, tendrás que tenerlos en cuenta). Otra opción es recurrir a otro tipo de maquetación, como por ejemplo, posicionar el primer bloque mediante posicionamiento absoluto y darle al otro un margen izquierdo tan ancho como aquel para que el resultado sea el mismo que lo que quieres conseguir (con cuidado lo de los posicionamientos). Si esto tampoco sirve, quizás jugando con el margen superior del elemento que quieres que se coloque por debajo del que está flotado. Ya ves que son varias las opciones, y hay más. Quien sabe, tal vez alguna te sirva, aunque si lo prefieres, vuelve a enviar el enlace y lo revisamos para ver estas u otras posibles soluciones... o al menos, para ver si podemos echarte una mano. Un saludo 2010/1/26 Ana Moya abm...@gmail.com Hola, tengo un problema que no logro resolver, a ve si alguien ve el fallo. Tengo un contenedor con dos columnas. La columna de la izquierda flotada y con tamaño fijo. La columna de la derecha sin flotar y sin tamaño para que ocupe el resto de la página. Utilizo el http://meyerweb.com/eric/tools/css/reset/ El problema es que si utilizo .clearfix dentro de un div en el contenido de la derecha, el cuadro bajo las pestañas, coge el tamaño del final del menú de la columna izquierda. Mejor en imágenes: Bien: http://www.encisonet.com/tmp/bien.png Mal: http://www.encisonet.com/tmp/mal.png El código lo pueden ver en http://www.encisonet.com/test/index.html Gracias. Ana ___ 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 -- www.niquelao.net - Niquelando la web ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://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] Recuperar IE7
Yo utilizo el IETester http://www.my-debugbar.com/wiki/IETester/HomePage El 22 de julio de 2009 10:38, Martin Etxauri t...@eragin.com escribió: aupa copio/pego un mail que mandó Anxo Botana a la lista en abril y que a mi me vino de perlas y tengo IE6, 7 y 8 en el mismo PC para testear: con Internet Explorer Collection http://finalbuilds.edskes.net/iecollection.htm puedes instalar desde el IE 1.0 hasta el IE 8.0... para poder tener todos los que quiereas a la vez, por que los instala en modo standalone. Funciona relamente bien. Si ya tienes el 8 instalado te aconsejo que no lo reinstales con esta utilidad, seleccionas los IE que quieres e instalas. ___ 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 -- Misu matta, in cerca di indipendenza!!! ___ 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] asterisco??
Creo que más bien sería: .laDeTodas {} .clase1 {} .clase2 {} El 27 de mayo de 2009 18:57, Germán Bustos ger...@atarraya.org escribió: Déjame ver si entendí Tengo este HTML div class=laDeTodas clase1 div class=laDeTodas clase2 Y usar .laDeTodas * { } Es lo mismo que usar .laDeTodas clase1, .laDeTodas clase2 { } ¿Entendí? Germán El 27 de mayo de 2009 12:37, Ignacio Ricci ignacio.ri...@gmail.com escribió: Asterisco significa todos los elementos dentro de.Si no pones nada son todos los elementos dentro del html, osea todo. p * {} Sería todos los hijos de p. (si suena gracioso) Si queres que X clases compartan estilos, O le agregas una clase a todas via el html: div class=laDeTodas clase1 div class=laDeTodas clase2 O con coma desde el css como ya dijiste. Nacho 2009/5/27 Joseba jos...@visionasolutions.es Hola! Me preguntaba si existe algo en css para dar atributos a varias clases de la forma: Clase*{ Atrinbutos; } En vez de Clase1, Clase2 Clase3…{ Atrinbutos; } Slt. Caminar sobre el agua y desarrollar software a partir de unas especificaciones es fácil. si ambas están congeladas. Edward V. Berard, ingeniero informático. ___ 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 dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
[Ovillo] Problema con div absolute y z-index
Hola lista, Tengo un problema con un par de div's absolute que parece que no respetan el z-index. El problema es que al mostrar el div .floatShadow superior queda debajo del .tbdButtons inferior, cuando tiene que quedar por encima. Bueno, les pongo el código con el que estoy haciendo pruebas: CSS: - .tbdButtons { padding:7px; position:relative; z-index:40 } .tbdBoton { background-color:#ccc; border:1px solid #cec3e6; float:left; padding:3px; z-index:50 } .floatShadow { background-color:#fff; border:2px solid #f00; position:absolute; z-index:60 } - HTML: - div class=tbdButtons div class=tbdBotonModificar datos/div div class=tbdBotonEliminar/div div class=tbdBotonAñadir a grupo/s... div class=floatShadowpSeleccionar los grupos a los que pertenece el destinatario:/p/div /div div class=tbdBotonEnviar/div /div pnbsp;/p div class=tbdButtons div class=tbdBotonModificar datos/div div class=tbdBotonEliminar/div div class=tbdBotonAñadir a grupo/s... div class=floatShadowpSeleccionar los grupos a los que pertenece el destinatario:/p/div /div div class=tbdBotonEnviar/div /div - Saludos, Ana ___ 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 div absolute y z-index
Gracias, pero eso ya lo había probado y sigue sin funcionar. El 14 de mayo de 2009 13:57, Ignacio Ricci ignacio.ri...@gmail.comescribió: No le estás dando posicion al absoluto, por lo tanto no funciona.Deberías usar o top, right, left o bottom. 2009/5/14 Ana Moya abm...@gmail.com Hola lista, Tengo un problema con un par de div's absolute que parece que no respetan el z-index. El problema es que al mostrar el div .floatShadow superior queda debajo del .tbdButtons inferior, cuando tiene que quedar por encima. Bueno, les pongo el código con el que estoy haciendo pruebas: CSS: - .tbdButtons { padding:7px; position:relative; z-index:40 } .tbdBoton { background-color:#ccc; border:1px solid #cec3e6; float:left; padding:3px; z-index:50 } .floatShadow { background-color:#fff; border:2px solid #f00; position:absolute; z-index:60 } - HTML: - div class=tbdButtons div class=tbdBotonModificar datos/div div class=tbdBotonEliminar/div div class=tbdBotonAñadir a grupo/s... div class=floatShadowpSeleccionar los grupos a los que pertenece el destinatario:/p/div /div div class=tbdBotonEnviar/div /div pnbsp;/p div class=tbdButtons div class=tbdBotonModificar datos/div div class=tbdBotonEliminar/div div class=tbdBotonAñadir a grupo/s... div class=floatShadowpSeleccionar los grupos a los que pertenece el destinatario:/p/div /div div class=tbdBotonEnviar/div /div - Saludos, Ana ___ 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
Re: [Ovillo] Problema con div absolute y z-index
Perfecto!!! gracias, con las cosas que he probado y eso no se me había ocurrido :( Va bien en Firefox, Opera y Chrome, ahora el problema está en IE7 e IE6. El 14 de mayo de 2009 15:10, David Huertas dhm...@yahoo.es escribió: Ana Moya escribió: El problema es que al mostrar el div .floatShadow superior queda debajo del .tbdButtons inferior, cuando tiene que quedar por encima. Qtal, Si es solo eso creo que con eliminar la linea: z-index:40; del la clase .tbdButtons bastaria. Por lo menos con Firefox. 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 ___ 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 div absolute y z-index
Lo de z-index de la muerte ya lo había probado y tampoco va. Funciona bien si lo pongo fuera de .tbdButtons, pero quiero evitar usar JS para posicionarlo. El 14 de mayo de 2009 15:39, Rodrigo Álvarez Virgós rodri.vir...@gmail.comescribió: Hola, Ana Ana Moya escribió: Perfecto!!! gracias, con las cosas que he probado y eso no se me había ocurrido :( Va bien en Firefox, Opera y Chrome, ahora el problema está en IE7 e IE6. Estoy casi seguro de que tu problema es el mismo que tuve yo tiempo ha. El historial de la lista es un buen repositorio de problemas solucionados: http://www.mail-archive.com/ovillo@lists.ovillo.org/msg18391.html Un saludo El 14 de mayo de 2009 15:10, David Huertas dhm...@yahoo.es escribió: Ana Moya escribió: El problema es que al mostrar el div .floatShadow superior queda debajo del .tbdButtons inferior, cuando tiene que quedar por encima. Qtal, Si es solo eso creo que con eliminar la linea: z-index:40; del la clase .tbdButtons bastaria. Por lo menos con Firefox. 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 ___ 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] Problemas con Flash + Menu desplegrable
Yo uso param name=wmode value=*transparent* Mira esta página a ver si es lo que buscas: - http://www.cristalab.com/tips/21316/flash-transparente ___ 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] Fwd: Algo se me está pasando con unos bordes.... :-S
a mi me funciona añadiendo margin:0; a div#diseno dl tanto en IE como en FF 2006/12/15, Rodrigo Álvarez Virgós [EMAIL PROTECTED]: Hola Adriana Muchas gracias por el intento, pero sigo en las mismas :-( Lo curioso es que en Firefox, que es el navegador que yo uso, sólo se ve el salto en la caja superior, pero en IE y en Opera se ve en las tres :-S 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 ___ 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] Link activo
Yo para eso utilizo css y php. En css especifico el estilo para un enlace seleccionado, por ejemplo: a.menuSeleccionado { } Y en php compruebo la variable que pasa el menú y le aplico la clase .menuSeleccionado cuando toca. Ana - Original Message - From: Enrique Rodriguez [EMAIL PROTECTED] To: Ovillo ovillo@lists.ovillo.org Sent: Thursday, March 30, 2006 1:10 PM Subject: [Ovillo] Link activo Buenas amigos. Os parecerá una perogrullada, pero la verdad es que nunca me he encontrado con este problemilla. El cliente me ha pedido que en la lista de links que tengo a la izquierda, el que se esté viendo o en el que se esté actuando en el momento, quede señalado de otra forma, no se si me entendeis. Imaginad que tenemos un menú con 4 links: ul lia href=1.html title=numero 1enlace 1/a/li lia href=2.html title=numero 2enlace 2/a/li lia href=3.html title=numero 3enlace 3/a/li lia href=4.html title=numero 4enlace 4/a/li /ul ¿qué debo hacer para que al picar en Enlace 1 se quede por ejemplo de otro color? ¿hay algo como enlace activo, a:active? 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://ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
[Ovillo] Lista que no se muestra en IE
Hola, Tengo un problema con una lista que no se muestra en Internet Explorer, pero si lo hace en Firefox. div id=pie_int_abajo_izq ul liNuestra calle/li liNuestra calle/li liNuestra calle/li /ul /div El css: #pie_int_abajo_dcha { float: right; width: 284px; text-align: center; } li { text-align: left; line-height: 20px; position: relative; } Tal vez alguien haya tenido un problema parecido. Se agradece la ayuda ;-) -- Julián Contreras - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - | Soydigital.com | Internet Telecomunicaciones - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - ___ 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] Listas definicion y bg-color en IE
Gracias por las respuestas, ya está resuelto. position:relative; en la clase dl y listo. :) Ana - Original Message - From: Orange at GMail [EMAIL PROTECTED] To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Sent: Friday, March 03, 2006 4:56 PM Subject: Re: [Ovillo] Listas definicion y bg-color en IE ¿Y no será un peekaboo bug? http://www.positioniseverything.net/explorer/peekaboo.html O alguno de los ya conocidos http://www.positioniseverything.net/explorer.html El día 3/03/06, David Castelló [EMAIL PROTECTED] escribió: Hola! A mi siempre me falla el primero. Algo se te debe estar colando por ahi ¿caracter quizá? Chequea esto: http://validator.w3.org/check?uri=http%3A%2F%2Fwww.radio6tenerife.com%2Ftest.html Saludos ! On 3/3/06, Ana Moya [EMAIL PROTECTED] wrote: Pueden ver la página en http://www.radio6tenerife.com/test.html El background-color:#99; del titulo lo muestra el IExplorer cuando quiere. Ana - Original Message - From: David Yanes Fariña [EMAIL PROTECTED] To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Sent: Thursday, March 02, 2006 12:48 PM Subject: Re: [Ovillo] Listas definicion y bg-color en IE Ana Moya escribió: Hola, Llevo ya un buen rato buscando una solución para este problema que tengo con las listas de definición. Internet Explorer muestra el color de fondo del dt cuando le parece: dt { font-weight: bold; text-align: left; background-color:#99; } A la hora de visualizar las listas de definiciones, generadas con php, en Internet Explorer el color de fondo s Captura la página que genera con guardar como y cuelgala para que la podamos ver, y primero valida la página, puede que se cuele algún caracter en la noticia que cierre una etiqueta o vete a saber. O también, prueba a introducir noticias límpias de código html a ver que pasa. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo -- David Castelló www.estandaresweb.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://ovillo.org/mailman/listinfo/ovillo -- Orange at GMail ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Listas definicion y bg-color en IE
Pueden ver la página en http://www.radio6tenerife.com/test.html El background-color:#99; del titulo lo muestra el IExplorer cuando quiere. Ana - Original Message - From: David Yanes Fariña [EMAIL PROTECTED] To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Sent: Thursday, March 02, 2006 12:48 PM Subject: Re: [Ovillo] Listas definicion y bg-color en IE Ana Moya escribió: Hola, Llevo ya un buen rato buscando una solución para este problema que tengo con las listas de definición. Internet Explorer muestra el color de fondo del dt cuando le parece: dt { font-weight: bold; text-align: left; background-color:#99; } A la hora de visualizar las listas de definiciones, generadas con php, en Internet Explorer el color de fondo s Captura la página que genera con guardar como y cuelgala para que la podamos ver, y primero valida la página, puede que se cuele algún caracter en la noticia que cierre una etiqueta o vete a saber. O también, prueba a introducir noticias límpias de código html a ver que pasa. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo