Re: [Ovillo] Alineación vertical de dos elementos
Y no has probado con vertical-align? me refiero por supuesto a la propiedad CSS que puede especificarse para indicar la forma en que se alinean cajas inline. Puede tomar varios valores: - baseline - bottom - middle - sub - super - text-bottom - text-top - top la lástima, como siempre, es que la implementación no es igual para todos los navegadores y, mientras en Safari y Opera puedes fiarte 100% del resultado, en IE y Firefox vas a tener que experimentar y probar. Un saludo Victoria El día 4/07/08, SkuNk [EMAIL PROTECTED] escribió: Sí, una gran pregunta. Yo hice expermientos con line-height, pero ahora mismo no recuerdo si fueron satisfactorios :P -- Philipp Keweloh El día 3/07/08, Ignacio Ricci [EMAIL PROTECTED] escribió: Que gran pregunta. Yo te digo opciones que he utilizado, que no se sin son las mejores, pero son opciones. Opcion 1 Que el radio, input, icono tenga float:left; Opcion 2 Que el contenedor de los elementos tenga un alto y un vertical-align:middle; Opcion 3 Que el radio, input, icono tenga un margen top de tanto, y con un fix para IE6 y IE7. Y hasta ahí llegaron mis opciones cuando viene ese caso. 2008/7/3 Javier Prieto (Tapry) [EMAIL PROTECTED]: Hola compañeros: Este es otro de los temas que me está volviendo loco desde hace tiempo. Muchas veces se me ha dado el caso en el que tengo que poner un radio button y al lado un texto. En otras ocasiones he tenido que poner un iconito y al lado un texto (sin ser fondo el iconito) Otras veces he tenido que poner un campo de búsqueda (campo de texto de un formulario) y la lado un pequeño icono como submit ... en fin, resumidamente, muchas ocasiones en las que tengo que poner algun elemento inline al lado del otro. Mi pregunta viene aqui, ¿hay alguna manera fácil de poder controlar la alineación vertical de este par de elementos? Es decir, si pongo por ejemplo un texto al lado de una imagen de 50x50 pixels, el texto se queda alineado con respecto a la base de la imagen. No me valen opcines de float:left, ni cosas raras, yo simplemento quiero poder alinear los dos elementos verticalmente. Espero haber sido claro y así me podais echar un cable. Muchas gracias por vuestra ayuda y un abrazo ___ 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] Re: Alineación vertical de dos elemen tos
Hola: A mi me ha funcionado poniendo a la imagen display inline y vertical-align middle (en mi caso quiero centrar el texto). Importante que lo pongas a la imagen, no al texto. Esto lo he comprobado en IE 7, Firefox, Opera y Safari. Espero que te ayude. Un saludo, Abby -- Hola compañeros: Este es otro de los temas que me está volviendo loco desde hace tiempo. Muchas veces se me ha dado el caso en el que tengo que poner un radio button y al lado un texto. En otras ocasiones he tenido que poner un iconito y al lado un texto (sin ser fondo el iconito) Otras veces he tenido que poner un campo de búsqueda (campo de texto de un formulario) y la lado un pequeño icono como submit ... en fin, resumidamente, muchas ocasiones en las que tengo que poner algun elemento inline al lado del otro. Mi pregunta viene aqui, ¿hay alguna manera fácil de poder controlar la alineación vertical de este par de elementos? Es decir, si pongo por ejemplo un texto al lado de una imagen de 50x50 pixels, el texto se queda alineado con respecto a la base de la imagen. No me valen opcines de float:left, ni cosas raras, yo simplemento quiero poder alinear los dos elementos verticalmente. Espero haber sido claro y así me podais echar un cable. Muchas gracias por vuestra ayuda y un abrazo ___ 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 -- abbyrodd Diseño Web y Multimedia [EMAIL PROTECTED] www.abbyrodd.com (+34) 676 087 943 ___ 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] problemas en IE6
Señores de la lista estoy liado con varias cosillas que se ven mal en IE6, aqui os dejo la página http://www.opensourceworldconference.com/ lo que no logro sacar es en la barra gris en medio se encuentra un contador de dias y un calendario con dia, mes y año, veis la linea gris que hay debajo de la caja blanca? por favor alguien me ayuda?, -- Nesta Guerrero Pancorbo Emergya Consultoría Avda. de la Innovación, 3 (Edif. Hércules), Mód 12-13 E41020 Sevilla Tfno: +34 954 51 75 77 Fax: +34 954 51 64 73 ___ 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 en IE6
No tengo IE6 aqui, pero te queria comentar que la web tampoco se ve del todo bien en Firefox, y ya de paso, que tiene 50 errores de validación. Lo comento más que nada porque una web para un evento como este con errores de validación, pues como que no es que sea muy serio que digamos... Veo, por ejemplo, que tienes algún div tal que div id=. No tiene sentido... :-? Tan solo lo comento con el fin de ayudar. Respecto a lo del IE6, a ver si la puedo ver con ese navegador y echar una mano. Saludos, Ernesto Frías Señores de la lista estoy liado con varias cosillas que se ven mal en IE6, aqui os dejo la página http://www.opensourceworldconference.com/ lo que no logro sacar es en la barra gris en medio se encuentra un contador de dias y un calendario con dia, mes y año, veis la linea gris que hay debajo de la caja blanca? por favor alguien me ayuda?, -- Nesta Guerrero Pancorbo Emergya Consultoría Avda. de la Innovación, 3 (Edif. Hércules), Mód 12-13 E41020 Sevilla Tfno: +34 954 51 75 77 Fax: +34 954 51 64 73 ___ 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 en IE6
Haber, da igual la validación, el cliente no ha metido en la oferta nada que tenga que ver con accesibilidad ni rendimiento ni nada de nada, la hoja de estilos y todo el código ya estába hecho, yo simplemente arreglo los errores de visualización de la web, por lo cual como que me da igual si hay un id sin nada y cosas de esas, bueno respecto a lo del height a 20 está puesto para firefox, en IE no hace nada. voy a mirar lo que dices del div haber que tal, pero creo que no va a ser esa la solucion lo suyo es poner la cajita que llegue al bottom de lo gris, osea que se vea blanco. El vie, 04-07-2008 a las 13:44 +0200, Rodrigo Álvarez Virgós escribió: Hola Neftalí Neftalí Guerrero Pancorbo escribió: Señores de la lista estoy liado con varias cosillas que se ven mal en IE6, aqui os dejo la página http://www.opensourceworldconference.com/ lo que no logro sacar es en la barra gris en medio se encuentra un contador de dias y un calendario con dia, mes y año, veis la linea gris que hay debajo de la caja blanca? por favor alguien me ayuda?, ¿No tienes una hoja de estilo como enorme :-S? En fin a lo que vamos: en .countdown y .countdownToday tienes un height:20px; bastante sospechoso... ¿Por qué no quitas ese height, y metes esos dos span en un div sin altura y con fondo gris? ___ 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 -- Nesta Guerrero Pancorbo Emergya Consultoría Avda. de la Innovación, 3 (Edif. Hércules), Mód 12-13 E41020 Sevilla Tfno: +34 954 51 75 77 Fax: +34 954 51 64 73 ___ 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 en IE6
Yo creo que independientemente de lo que el cliente pida, tu lo que deberías de hacer es organizar un poquito todo ese código para que de alguna manera saques toda la basura y así poder entender que es lo que te esta causando el problema. -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Neftalí Guerrero Pancorbo Sent: Friday, July 04, 2008 6:19 AM To: Ovillo, la lista de CSS en castellano Subject: Re: [Ovillo] problemas en IE6 Haber, da igual la validación, el cliente no ha metido en la oferta nada que tenga que ver con accesibilidad ni rendimiento ni nada de nada, la hoja de estilos y todo el código ya estába hecho, yo simplemente arreglo los errores de visualización de la web, por lo cual como que me da igual si hay un id sin nada y cosas de esas, bueno respecto a lo del height a 20 está puesto para firefox, en IE no hace nada. voy a mirar lo que dices del div haber que tal, pero creo que no va a ser esa la solucion lo suyo es poner la cajita que llegue al bottom de lo gris, osea que se vea blanco. El vie, 04-07-2008 a las 13:44 +0200, Rodrigo Álvarez Virgós escribió: Hola Neftalí Neftalí Guerrero Pancorbo escribió: Señores de la lista estoy liado con varias cosillas que se ven mal en IE6, aqui os dejo la página http://www.opensourceworldconference.com/ lo que no logro sacar es en la barra gris en medio se encuentra un contador de dias y un calendario con dia, mes y año, veis la linea gris que hay debajo de la caja blanca? por favor alguien me ayuda?, ¿No tienes una hoja de estilo como enorme :-S? En fin a lo que vamos: en .countdown y .countdownToday tienes un height:20px; bastante sospechoso... ¿Por qué no quitas ese height, y metes esos dos span en un div sin altura y con fondo gris? ___ 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 -- Nesta Guerrero Pancorbo Emergya Consultoría Avda. de la Innovación, 3 (Edif. Hércules), Mód 12-13 E41020 Sevilla Tfno: +34 954 51 75 77 Fax: +34 954 51 64 73 ___ 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 en IE6
Vamos a ver, que el codigo no lo he creado yo, y ni voy a ponerme a ponerlo bien, está todo estructurado, y sé perfectamente donde está el problema, al igual que todo el mundo que sepa de css y entienda los id y las clases, el problema no va a estar en otro sitio por muy desordenado que esto esté, y esto no pasaría si a los clientes no se le dejara que usen los navegadores que son la mierda (los productitos de timosoft que ni siguen estandares ni siguen nada). El vie, 04-07-2008 a las 08:20 -0400, Jauregi, Jesús (J.A.) escribió: Yo creo que independientemente de lo que el cliente pida, tu lo que deberías de hacer es organizar un poquito todo ese código para que de alguna manera saques toda la basura y así poder entender que es lo que te esta causando el problema. -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Neftalí Guerrero Pancorbo Sent: Friday, July 04, 2008 6:19 AM To: Ovillo, la lista de CSS en castellano Subject: Re: [Ovillo] problemas en IE6 Haber, da igual la validación, el cliente no ha metido en la oferta nada que tenga que ver con accesibilidad ni rendimiento ni nada de nada, la hoja de estilos y todo el código ya estába hecho, yo simplemente arreglo los errores de visualización de la web, por lo cual como que me da igual si hay un id sin nada y cosas de esas, bueno respecto a lo del height a 20 está puesto para firefox, en IE no hace nada. voy a mirar lo que dices del div haber que tal, pero creo que no va a ser esa la solucion lo suyo es poner la cajita que llegue al bottom de lo gris, osea que se vea blanco. El vie, 04-07-2008 a las 13:44 +0200, Rodrigo Álvarez Virgós escribió: Hola Neftalí Neftalí Guerrero Pancorbo escribió: Señores de la lista estoy liado con varias cosillas que se ven mal en IE6, aqui os dejo la página http://www.opensourceworldconference.com/ lo que no logro sacar es en la barra gris en medio se encuentra un contador de dias y un calendario con dia, mes y año, veis la linea gris que hay debajo de la caja blanca? por favor alguien me ayuda?, ¿No tienes una hoja de estilo como enorme :-S? En fin a lo que vamos: en .countdown y .countdownToday tienes un height:20px; bastante sospechoso... ¿Por qué no quitas ese height, y metes esos dos span en un div sin altura y con fondo gris? ___ 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 -- Nesta Guerrero Pancorbo Emergya Consultoría Avda. de la Innovación, 3 (Edif. Hércules), Mód 12-13 E41020 Sevilla Tfno: +34 954 51 75 77 Fax: +34 954 51 64 73 ___ 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 en IE6
Pues yo, sin animo de ofender, estoy de acuerdo con Jesús. No me mal interpretes: pero en una web de estas caracteristicas, el que la misma valide es fundamental. ¡Ojo! Esa es mi opinión... Te lo comento porque no creo que te lleve mucho tiempo. ;) Respecto a que sabes perfectamente donde esta el problema: ¿entonces porque preguntas? O te refieres a otra cosa (entiendo). :) Saludos, Ernesto Frías ___ 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 en IE6
Yo entiendo perfectamente a Neftalí... Hay clientes que sólo buscan un precio económico y les trae sin cuidado la accesibilidad, la usabilidad o las buenas prácticas. En mi opinión, se merecen lo que pagan, ni más ni menos. En fin, no sé si te servirá para el caso, ¿pero que tal algo como br style=clear:both/ al final de los comentarios de cada caja?, en plan guarro pero siempre efectivo. -- Philipp Keweloh El día 4/07/08, Ernesto Frías [EMAIL PROTECTED] escribió: Pues yo, sin animo de ofender, estoy de acuerdo con Jesús. No me mal interpretes: pero en una web de estas caracteristicas, el que la misma valide es fundamental. ¡Ojo! Esa es mi opinión... Te lo comento porque no creo que te lleve mucho tiempo. ;) Respecto a que sabes perfectamente donde esta el problema: ¿entonces porque preguntas? O te refieres a otra cosa (entiendo). :) Saludos, Ernesto Frías ___ 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] Fix en IE 7
Saludos. Estoy terminando de hacer un sitio web con un template de Drupal. el sitio tiene algunos detalles que se pueden mejorar. El template fué basaso en otro pero la maquetación de divs, imágenes, banners, RSS estuvo por mi parte. En IE 6 no tengo tantos problemas como en IE 7, el fix que tiene el sitio. !--[if lt IE] style type=text/css media=all@import /themes/fundahabitat/fix-ie.css;/style ![endif]-- Antes le había agregado el !--[if lt IE 7] pero algo extraño IE 7 era el único IE que no tomaba el fix. Alguna sugerencia para tener un fix que sirva en IE 7. Muchas gracias por su tiempo. -- .Xavier Soluciones Linux. http://rendergraf.wordpress.com Telf.: +58 416 1027262 Linux counter: 292510 ___ 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] Fix en IE 7
Sin condicionales. Agregar una hoja de estilo fix-ie7.css Con star hacks solo para IE7 para los elementos problematicos. Ejemplos *+ html #elemento *+ html #elemento p *+ html .elemento2 etc 2008/7/4 Xavier Araque A.|Rendergraf [EMAIL PROTECTED]: Saludos. Estoy terminando de hacer un sitio web con un template de Drupal. el sitio tiene algunos detalles que se pueden mejorar. El template fué basaso en otro pero la maquetación de divs, imágenes, banners, RSS estuvo por mi parte. En IE 6 no tengo tantos problemas como en IE 7, el fix que tiene el sitio. !--[if lt IE] style type=text/css media=all@import /themes/fundahabitat/fix-ie.css;/style ![endif]-- Antes le había agregado el !--[if lt IE 7] pero algo extraño IE 7 era el único IE que no tomaba el fix. Alguna sugerencia para tener un fix que sirva en IE 7. Muchas gracias por su tiempo. -- .Xavier Soluciones Linux. http://rendergraf.wordpress.com Telf.: +58 416 1027262 Linux counter: 292510 ___ 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
Re: [Ovillo] Fix en IE 7
Nada nada... !--[if IE 7] ... ![endif]-- Y arreglado. El lt es equivalente a less than, caracter (menor que), por lo que es lógico que ese condicional se aplique para todos menos para el IE 7. -- Philipp Keweloh El día 4/07/08, Ignacio Ricci [EMAIL PROTECTED] escribió: Sin condicionales. Agregar una hoja de estilo fix-ie7.css Con star hacks solo para IE7 para los elementos problematicos. Ejemplos *+ html #elemento *+ html #elemento p *+ html .elemento2 etc 2008/7/4 Xavier Araque A.|Rendergraf [EMAIL PROTECTED]: Saludos. Estoy terminando de hacer un sitio web con un template de Drupal. el sitio tiene algunos detalles que se pueden mejorar. El template fué basaso en otro pero la maquetación de divs, imágenes, banners, RSS estuvo por mi parte. En IE 6 no tengo tantos problemas como en IE 7, el fix que tiene el sitio. !--[if lt IE] style type=text/css media=all@import /themes/fundahabitat/fix-ie.css;/style ![endif]-- Antes le había agregado el !--[if lt IE 7] pero algo extraño IE 7 era el único IE que no tomaba el fix. Alguna sugerencia para tener un fix que sirva en IE 7. Muchas gracias por su tiempo. -- .Xavier Soluciones Linux. http://rendergraf.wordpress.com Telf.: +58 416 1027262 Linux counter: 292510 ___ 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
