Re: [Ovillo] problema con imagen y links
Hola, Devi. Has respondido al mensaje de resumen de ovillo, por lo que no se ha colocado en este hilo. Indicas tu página de prueba: http://www.leonelsilva.com/pruebacdf/ Si añades la declaración overflow: hidden; en #content conseguirás que se respete la altura que has especificado en #content Aunque esto te solvente el problema, deberías tener en cuenta algunas consideraciones para mejorar tu diseño, como establecer las imágenes como fondo de css y permitir que el tamaño de fuente se pueda aumentar sin desmoronarse la página. Tendrás que eliminar la altura de #content. Si estableces position:relative a #content (como te ha comentado Andrés Gutiérrez) podrás posicionar de forma absoluta los elementos contenidos dentro de él con respecto a su contenedor (esto es, #content). Saludos. El día 30 de mayo de 2009 0:22, Devi Silva silvade...@gmail.com escribió: buen dia señores. Se me presenta un problema aca, necesito colocar una imagen a un div en el codigo html pero a su vez necesito colocarle encima un h2 y una ul con sus respectivas imagenes. Lo que le estoy poniendo es una posicion relativa y colocandole un top negativo para poder hacerlo, pero en el explorer 6 me deja el espacio en el que estaria la ul y el h2 aunque lo suba 1000 px. Ayuda! he buscado por todos lados y visto codigos como loco a ver is consigo repsuestas y que va. Gracias de antemano. ___ 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 al usar anclas en firefox, opera, chrome..
Hola a todos!! Estoy desarrollando una web para una escuela de buceo y me he encontrado con un problema que me ha dejado un poco perplejo. He puesto anclas para navegar a través de una página y en firefox (opera, chrome,..) cuando pulso para ir a un apartado de la web, no se muestra el contenido que hay por encima de ese ancla. En explorer me funciona correctamente. La URL es: http://www.plataformachan.com/scuba/plantilla_activities.php y el menú para navegar a través de los apartados es el situado al lado del título de la página (Activities) Lo único especial (o eso creo yo) que utilizo en esta página es una técnica de ocultar texto detrás de imágenes ( técnica 7 de http://css-tricks.com/nine-techniques-for-css-image-replacement/) tanto en el menú de las anclas como en el enlace de volver al inicio. Código fuente: http://www.plataformachan.com/scuba/plantilla_activities.php (es xhtml plano, no se ejecuta ningún script php) CSS utilizados: http://www.plataformachan.com/scuba/css/estilos.css http://www.plataformachan.com/scuba/css/layout.css http://www.plataformachan.com/scuba/css/facilities.css Un saludo y 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
Re: [Ovillo] Problema al usar anclas en firefox, opera, chrome..
Hola, Francisco Francisco Garde escribió: Hola a todos!! Estoy desarrollando una web para una escuela de buceo y me he encontrado con un problema que me ha dejado un poco perplejo. He puesto anclas para navegar a través de una página y en firefox (opera, chrome,..) cuando pulso para ir a un apartado de la web, no se muestra el contenido que hay por encima de ese ancla. En explorer me funciona correctamente. No es la primera vez que se trata este tema en la lista. Eso te pasa por utilizar la técnica de dar margin-bottom : -choricientos px; padding-bottom : choricientos px; a las columnas, y overflow: hidden; al contenedor. A priori no tiene fácil solución... La URL es: http://www.plataformachan.com/scuba/plantilla_activities.php y el menú para navegar a través de los apartados es el situado al lado del título de la página (Activities) Lo único especial (o eso creo yo) que utilizo en esta página es una técnica de ocultar texto detrás de imágenes ( técnica 7 de http://css-tricks.com/nine-techniques-for-css-image-replacement/) tanto en el menú de las anclas como en el enlace de volver al inicio. Código fuente: http://www.plataformachan.com/scuba/plantilla_activities.php (es xhtml plano, no se ejecuta ningún script php) CSS utilizados: http://www.plataformachan.com/scuba/css/estilos.css http://www.plataformachan.com/scuba/css/layout.css http://www.plataformachan.com/scuba/css/facilities.css ___ 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 al usar anclas en firefox, opera, chrome..
Muchas gracias Rodrigo!! Por lo menos ya se porque pasa, la verdad es que me había quedado a cuadros cuando lo he visto. Ahora a ver lo que se me ocurre para solucionarlo. Saludos !!! Francisco Garde Calvo Director de Proyectos Chan Plataforma d'idees 963 26 66 02 - 665 86 32 82 -Mensaje original- De: ovillo-boun...@lists.ovillo.org [mailto:ovillo-boun...@lists.ovillo.org] En nombre de Rodrigo Álvarez Virgós Enviado el: lunes, 01 de junio de 2009 13:08 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] Problema al usar anclas en firefox, opera, chrome.. Hola, Francisco Francisco Garde escribió: Hola a todos!! Estoy desarrollando una web para una escuela de buceo y me he encontrado con un problema que me ha dejado un poco perplejo. He puesto anclas para navegar a través de una página y en firefox (opera, chrome,..) cuando pulso para ir a un apartado de la web, no se muestra el contenido que hay por encima de ese ancla. En explorer me funciona correctamente. No es la primera vez que se trata este tema en la lista. Eso te pasa por utilizar la técnica de dar margin-bottom : -choricientos px; padding-bottom : choricientos px; a las columnas, y overflow: hidden; al contenedor. A priori no tiene fácil solución... La URL es: http://www.plataformachan.com/scuba/plantilla_activities.php y el menú para navegar a través de los apartados es el situado al lado del título de la página (Activities) Lo único especial (o eso creo yo) que utilizo en esta página es una técnica de ocultar texto detrás de imágenes ( técnica 7 de http://css-tricks.com/nine-techniques-for-css-image-replacement/) tanto en el menú de las anclas como en el enlace de volver al inicio. Código fuente: http://www.plataformachan.com/scuba/plantilla_activities.php (es xhtml plano, no se ejecuta ningún script php) CSS utilizados: http://www.plataformachan.com/scuba/css/estilos.css http://www.plataformachan.com/scuba/css/layout.css http://www.plataformachan.com/scuba/css/facilities.css ___ 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 al usar anclas en firefox, opera, chrome..
Hola Fran: Es un problema complicado, yo me lo encontre hace poco con una maquetación bastante parecida. El problema está en el div #inner que es en el que haces el overflow. Yo lo solucione con la propiedad display:table en el div que tenía el overflow. En IE no me funcionaba bien y lo sustitui para este navegador por un display:inline. Espero ayudarte, Carlos 2009/6/1 Francisco Garde f...@plataformachan.com Hola a todos!! Estoy desarrollando una web para una escuela de buceo y me he encontrado con un problema que me ha dejado un poco perplejo. He puesto anclas para navegar a través de una página y en firefox (opera, chrome,..) cuando pulso para ir a un apartado de la web, no se muestra el contenido que hay por encima de ese ancla. En explorer me funciona correctamente. La URL es: http://www.plataformachan.com/scuba/plantilla_activities.php y el menú para navegar a través de los apartados es el situado al lado del título de la página (Activities) Lo único especial (o eso creo yo) que utilizo en esta página es una técnica de ocultar texto detrás de imágenes ( técnica 7 de http://css-tricks.com/nine-techniques-for-css-image-replacement/) tanto en el menú de las anclas como en el enlace de volver al inicio. Código fuente: http://www.plataformachan.com/scuba/plantilla_activities.php (es xhtml plano, no se ejecuta ningún script php) CSS utilizados: http://www.plataformachan.com/scuba/css/estilos.css http://www.plataformachan.com/scuba/css/layout.css http://www.plataformachan.com/scuba/css/facilities.css Un saludo y 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] Problema al usar anclas en firefox, opera, chrome..
Carlos, me ha funcionado perfectamente el display:table Muchisimas gracias !!! Francisco Garde Calvo Director de Proyectos Chan Plataforma d'idees 963 26 66 02 - 665 86 32 82 -Mensaje original- De: ovillo-boun...@lists.ovillo.org [mailto:ovillo-boun...@lists.ovillo.org] En nombre de Carlos García-Olalla Olivera Enviado el: lunes, 01 de junio de 2009 13:23 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] Problema al usar anclas en firefox, opera, chrome.. Hola Fran: Es un problema complicado, yo me lo encontre hace poco con una maquetación bastante parecida. El problema está en el div #inner que es en el que haces el overflow. Yo lo solucione con la propiedad display:table en el div que tenía el overflow. En IE no me funcionaba bien y lo sustitui para este navegador por un display:inline. Espero ayudarte, Carlos 2009/6/1 Francisco Garde f...@plataformachan.com Hola a todos!! Estoy desarrollando una web para una escuela de buceo y me he encontrado con un problema que me ha dejado un poco perplejo. He puesto anclas para navegar a través de una página y en firefox (opera, chrome,..) cuando pulso para ir a un apartado de la web, no se muestra el contenido que hay por encima de ese ancla. En explorer me funciona correctamente. La URL es: http://www.plataformachan.com/scuba/plantilla_activities.php y el menú para navegar a través de los apartados es el situado al lado del título de la página (Activities) Lo único especial (o eso creo yo) que utilizo en esta página es una técnica de ocultar texto detrás de imágenes ( técnica 7 de http://css-tricks.com/nine-techniques-for-css-image-replacement/) tanto en el menú de las anclas como en el enlace de volver al inicio. Código fuente: http://www.plataformachan.com/scuba/plantilla_activities.php (es xhtml plano, no se ejecuta ningún script php) CSS utilizados: http://www.plataformachan.com/scuba/css/estilos.css http://www.plataformachan.com/scuba/css/layout.css http://www.plataformachan.com/scuba/css/facilities.css Un saludo y 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 ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Resumen de Ovillo, Vol 64, Envío 1
Gracias... y gracias por la recomendacion, aunque no me conviene colocar la imagen como background porque esa en teoria la cambiara el cliente luego a su antojo por base de datos :S. pero funciona! muchas gracias. El 1 de junio de 2009 7:30, ovillo-requ...@lists.ovillo.org escribió: Envíe los mensajes para la lista Ovillo a ovillo@lists.ovillo.org Para subscribirse o anular su subscripción a través de la WEB http://lists.ovillo.org/mailman/listinfo/ovillo O por correo electrónico, enviando un mensaje con el texto help en el asunto (subject) o en el cuerpo a: ovillo-requ...@lists.ovillo.org Puede contactar con el responsable de la lista escribiendo a: ovillo-ow...@lists.ovillo.org Si responde a algún contenido de este mensaje, por favor, edite la linea del asunto (subject) para que el texto sea mas especifico que: Re: Contents of Ovillo digest Además, por favor, incluya en la respuesta sólo aquellas partes del mensaje a las que está respondiendo. Asuntos del día: 1. Re: problema con imagen y links (Daniel Navarro) 2. Problema al usar anclas en firefox, opera, chrome.. (Francisco Garde) 3. Re: Problema al usar anclas en firefox, opera, chrome.. (Rodrigo Álvarez Virgós) 4. Re: Problema al usar anclas en firefox, opera, chrome.. (Francisco Garde) 5. Re: Problema al usar anclas en firefox, opera, chrome.. (Carlos García-Olalla Olivera) -- Message: 1 Date: Mon, 1 Jun 2009 10:36:12 +0200 From: Daniel Navarro webpe...@gmail.com Subject: Re: [Ovillo] problema con imagen y links To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Message-ID: a1f399d30906010136lba693cdgecc9680d2b511...@mail.gmail.com Content-Type: text/plain; charset=ISO-8859-1 Hola, Devi. Has respondido al mensaje de resumen de ovillo, por lo que no se ha colocado en este hilo. Indicas tu página de prueba: http://www.leonelsilva.com/pruebacdf/ Si añades la declaración overflow: hidden; en #content conseguirás que se respete la altura que has especificado en #content Aunque esto te solvente el problema, deberías tener en cuenta algunas consideraciones para mejorar tu diseño, como establecer las imágenes como fondo de css y permitir que el tamaño de fuente se pueda aumentar sin desmoronarse la página. Tendrás que eliminar la altura de #content. Si estableces position:relative a #content (como te ha comentado Andrés Gutiérrez) podrás posicionar de forma absoluta los elementos contenidos dentro de él con respecto a su contenedor (esto es, #content). Saludos. El día 30 de mayo de 2009 0:22, Devi Silva silvade...@gmail.com escribió: buen dia señores. Se me presenta un problema aca, necesito colocar una imagen a un div en el codigo html pero a su vez necesito colocarle encima un h2 y una ul con sus respectivas imagenes. Lo que le estoy poniendo es una posicion relativa y colocandole un top negativo para poder hacerlo, pero en el explorer 6 me deja el espacio en el que estaria la ul y el h2 aunque lo suba 1000 px. Ayuda! he buscado por todos lados y visto codigos como loco a ver is consigo repsuestas y que va. Gracias de antemano. ___ 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 -- Message: 2 Date: Mon, 1 Jun 2009 12:51:36 +0200 From: Francisco Garde f...@plataformachan.com Subject: [Ovillo] Problema al usar anclas en firefox, opera, chrome.. To: ovillo@lists.ovillo.org Message-ID: !~! uenerkvcmdkaaqacabgaxu4aloth9ke73zv0sqysuckq6ojsaogk5e+vxzuz40+adweaa...@plataformachan.comuenerkvcmdkaaqacabgaxu4aloth9ke73zv0sqysuckq6ojsaogk5e%2bvxzuz40%2badweaa...@plataformachan.com Content-Type: text/plain; charset=iso-8859-1 Hola a todos!! Estoy desarrollando una web para una escuela de buceo y me he encontrado con un problema que me ha dejado un poco perplejo. He puesto anclas para navegar a través de una página y en firefox (opera, chrome,..) cuando pulso para ir a un apartado de la web, no se muestra el contenido que hay por encima de ese ancla. En explorer me funciona correctamente. La URL es: http://www.plataformachan.com/scuba/plantilla_activities.php y el menú para navegar a través de los apartados es el situado al lado del título de la página (Activities) Lo único especial (o eso creo yo) que utilizo en esta página es una técnica de ocultar texto detrás de imágenes ( técnica 7 de http://css-tricks.com/nine-techniques-for-css-image-replacement/) tanto en el menú de las anclas como en el enlace de volver al inicio. Código fuente:
