Re: [Ovillo] lista de imagenes con el texto debajo

[stripTM]

Sílvia Guillén · Lekumultimedia escribió:
Estoy intentando hacer una lista de varias imágenes, pero necesito que 
aparezca un texto debajo de ellas con el nombre de cada una, pero no 
me sale, el texto me aparece al lado...

Por ejemplo:

Texto
--
Saludos -=stripTM=-
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo_ovillo.org

Re: [Ovillo] lista de imagenes con el texto debajo

[Sílvia Guillén]

Gracias Carlos,
esta que me comentas sería una solución , pero mis tiros no van por aquí.
Mi intención, y que no hay forma que dé con la fórmula, seria usar 
xhtml, al que me quiero aventurar, pues un dia u otro tenemos que hacer 
el cambio, de modo que de entrada los  creo que tienen que 
desaparecer, a parte de que todas las etiquetas se cierran.

Luego, como se trata de una lista, debo de utilizar el atributo 
, y que aparezca la imagen y el texto debajo, todo en linia y 
unas 5  imágenes en cada fila. Todo esto se lo tengo que dar en los 
atributos CSS. Pero no me sal...

Os paso un pantallazo de lo que tengo hecho en tablas y que  ahora 
quiero conseguir con css:
http://www.lekumultimedia.com/silvia/lista.gif

Ahora creo que he especificado más.
Seguro que es una chorrada, porqué mira que es simple lo que quiero 
hacer! Pero, como todo, hay que saber hacerlo.

Si me sabeis dar la clave bien. Y si por otros lados lo consigo, ya os 
lo haré saber.

Saludos,
Sílvia.
Carlos Márquez wrote:
Hola Silvia, no se si esto te valdrá.
Un saludo



Texto texto

 


___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo_ovillo.org

Re: [Ovillo] lista de imagenes con el texto debajo

[Camilo Kawerín]

Hola,
Sílvia Guillén · Lekumultimedia escribió:
Estoy intentando hacer una lista de varias imágenes, pero necesito que 
aparezca un texto debajo de ellas con el nombre de cada una, 
Podrías usar una lista de definiciones:

  Nombre de la imagen
  

Creo que, semánticamente sería lo más correcto (al menos por eso estoy 
por hacer una galería de fotos de esa manera :P).

Luego, con CSS podrías posicionar los elementos para que el texto quede 
encima, debajo o sobreimpreso. Espero que te sirva,
saludos!

--
No virus found in this outgoing message.
Checked by AVG Anti-Virus.
Version: 7.0.300 / Virus Database: 265.8.6 - Release Date: 07/02/2005
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo_ovillo.org

RE: [Ovillo] lista de imagenes con el texto debajo

[Félix Zapata Berlinches]

http://css.maxdesign.com.au/floatutorial/tutorial0407.htm


 

Félix Zapata Berlinches

Tanta Tecnología y Comunicación
Grupo Onetec
c/ Julián Camarillo 26 1º Of. 2
28037 Madrid
Tel.: 91.440.10.40
Fax: 91.304.91.24
www.tantacom.com
www.grupoonetec.com

 

 

"Este correo electrónico y, en su caso, cualquier fichero anexo al mismo,
pueden contener información de carácter confidencial exclusivamente dirigida
a la persona o entidad a la que se le envía. Queda prohibido cualquier uso
indebido, revisión, retransmisión o diseminación del contenido por personas
o entidades ajenas al destinatario. Si recibe usted este correo por error,
le rogamos que nos lo comunique por la misma vía al remitente y proceda a
borrar este material de todo ordenador. Gracias." 

 

___

 

"The information in this e-mail and in any attachments is confidential and
solely for the attention and use of the named addressee(s). You are hereby
notified that any distribution, copy or dissemination of this communication
is prohibited without the prior written consent of the sender. If you
received this in error and are not the formal receiver of this message
please destroy it without making any digital or physical copy and inform the
sender by e-mail of the reception of the present message. Thank you"

 

-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre
de Sílvia Guillén · Lekumultimedia
Enviado el: lunes, 07 de febrero de 2005 16:36
Para: Ovillo, la lista de CSS en castellano
Asunto: [Ovillo] lista de imagenes con el texto debajo

