RE: [Ovillo] pie de foto...
Si es buena idea pero me parece que en Explorer no te va a funcionar, solo
funciona para firefox. Otra solución es meter el pie de foto en un otra
capita, un poco gochillo pero bueno ..., o si lo que te pasa es que no te
coge la medida de la capa, muy típico en Explorer, prueba a meterle un
espacio.
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de [EMAIL PROTECTED]
Enviado el: miércoles, 25 de mayo de 2005 20:35
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] pie de foto...
Buenas Enrique:
¿Por qué ocultas el div?. No tiene sentido.
Prueba la propiedad content. Te permite meter texto predefinido para un
estilo determinado.
Un saludo y suerte.
Mensaje citado por Enrique [EMAIL PROTECTED]:
Hola:
Tengo la siguiente css:
#galeria1 {
position:absolute;
width:400px;
height:300px;
top:30px;
left:20px;
border:1px solid #000;
background-image:url(imagen/fotos2003-2004/foto1.jpg);
visibility:hidden;
}
Y el siguiente html:
div id=galeria1/div
Bien, el tema es que el contenido es una foto, y quiero que salga con un
pie
de foto
parece mentira, lo sé, pero no sé
Me estoy liando. Si alguien pudiera echar un poco de luz a mi torpeza
celebrar.
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://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
___
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
Re: [Ovillo] pie de foto...
On 5/25/05, Enrique [EMAIL PROTECTED] wrote: Perdón, no lo dije todo se supone que cuando pasas el ratón por un miniatura de la foto sale el div escondido. Y como son muchas, para no cargar el html,los puse en el css...no sé si me explico...a estas horas Gracias por contestar No es una idea my afortunada el poner las imágenes como background. En una galería, las imágenes son contenido y para esto tienes el elemento img, olvídate de los fondos, que solo deben ser para imágenes que cumplan funciones decorativas. Luego tienes el problema de cómo codificar un pié de foto en HTML. La mejor solución parece usar una lista de definición con la imagen y el pié (que 'define' a la foto). Un buen pié de foto puede ser un buen texto alternativo a la foto así que quizás puedes usarlo también como valor del atributo alt. Con esto ya tienes tu galería. Ahora entra el departamente de efectos especiales. Lo primero es decir que no parece muy recomendable , sin conocer los detalles, eso de andar jugando a pasar el ratón por encima para encontrar el pié de foto. O me interesa ese texto y quiero que me lo muestres directamente o bien no me interesa, con lo cuál puedes ahorrarte trabajo y a mi esfuerzo mental. Supongamos que pasas del consejo o bien que resulta que por las características de tu página resulta que sí tiene sentido. Entonces lo que podrías hacer sería que el javascript primero eliminase todos los dd de la lista y a continuación añada un evento onhover a la imagen que coja el texto del atributo alt (hemos quedado en que era lo mismo que el pié) y lo coloque sobre la imagen. Dunstan Orchard tenía algo [1] que era bastante chulo de primeras pero que en realidad no molaba demasiado. Él crea los caption con js a partir del elemento title de la imagen, pero yo le veo a esto dos problemas serios: a) Sin javascript no hay pié b) El atributo title no me parece el más adecuado para esta información, al menos en el sentido que se usa en las imágenes de periódicos o revistas o en el ejemplo de Dunstan, donde el texto claramente pertenece a alt. [1] Javascript image captions demonstration. http://demo.1976design.com/image-captions/ -- Manuel a veces :) a veces :( pero siempre trabajando duro para Simplelógica: apariencia, experiencia y comunicación en la web. http://simplelogica.net # (+34) 985 22 12 65 ¡Ah! y escribiendo en Logicola: http://simplelogica.net/logicola/ ___ 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
Re: [Ovillo] Pie de Foto
Está muy bien, enhorabuena:
Unos detalles:
1) No sé quien comentó ayer que el contenido (las imágenes), no debe ir unido a
la apariencia (la lista). Mi consejo es que hagas lo siguiente:
ul
li class=estiloa href=enlace onfocus=blur()img
src=imagen.gif //a/li
/ul
y luego:
style
a{cursor: pointer} /*Te pone la manita indicando que se trata de un enlace.*/
img {border: 0px; margin: 0px; padding: 0px}
/style
Así, si tuvieras que volver a hacer la galería con otras fotos, ya no tendrías
que tocar la css para nada, sólo deberías cambiar las rutas de las imágenes en
el documento.
2) Las fotos grandes pesan 35 kb. En muchas guías de estilo se aconseja no
sobrepasar los 20 kb en la medida de lo posible.
Espero haberte sido de ayuda.
Un saludo
Mensaje citado por Enrique [EMAIL PROTECTED]:
No sé si lo estoy haciendo bien, hasta el momento me sale más o menos esto:
http://81.202.124.62/Clientes/AMPA/galeria.htm
Sólo funciona las dos primeras, decirme que os parece.
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://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
Re: [Ovillo] pie de foto...
Enrique wrote: Perdón, no lo dije todo se supone que cuando pasas el ratón por un miniatura de la foto sale el div escondido. Y como son muchas, para no cargar el html,los puse en el css...no sé si me explico...a estas horas Puedes basarte en el script http://www.kryogenix.org/code/browser/nicetitle/ que coje los titles de los enlaces y genera 'tips' al vuelo que con un poco de maña pueden quedar muy aparentes. Lo bueno de este metodo es que no es intrusivo y sin el script, los titles aparecen según los tenga el navegador preestablecidos, -- Saludos -=stripTM=- ___ 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
Re: [Ovillo] pie de foto...
Hola, Enrique escribi: div id=galeria1/div Bien, el tema es que *el contenido* es una foto, y quiero que salga con un pie de fotoparece mentira, lo s, pero no s Vos lo dijiste... si el contenido es una foto, entonces debera ir como: img src=imagen/fotos2003-2004/foto1.jpg alt=... / Me estoy liando. Si alguien pudiera echar un poco de luz a mi torpeza celebrar. Para el texto al pie pods agregar: pPie de foto/p y listo, Saludos -- Camilo Kawern 27Sur comunicacin diseo http://www.27sur.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://ovillo.org/mailman/listinfo/ovillo
RE: [Ovillo] pie de foto...
Perdón, no lo dije todo se supone que cuando pasas el ratón por un
miniatura de la foto sale el div escondido. Y como son muchas, para no
cargar el html,los puse en el css...no sé si me explico...a estas horas
Gracias por contestar
Tengo la siguiente css:
#galeria1 {
position:absolute;
width:400px;
height:300px;
top:30px;
left:20px;
border:1px solid #000;
background-image:url(imagen/fotos2003-2004/foto1.jpg);
visibility:hidden;
}
Y el siguiente html:
div id=galeria1/div
Bien, el tema es que el contenido es una foto, y quiero que salga con un
pie
de foto
parece mentira, lo sé, pero no sé
Me estoy liando. Si alguien pudiera echar un poco de luz a mi torpeza
celebrar.
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://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
___
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
