Primero de todo, tienes un atributo "alt" con contenido ">>". Deberías
utilizar su entidad ">>"
Si el problema del espacio en blanco en las imágenes persiste, podrías
probar de declarar la imagen como elemento de nivel de bloque:
img {display: block;}
Existen unas versiones concretas de navegadores que tratan las
imágenes como elementos en línea, con lo cual aplican el espacio en
blanco en la base del elemento.
OPINIÓN: Aprovecho para comentar que podrías sustituir el texto ">>"
por "next" (o lo que corresponda), por dos razones: a) el atributo
"alt" debe contener un texto comprensible para aquellas
personas/dispositivos que no puedan ver la imágen. b) Contrariamente a
lo que hacen la mayoría de navegadores gráficos, el atributo alt no
está pensado para mostrarse en pantalla cuando un usuario coloca el
mouse encima de una imagen. Para ello existe el atributo "title".
Salu2
Martí Mundó.
--
El 24/08/05, xema<[EMAIL PROTECTED]> escribió:
> Saludos lista,
>
> Me estoy peleando con un comportamiento en firefox que no acabo de
> entender bien. Esquematizado, el codigo es este:
>
> <body>
>
> <div id="container">
> <div id="content">
> <div id="edit">
> <div id="libro">
> <img alt="libro" src="01.jpg"
> width="520" height="784" /><a href=""><img alt=">>" src="next.gif"
> width="15" height="155" class="scan" /></a>
> </div><!-- libro -->
> </div>
> </div><!-- content -->
> </div><!-- container -->
>
> </body>
>
> Libro es una imagen de una pagina de un libro y al lado tiene otra
> imagen pequeña para pasar de pagina. En 1024x768 no tengo ningun
> problema, pero en 800x600, el Firefox me muestra a veces un espacio
> debajo de las imágenes, a veces el scroll en el div libro, a veces
> correcto... Muy extraño. El css simplificado es este:
>
> * { margin: 0; padding: 0; } /* zeroing both margin and
> padding for all elements */
>
> body {
> color: #600; background: #FFF;
> }
>
> #container {
> margin-left: 185px;
> }
>
> #content {
> background: #EFEAE5;
> }
>
> #edit {
> padding: 0 15px;
> overflow: auto; /* clearing floats */
> height: 100%;
> color: #000;
> }
>
> #libro {
> padding-top: 10px;
> text-align: center;
> }
> .scan {
> padding-bottom: 314px;
> }
>
> Porque me deja ese espacio debajo de las imágenes? No pregunto como
> solucionarlo (que tambien, vale), sino entender porque se produce esto.
> Y Firefox no siempre me da el mismo comportamiento. El overflow: auto
> del edit lo necesito imperiosamente. Yo estaba convencido que era la
> clase scan, pero si la quitamos, el espacio que deja (a veces) es menor.
>
> Gracias por la ayuda,
> xema
>
> _______________________________________________
> 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