Estoy intentando hacer una lista de varias imágenes, pero necesito que 
aparezca un texto debajo de ellas con el nombre de cada una, pero no me 
sale, el texto me aparece al lado...

Seguro que es una txorrada pero no la encuentro!!

Gracias por la ayuda...

Sílvia Guillén.

___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo_ovillo.org




___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo_ovillo.org

Re: [Ovillo] lista de imagenes con el texto debajo

[kemie guaida]

Yo lo he hecho con una lista de definiciones, simplemente flotandolas a 
la izquierda. Checate la pagina:
http://www.pixilate.com/goodies/wallpapers/

Pero, por cierto, no hay nada de malo en utilizar la etiqueta br siempre 
y cuando se cierre asi: 

saludos!
kemie
Sílvia Guillén wrote:
Gracias Carlos,
esta que me comentas sería una solución , pero mis tiros no van por aquí.
Mi intención, y que no hay forma que dé con la fórmula, seria usar 
xhtml, al que me quiero aventurar, pues un dia u otro tenemos que 
hacer el cambio, de modo que de entrada los  creo que tienen que 
desaparecer, a parte de que todas las etiquetas se cierran.

Luego, como se trata de una lista, debo de utilizar el atributo 
, y que aparezca la imagen y el texto debajo, todo en linia y 
unas 5  imágenes en cada fila. Todo esto se lo tengo que dar en los 
atributos CSS. Pero no me sal...

Os paso un pantallazo de lo que tengo hecho en tablas y que  ahora 
quiero conseguir con css:
http://www.lekumultimedia.com/silvia/lista.gif

Ahora creo que he especificado más.
Seguro que es una chorrada, porqué mira que es simple lo que quiero 
hacer! Pero, como todo, hay que saber hacerlo.

Si me sabeis dar la clave bien. Y si por otros lados lo consigo, ya os 
lo haré saber.

Saludos,
Sílvia.
Carlos Márquez wrote:
Hola Silvia, no se si esto te valdrá.
Un saludo



Texto texto

 


___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo_ovillo.org


--
.::kemie::.
.::www.monolinea.com  ::.

___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo_ovillo.org

Re: [Ovillo] lista de imagenes con el texto debajo

[Milton Mazzarri]

On Mon, 07 Feb 2005 16:35:42 +0100, Sílvia Guillén · Lekumultimedia
<[EMAIL PROTECTED]> wrote:
> Estoy intentando hacer una lista de varias imágenes, pero necesito que
> aparezca un texto debajo de ellas con el nombre de cada una, pero no me
> sale, el texto me aparece al lado...
> 

No se si te sirva lo que describiré a continuación, pero que si...

Lista de imágenes en HTML







En CSS lo siguiente:

ul{ list-style-type: none; }
ul li img[alt]:after{ content: attr(alt); display: block; }

Simplemente extraes el contenido del atributo 'alt' en la imagen y lo
colocas después de ésta, si deseas que esté aparte puedes colocar que
se despliege como un elemento en bloque.

Un saludo

-- 
# Milton Mazzarri
# Usuario de GNU/Linux: #369158
# Ubuntu Linux
# Weblog: http://milmazz.blogspot.com

___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo_ovillo.org

Re: [Ovillo] lista de imagenes con el texto debajo

[óscar]

Hola,

El 07/02/05 Sílvia Guillén · Lekumultimedia escribió:

> Estoy intentando hacer una lista de varias imágenes, pero necesito que 
> aparezca un texto debajo de ellas con el nombre de cada una,

Quizá esto te sirva: http://www.alistapart.com/articles/practicalcss/

Saludos.


___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo_ovillo.org

Re: [Ovillo] lista de imagenes con el texto debajo

[oberon]

Le 09/02/2005 17:52, Sílvia Guillén a ecrit :
Gracias Carlos,
esta que me comentas sería una solución , pero mis tiros no van por aquí.
Mi intención, y que no hay forma que dé con la fórmula, seria usar 
xhtml, al que me quiero aventurar, pues un dia u otro tenemos que hacer 
el cambio, de modo que de entrada los  creo que tienen que 
desaparecer, a parte de que todas las etiquetas se cierran.

