RE: [Ovillo] pie de foto...

2005-05-26 Por tema Adriana Pertierra
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...

2005-05-26 Por tema Manuel González Noriega
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


[Ovillo] Pie de Foto

2005-05-26 Por tema Enrique
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


Re: [Ovillo] Pie de Foto

2005-05-26 Por tema jalvarez
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...

2005-05-26 Por tema stripTM

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...

2005-05-25 Por tema Camilo Kawerín

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...

2005-05-25 Por tema Enrique

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


Re[2]: [Ovillo] pie de foto...

2005-05-25 Por tema Raúl Martín
Hola Enrique,

 Yo hace tiempo hice esto pa un amiguete:
www.ubicuit.net/galeriaCSS.htm

  Eso pa la maquetación, que por supuesto tiene limitaciones con
  el tamaño de texto que puede tener y cosas así

 En cuanto a la feature chachi de mostrar la imagen cuando pase el
 ratón, lo implementaría con javascript aparte, nada de integrado
 en el html.

 Como?
 Un bucle que recorre todos los img (por ejemplo con un class de
 terminado) le coloca el evento onmouseover y out. estos llaman a
 una capa que le cambias el fondo según quien llame el evento
 (parámetro) y que posicionas absolutamente al lado del ratón.

 Un saludo :)


Wednesday, May 25, 2005, 9:59:49 PM, you wrote:


E Perdón, no lo dije todo se supone que cuando pasas el ratón por un
E miniatura de la foto sale el div escondido. Y como son muchas, para no
E cargar el html,los puse en el css...no sé si me explico...a estas horas
E 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
 


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

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




Saludos.

_

 Todo lo que no aprendí,
no se me ha olvidado.
_



___
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