Gracias David por la corrección...
El ejemplo que copié tenía enlaces....
Saludo,
DJ-Dom
----- Original Message -----
From: "David Castelló" <[EMAIL PROTECTED]>
To: "Ovillo, la lista de CSS en castellano" <ovillo@lists.ovillo.org>
Sent: Monday, September 18, 2006 4:35 AM
Subject: Re: [Ovillo]Imagenes de distinto tamaño centradas tanto horizontal
como vertical en una línea
Hola!
Al final del codigo que te adjunta DJ-Dom, quiza seria conveniente añadir;
<br style="clear: both">,
ya que "imagenes-cat" es un div flotado a la izquierda y quiza te descuadre
tu layout.
Luego ha puesto esto, que supongo será un despiste:
"<div><img src="UBICACION-DE-LA-IMAGEN.EXTENSION"
title="TITULO-DESCRIPTIVO"alt="TEXTO-ALTERNATIVO" /></a></div>"
ahi o se le ha colado el "</a>" sin abrir, y o bien le sobra, o bien le
falta el "a href" .
Saludos!
On 9/11/06, DJ-Dom <[EMAIL PROTECTED]> wrote:
>
> Hola Francisco, yo lo he hecho de este modo:
>
> HTML:
>
> <div id="imagenes-cat">
> <div class="imgs-cat">
> <div><img src="UBICACION-DE-LA-IMAGEN.EXTENSION"
> title="TITULO-DESCRIPTIVO"
> alt="TEXTO-ALTERNATIVO" /></a></div>
> </div>
> <div class="imgs-cat">
> <div><img src="UBICACION-DE-LA-IMAGEN.EXTENSION"
> title="TITULO-DESCRIPTIVO"
> alt="TEXTO-ALTERNATIVO" /></a></div>
> </div>
> <div class="imgs-cat">
> <div><img src="UBICACION-DE-LA-IMAGEN.EXTENSION"
> title="TITULO-DESCRIPTIVO"
> alt="TEXTO-ALTERNATIVO" /></a></div>
> </div>
> <div class="imgs-cat">
> <div><img src="UBICACION-DE-LA-IMAGEN.EXTENSION"
> title="TITULO-DESCRIPTIVO"
> alt="TEXTO-ALTERNATIVO" /></a></div>
> </div>
> </div>
>
>
>
>
> CSS:
> #imagenes-cat{
> text-align: center;
> border: 1px dotted;
> margin: 0px auto;
> padding: 0px 0px 10px 0px;
> width: 99.5%;
> float: left;
> }
>
> .imgs-cat{
> float: left;
> width: 73px;
> height: 73px;
> margin: 8px;
> padding: 0px;
> text-align: center;
> border: 1px solid;
> }
>
> .imgs-cat img{
> vertical-align: middle;
> text-align: center;
> margin: 2px;
> }
>
>
> Espero que te sirvan.....
>
> Saludo,
> DJ-Dom
>
> ----- Original Message -----
> From: "Francisco Jesús Gil Navarro" <[EMAIL PROTECTED]>
> To: <ovillo@lists.ovillo.org>
> Sent: Sunday, September 17, 2006 5:20 PM
> Subject: [Ovillo] Imagenes de distinto tamaño centradas tanto horizontal
> como vertical en una línea
>
>
>
> Hola a todos:
>
> me gustaría saber como colocar 4 imagenes en una sola línea con css, al
> estilo de una tabla con cuatro columnas y alineadas al centro.
> Gracias.
> --
> Saludos.
> Francisco
>
>
> ______________________________________________
> LLama Gratis a cualquier PC del Mundo.
> Llamadas a fijos y móviles desde 1 céntimo por minuto.
> http://es.voice.yahoo.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
>
--
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://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