Luego, como se trata de una lista, debo de utilizar el atributo 
, y que aparezca la imagen y el texto debajo, todo en linia y 
unas 5  imágenes en cada fila. Todo esto se lo tengo que dar en los 
atributos CSS. Pero no me sal...

Os paso un pantallazo de lo que tengo hecho en tablas y que  ahora 
quiero conseguir con css:
http://www.lekumultimedia.com/silvia/lista.gif

Ahora creo que he especificado más.
Seguro que es una chorrada, porqué mira que es simple lo que quiero 
hacer! Pero, como todo, hay que saber hacerlo.

Si me sabeis dar la clave bien. Y si por otros lados lo consigo, ya os 
lo haré saber.
Hola,
Puedes hacerlo asi :
http://pascal.chevrel.free.fr/temp/lista1.html
Es un ejemplo un poco rapido (lo hice en unos minutos), hay 
probablemente maneras de mejorar el lado semantico.

Espero que no te llegue demasiado tarde eeste mensaje, todos los 
mensajes que envié en la lista de ovillo hasta ahora llegaron con un dia 
 de retraso (y unos no aparecieron).

Pascal
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo_ovillo.org

Re: [Ovillo] lista de imagenes con el texto debajo

[Daniel G.B.]

¿algo asi?


  texto


También puedes hacerlo con un lista de definición ...
Daniel G.B.
At 16:35 07/02/2005, you wrote:
Estoy intentando hacer una lista de varias imágenes, pero necesito que 
aparezca un texto debajo de ellas con el nombre de cada una, pero no me 
sale, el texto me aparece al lado...

Seguro que es una txorrada pero no la encuentro!!
Gracias por la ayuda...
Sílvia Guillén.

___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo_ovillo.org

Re: [Ovillo] lista de imagenes con el texto debajo

[jose guadalupe murillo robles]

Hola Silvia.

No se si es lo que quieres, pero una solucion seria: texto...

espero que te sirva esta solucion, si no la quieres con parrafos,
intentaré buscar otra solucion..

___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo_ovillo.org

Re: [Ovillo] lista de imagenes con el texto debajo

[kemie guaida]

Silvia, que codigo estas utilizando?
saludos
kemie
Sílvia Guillén · Lekumultimedia wrote:
Estoy intentando hacer una lista de varias imágenes, pero necesito que 
aparezca un texto debajo de ellas con el nombre de cada una, pero no 
me sale, el texto me aparece al lado...

Seguro que es una txorrada pero no la encuentro!!
Gracias por la ayuda...
Sílvia Guillén.
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo_ovillo.org


--
.::kemie::.
.::www.monolinea.com  ::.

___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo_ovillo.org

Re: [Ovillo] lista de imagenes con el texto debajo

[stripTM]

Sílvia Guillén escribió:
Gracias Carlos,
esta que me comentas sería una solución , pero mis tiros no van por aquí.
Mi intención, y que no hay forma que dé con la fórmula, seria usar 
xhtml, al que me quiero aventurar, pues un dia u otro tenemos que 
hacer el cambio, de modo que de entrada los  creo que tienen que 
desaparecer, a parte de que todas las etiquetas se cierran.

Luego, como se trata de una lista, debo de utilizar el atributo 
, y que aparezca la imagen y el texto debajo, todo en linia y 
unas 5  imágenes en cada fila. Todo esto se lo tengo que dar en los 
atributos CSS. Pero no me sal...

Creo que quieres algo así ¿no?:

   
  
  texto
   
   
  
  texto
   
   ...

A bote pronto y a lo fácil (todas las imágenes ocupan el mismo alto y 
los textos tiene en mismo número de líneas) puedes meterle a los li un 
ancho del 20% y ponerlos un float: left;

--
Saludos -=stripTM=-
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo_ovillo.org

Re: [Ovillo] lista de imagenes con el texto debajo

[kemie guaida]

Que sucede si lo haces asi:
 texto ?
saludos
kemie
stripTM wrote:
Sílvia Guillén · Lekumultimedia escribió:
Estoy intentando hacer una lista de varias imágenes, pero necesito 
que aparezca un texto debajo de ellas con el nombre de cada una, pero 
no me sale, el texto me aparece al lado...

Por ejemplo:

Texto


--
.::kemie::.
.::www.monolinea.com  ::.

___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo_ovillo.org

Re: [Ovillo] lista de imagenes con el texto debajo

[Sílvia Guillén]

Gracias a todos!
Estoy en ello. Que complicado es esto...

Kemie, me lo miraré. :)
Kemie guaida wrote:
Yo lo he hecho con una lista de definiciones, simplemente flotandolas 
a la izquierda. Checate la pagina:
http://www.pixilate.com/goodies/wallpapers/

Pero, por cierto, no hay nada de malo en utilizar la etiqueta br 
siempre y cuando se cierre asi: 

saludos!
kemie
Sílvia Guillén wrote:
Gracias Carlos,
esta que me comentas sería una solución , pero mis tiros no van por 
aquí.

Mi intención, y que no hay forma que dé con la fórmula, seria usar 
xhtml, al que me quiero aventurar, pues un dia u otro tenemos que 
hacer el cambio, de modo que de entrada los  creo que tienen que 
desaparecer, a parte de que todas las etiquetas se cierran.

Luego, como se trata de una lista, debo de utilizar el atributo 
, y que aparezca la imagen y el texto debajo, todo en linia 
y unas 5  imágenes en cada fila. Todo esto se lo tengo que dar en los 
atributos CSS. Pero no me sal...

Os paso un pantallazo de lo que tengo hecho en tablas y que  ahora 
quiero conseguir con css:
http://www.lekumultimedia.com/silvia/lista.gif

Ahora creo que he especificado más.
Seguro que es una chorrada, porqué mira que es simple lo que quiero 
hacer! Pero, como todo, hay que saber hacerlo.

Si me sabeis dar la clave bien. Y si por otros lados lo consigo, ya 
os lo haré saber.

Saludos,
Sílvia.
Carlos Márquez wrote:
Hola Silvia, no se si esto te valdrá.
Un saludo



Texto texto

 


___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo_ovillo.org


___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] lista de imagenes con el texto debajo

[Sílvia Guillén]

Hola,
Puedes hacerlo asi :
http://pascal.chevrel.free.fr/temp/lista1.html
Es un ejemplo un poco rapido (lo hice en unos minutos), hay 
probablemente maneras de mejorar el lado semantico.

Espero que no te llegue demasiado tarde eeste mensaje, todos los 
mensajes que envié en la lista de ovillo hasta ahora llegaron con un 
dia  de retraso (y unos no aparecieron).

Pascal 

Gracias Pascal :)
Y sí, yo también he mandado varios e-mails, todos llegan tarde y cómo 
tu, otros de momento ni han aparecido.

Así que por si a caso, grácias a la demás gente, por las aclaraciones, 
las ayudas, etc!

Sílvia.
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] lista de imagenes con el texto debajo

[stripTM]

kemie guaida escribió:
Que sucede si lo haces asi:
 texto ?
Es similar a lo que proponía

   
   Texto

Pero el  me da más sensación de 'nueva línea', por ejemplo de con 
mi proposición no sería complicado el hacer que el texto se colocase al 
lado en lugar de debajo de la foto en otro diseño. Bueno, son rayaduras 
mías :)

--
Saludos -=stripTM=-
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] lista de imagenes con el texto debajo

[AngelG]

Ahí os dejo mi solución basandome en los correos que mandasteis.
- La lista de imagenes se adapta al tamaño de la pagina web.
- Al pasar el raton sobre una imagen, esta pierde un poco de brillo y
saturación para indicar que se va a seleccionar.


--html---



texto
texto abajo

 
texto
texto abajo




---css---
.thumb ul {list-style:none;margin:0; padding:0; width:100%;}
.thumb li {float:left; margin:5px; padding:0;}
.thumb li a img {border:none; }
.thumb li img {display:block; float:left; width:100px; height:100px;}
.thumb li span {display:block; text-align:center;clear:both;}
.thumb a:hover img { filter: alpha(opacity=50); opacity: .5; }
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo