Re: [Ovillo] Mostrar capa sobre imagenes al hacer mouseover
Nota: h2 es elemento de bloque. a es elemento inline h2 no puede ir dentro de a si quieres que el código valide. Saludos, Ramón. Jairo escribió: Tengo este codigo html (que puedo cambiar si fuese necesario) div class=post a href=enlace.php h2spanmi titulo/span/h2 img class=thumbnail src=imagen.jpg / /a /div ___ 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
Re: [Ovillo] Mostrar capa sobre imagenes al hacer mouseover
Hola, Te refieres a validación W3C? Tal cual está funciona en todos los navegadores - Mac OS: Firefox, Camino, Chrome, Safari, Opera, SeaMonkey y Netscape - Windows XP: Firefox - Windows 7: Firefox, Explorer 8 Y falla en: - Windows XP: Explorer 6 Todas las capas las muestra sobre el primer elemento. En pantalla se muestra un grid de 5x3 elemetos .post Supongo que el error se debe a los valores de css position Ahora, he hecho el cambio que sugieres div class=post h2a href=enlacespanMi titulo/span/a/h2 a href=enlaceimg class=thumbnail src=imagen.jpg //a /div En el css, cambio lo que comentaron en el anterior email por esto .post:hover h2 { display:block; } Estéticamente el efecto es el mismo salvo que la zona de enlace se restringe sólo a al texto. Es decir, si antes daba igual donde hiceiese click, porque siempre se abría la página, ahora sólo funciona si hago click sobre las letras del título. ¿Qué alternativa sugieres que valide y que funcione de igual forma? Saludos, -- Jairo Ochoa El 15 de abril de 2010 09:39, Ramón Corominas lis...@ramoncorominas.comescribió: Nota: h2 es elemento de bloque. a es elemento inline h2 no puede ir dentro de a si quieres que el código valide. Saludos, Ramón. Jairo escribió: Tengo este codigo html (que puedo cambiar si fuese necesario) div class=post a href=enlace.php h2spanmi titulo/span/h2 img class=thumbnail src=imagen.jpg / /a /div ___ 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
Re: [Ovillo] Mostrar capa sobre imagenes al hacer mouseover
Enlaza el link que le pones a la imagen y ya está. div class=post h2a href=mipagina.htmlspanMi titulo/span/a/h2 a href=mipagina.htmlimg class=thumbnail src=imagen.jpg //a /div Carlos Acero Sánchez Dpto. Sistemas Aguirre Newman -Mensaje original- De: ovillo-boun...@lists.ovillo.org [mailto:ovillo-boun...@lists.ovillo.org] En nombre de Jairo Ochoa Enviado el: jueves, 15 de abril de 2010 12:26 Para: Ovillo, la lista de CSS en castellano Asunto: [Correo sospechoso] Re: [Ovillo] Mostrar capa sobre imagenes al hacer mouseover Hola, Te refieres a validación W3C? Tal cual está funciona en todos los navegadores - Mac OS: Firefox, Camino, Chrome, Safari, Opera, SeaMonkey y Netscape - Windows XP: Firefox - Windows 7: Firefox, Explorer 8 Y falla en: - Windows XP: Explorer 6 Todas las capas las muestra sobre el primer elemento. En pantalla se muestra un grid de 5x3 elemetos .post Supongo que el error se debe a los valores de css position Ahora, he hecho el cambio que sugieres div class=post h2a href=enlacespanMi titulo/span/a/h2 a href=enlaceimg class=thumbnail src=imagen.jpg //a /div En el css, cambio lo que comentaron en el anterior email por esto .post:hover h2 { display:block; } Estéticamente el efecto es el mismo salvo que la zona de enlace se restringe sólo a al texto. Es decir, si antes daba igual donde hiceiese click, porque siempre se abría la página, ahora sólo funciona si hago click sobre las letras del título. ¿Qué alternativa sugieres que valide y que funcione de igual forma? Saludos, -- Jairo Ochoa El 15 de abril de 2010 09:39, Ramón Corominas lis...@ramoncorominas.comescribió: Nota: h2 es elemento de bloque. a es elemento inline h2 no puede ir dentro de a si quieres que el código valide. Saludos, Ramón. Jairo escribió: Tengo este codigo html (que puedo cambiar si fuese necesario) div class=post a href=enlace.php h2spanmi titulo/span/h2 img class=thumbnail src=imagen.jpg / /a /div ___ 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 En cumplimiento de la Ley 15/1999, de 13 de diciembre, de Protección de Datos de Carácter Personal, le informamos que los datos de carácter personal utilizados para la presente comunicación proceden de un fichero de datos de carácter personal titularidad de Aguirre Newman, S.A., debidamente notificado ante la Agencia Española de Protección de Datos, cuya finalidad es la gestión (control, mantenimiento y archivo de la documentación) de la relación que mantiene con el GRUPO AGUIRRE NEWMAN y la comunicación con terceros. Dichos datos, por consiguiente, han sido incorporados o serán incorporados en dicho fichero para los usos y finalidades indicadas, pudiendo ser objeto de comunicación a las Compañías que integran el GRUPO AGUIRRE NEWMAN, cuya identidad podrá consultar en el aviso legal de la página web corporativa www.aguirrenewman.es, cuando sea necesario y/o pertinente para el cumplimiento de las finalidades señaladas. Si Ud. no consintiese la utilización del correo electrónico para enviarle comunicaciones electrónicas, la comunicación de sus datos de contacto al resto de empresas del GRUPO AGUIRRE NEWMAN o deseara revocar su consentimiento al tratamiento de sus datos, podrá hacerlo mediante un correo electrónico dirigido a asesoriajurid...@aguirrenewman.es. Asimismo, si Ud. desea ejercitar sus derechos de acceso, rectificación, cancelación y oposición podrá hacerlo dirigiéndose por escrito al Departamento de Asesoría Jurídica de Aguirre Newman, S.A., calle General Lacy número 23, C.P. 28045 Madrid, remitiendo, junto con la solicitud, una fotocopia de un documento oficial de identificación (DNI, Pasaporte, etc). According to Spanish Data Protection Law 15/1999, we hereby inform that the personal data used in this communication come from an automated data filed owned by Aguirre Newman, S.A., which has been duly notified to the Spanish Data Protection Agency, and whose purpose is managing (control, maintenance and archiving) the relationship you hold with GRUPO AGUIRRE NEWMAN and its communication with third parties. Such personal data has been included within the referred data file for the uses and purposes above-mentioned and may be transferred to other companies of the AGUIRRE NEWMAN Group, when necessary for the compliance of the purposes above-mentioned. The companies that form the AGUIRRE NEWMAN GROUP are listed in the legal
Re: [Ovillo] Mostrar capa sobre imagenes al hacer mouseover
Lo he probado también, pero al estar h2 sobre la imagen, la 'tapa' y el enlace que hay debajo no funciona. h2 tiene un width y height del mismo tamaño que la imagen para que así el png que es background de h2 deje ver la imagen con transparencia. :-( -- Jairo Ochoa El 15 de abril de 2010 12:51, Carlos Acero Sánchez carlos.ac...@aguirrenewman.es escribió: Enlaza el link que le pones a la imagen y ya está. div class=post h2a href=mipagina.htmlspanMi titulo/span/a/h2 a href=mipagina.htmlimg class=thumbnail src=imagen.jpg //a /div Carlos Acero Sánchez Dpto. Sistemas Aguirre Newman -Mensaje original- De: ovillo-boun...@lists.ovillo.org [mailto: ovillo-boun...@lists.ovillo.org] En nombre de Jairo Ochoa Enviado el: jueves, 15 de abril de 2010 12:26 Para: Ovillo, la lista de CSS en castellano Asunto: [Correo sospechoso] Re: [Ovillo] Mostrar capa sobre imagenes al hacer mouseover Hola, Te refieres a validación W3C? Tal cual está funciona en todos los navegadores - Mac OS: Firefox, Camino, Chrome, Safari, Opera, SeaMonkey y Netscape - Windows XP: Firefox - Windows 7: Firefox, Explorer 8 Y falla en: - Windows XP: Explorer 6 Todas las capas las muestra sobre el primer elemento. En pantalla se muestra un grid de 5x3 elemetos .post Supongo que el error se debe a los valores de css position Ahora, he hecho el cambio que sugieres div class=post h2a href=enlacespanMi titulo/span/a/h2 a href=enlaceimg class=thumbnail src=imagen.jpg //a /div En el css, cambio lo que comentaron en el anterior email por esto .post:hover h2 { display:block; } Estéticamente el efecto es el mismo salvo que la zona de enlace se restringe sólo a al texto. Es decir, si antes daba igual donde hiceiese click, porque siempre se abría la página, ahora sólo funciona si hago click sobre las letras del título. ¿Qué alternativa sugieres que valide y que funcione de igual forma? Saludos, -- Jairo Ochoa El 15 de abril de 2010 09:39, Ramón Corominas lis...@ramoncorominas.comescribió: Nota: h2 es elemento de bloque. a es elemento inline h2 no puede ir dentro de a si quieres que el código valide. Saludos, Ramón. Jairo escribió: Tengo este codigo html (que puedo cambiar si fuese necesario) div class=post a href=enlace.php h2spanmi titulo/span/h2 img class=thumbnail src=imagen.jpg / /a /div ___ 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 En cumplimiento de la Ley 15/1999, de 13 de diciembre, de Protección de Datos de Carácter Personal, le informamos que los datos de carácter personal utilizados para la presente comunicación proceden de un fichero de datos de carácter personal titularidad de Aguirre Newman, S.A., debidamente notificado ante la Agencia Española de Protección de Datos, cuya finalidad es la gestión (control, mantenimiento y archivo de la documentación) de la relación que mantiene con el GRUPO AGUIRRE NEWMAN y la comunicación con terceros. Dichos datos, por consiguiente, han sido incorporados o serán incorporados en dicho fichero para los usos y finalidades indicadas, pudiendo ser objeto de comunicación a las Compañías que integran el GRUPO AGUIRRE NEWMAN, cuya identidad podrá consultar en el aviso legal de la página web corporativa www.aguirrenewman.es, cuando sea necesario y/o pertinente para el cumplimiento de las finalidades señaladas. Si Ud. no consintiese la utilización del correo electrónico para enviarle comunicaciones electrónicas, la comunicación de sus datos de contacto al resto de empresas del GRUPO AGUIRRE NEWMAN o deseara revocar su consentimiento al tratamiento de sus datos, podrá hacerlo mediante un correo electrónico dirigido a asesoriajurid...@aguirrenewman.es. Asimismo, si Ud. desea ejercitar sus derechos de acceso, rectificación, cancelación y oposición podrá hacerlo dirigiéndose por escrito al Departamento de Asesoría Jurídica de Aguirre Newman, S.A., calle General Lacy número 23, C.P. 28045 Madrid, remitiendo, junto con la solicitud, una fotocopia de un documento oficial de identificación (DNI, Pasaporte, etc). According to Spanish Data Protection Law 15/1999, we hereby inform that the personal data used in this communication come from an automated data filed owned by Aguirre Newman, S.A., which has been duly notified to the Spanish Data Protection Agency, and whose purpose is managing (control,
Re: [Ovillo] Mostrar capa sobre imagenes al hacer mouseover
Yo me preguntaría... ¿Es realmente necesario que ese título sea un h2? Tal como lo veo a lo mejor es más práctico que pongas un simple span. Otra opción, si realmente es un h2 que encabeza algo más que la imagen, podría ser meter dentro del h2 el enlace y que incluya tanto al título como a la imagen. Y a ser posible un solo enlace, porque si no eso puede ser repetitivo para el usuario de lector de pantalla. Y por cierto, a la imagen le deberías poner un texto alternativo con el atributo alt. Algo así, tal vez (suponiendo que hay contenido detrás, si no lo suyo sería no poner h2): div ... h2a href=... span class=txtMi título/span span class=imgimg src=... alt=... //span /a/h2 ... otros contenidos a los que da título el h2 /div Saludos, Ramón. Jairo escribió: Lo he probado también, pero al estar h2 sobre la imagen, la 'tapa' y el enlace que hay debajo no funciona. h2 tiene un width y height del mismo tamaño que la imagen para que así el png que es background de h2 deje ver la imagen con transparencia. :-( -- Jairo Ochoa El 15 de abril de 2010 12:51, Carlos Acero Sánchez carlos.ac...@aguirrenewman.es escribió: Enlaza el link que le pones a la imagen y ya está. div class=post h2a href=mipagina.htmlspanMi titulo/span/a/h2 a href=mipagina.htmlimg class=thumbnail src=imagen.jpg //a /div Carlos Acero Sánchez Dpto. Sistemas Aguirre Newman -Mensaje original- De: ovillo-boun...@lists.ovillo.org [mailto: ovillo-boun...@lists.ovillo.org] En nombre de Jairo Ochoa Enviado el: jueves, 15 de abril de 2010 12:26 Para: Ovillo, la lista de CSS en castellano Asunto: [Correo sospechoso] Re: [Ovillo] Mostrar capa sobre imagenes al hacer mouseover Hola, Te refieres a validación W3C? Tal cual está funciona en todos los navegadores - Mac OS: Firefox, Camino, Chrome, Safari, Opera, SeaMonkey y Netscape - Windows XP: Firefox - Windows 7: Firefox, Explorer 8 Y falla en: - Windows XP: Explorer 6 Todas las capas las muestra sobre el primer elemento. En pantalla se muestra un grid de 5x3 elemetos .post Supongo que el error se debe a los valores de css position Ahora, he hecho el cambio que sugieres div class=post h2a href=enlacespanMi titulo/span/a/h2 a href=enlaceimg class=thumbnail src=imagen.jpg //a /div En el css, cambio lo que comentaron en el anterior email por esto .post:hover h2 { display:block; } Estéticamente el efecto es el mismo salvo que la zona de enlace se restringe sólo a al texto. Es decir, si antes daba igual donde hiceiese click, porque siempre se abría la página, ahora sólo funciona si hago click sobre las letras del título. ¿Qué alternativa sugieres que valide y que funcione de igual forma? Saludos, -- Jairo Ochoa El 15 de abril de 2010 09:39, Ramón Corominas lis...@ramoncorominas.comescribió: Nota: h2 es elemento de bloque. a es elemento inline h2 no puede ir dentro de a si quieres que el código valide. Saludos, Ramón. Jairo escribió: Tengo este codigo html (que puedo cambiar si fuese necesario) div class=post a href=enlace.php h2spanmi titulo/span/h2 img class=thumbnail src=imagen.jpg / /a /div ___ 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 En cumplimiento de la Ley 15/1999, de 13 de diciembre, de Protección de Datos de Carácter Personal, le informamos que los datos de carácter personal utilizados para la presente comunicación proceden de un fichero de datos de carácter personal titularidad de Aguirre Newman, S.A., debidamente notificado ante la Agencia Española de Protección de Datos, cuya finalidad es la gestión (control, mantenimiento y archivo de la documentación) de la relación que mantiene con el GRUPO AGUIRRE NEWMAN y la comunicación con terceros. Dichos datos, por consiguiente, han sido incorporados o serán incorporados en dicho fichero para los usos y finalidades indicadas, pudiendo ser objeto de comunicación a las Compañías que integran el GRUPO AGUIRRE NEWMAN, cuya identidad podrá consultar en el aviso legal de la página web corporativa www.aguirrenewman.es, cuando sea necesario y/o pertinente para el cumplimiento de las finalidades señaladas. Si Ud. no consintiese la utilización del correo electrónico para enviarle comunicaciones electrónicas, la comunicación de sus datos de contacto al resto de empresas del GRUPO AGUIRRE NEWMAN o deseara revocar su consentimiento al tratamiento de sus datos, podrá hacerlo mediante un correo
Re: [Ovillo] Mostrar capa sobre imagenes al hacer mouseover
Tal vez dando el mismo ancho y alto al enlace te pueda apañar. No sé si te descolocará algo... .post h2 a { display:block; width:110px; height:110px; } Carlos Acero Sánchez Dpto. Sistemas Aguirre Newman Madrid C/ General Lacy, 23. 28045 Madrid T +31 91 319 13 14 F +34 91 319 87 57 carlos.ac...@aguirrenewman.es www.aguirrenewman.com Sé ecológico, antes de imprimir este e-mail piense bien si es necesario hacerlo -Mensaje original- De: ovillo-boun...@lists.ovillo.org [mailto:ovillo-boun...@lists.ovillo.org] En nombre de Jairo Ochoa Enviado el: jueves, 15 de abril de 2010 12:57 Para: Ovillo, la lista de CSS en castellano Asunto: [Correo sospechoso] Re: [Ovillo] Mostrar capa sobre imagenes al hacer mouseover Lo he probado también, pero al estar h2 sobre la imagen, la 'tapa' y el enlace que hay debajo no funciona. h2 tiene un width y height del mismo tamaño que la imagen para que así el png que es background de h2 deje ver la imagen con transparencia. :-( -- Jairo Ochoa El 15 de abril de 2010 12:51, Carlos Acero Sánchez carlos.ac...@aguirrenewman.es escribió: Enlaza el link que le pones a la imagen y ya está. div class=post h2a href=mipagina.htmlspanMi titulo/span/a/h2 a href=mipagina.htmlimg class=thumbnail src=imagen.jpg //a /div Carlos Acero Sánchez Dpto. Sistemas Aguirre Newman -Mensaje original- De: ovillo-boun...@lists.ovillo.org [mailto: ovillo-boun...@lists.ovillo.org] En nombre de Jairo Ochoa Enviado el: jueves, 15 de abril de 2010 12:26 Para: Ovillo, la lista de CSS en castellano Asunto: [Correo sospechoso] Re: [Ovillo] Mostrar capa sobre imagenes al hacer mouseover Hola, Te refieres a validación W3C? Tal cual está funciona en todos los navegadores - Mac OS: Firefox, Camino, Chrome, Safari, Opera, SeaMonkey y Netscape - Windows XP: Firefox - Windows 7: Firefox, Explorer 8 Y falla en: - Windows XP: Explorer 6 Todas las capas las muestra sobre el primer elemento. En pantalla se muestra un grid de 5x3 elemetos .post Supongo que el error se debe a los valores de css position Ahora, he hecho el cambio que sugieres div class=post h2a href=enlacespanMi titulo/span/a/h2 a href=enlaceimg class=thumbnail src=imagen.jpg //a /div En el css, cambio lo que comentaron en el anterior email por esto .post:hover h2 { display:block; } Estéticamente el efecto es el mismo salvo que la zona de enlace se restringe sólo a al texto. Es decir, si antes daba igual donde hiceiese click, porque siempre se abría la página, ahora sólo funciona si hago click sobre las letras del título. ¿Qué alternativa sugieres que valide y que funcione de igual forma? Saludos, -- Jairo Ochoa El 15 de abril de 2010 09:39, Ramón Corominas lis...@ramoncorominas.comescribió: Nota: h2 es elemento de bloque. a es elemento inline h2 no puede ir dentro de a si quieres que el código valide. Saludos, Ramón. Jairo escribió: Tengo este codigo html (que puedo cambiar si fuese necesario) div class=post a href=enlace.php h2spanmi titulo/span/h2 img class=thumbnail src=imagen.jpg / /a /div ___ 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 En cumplimiento de la Ley 15/1999, de 13 de diciembre, de Protección de Datos de Carácter Personal, le informamos que los datos de carácter personal utilizados para la presente comunicación proceden de un fichero de datos de carácter personal titularidad de Aguirre Newman, S.A., debidamente notificado ante la Agencia Española de Protección de Datos, cuya finalidad es la gestión (control, mantenimiento y archivo de la documentación) de la relación que mantiene con el GRUPO AGUIRRE NEWMAN y la comunicación con terceros. Dichos datos, por consiguiente, han sido incorporados o serán incorporados en dicho fichero para los usos y finalidades indicadas, pudiendo ser objeto de comunicación a las Compañías que integran el GRUPO AGUIRRE NEWMAN, cuya identidad podrá consultar en el aviso legal de la página web corporativa www.aguirrenewman.es, cuando sea necesario y/o pertinente para el cumplimiento de las finalidades señaladas. Si Ud. no consintiese la utilización del correo electrónico para enviarle comunicaciones electrónicas, la comunicación de sus datos de contacto al resto de empresas del GRUPO AGUIRRE NEWMAN o deseara revocar su consentimiento al tratamiento de sus datos, podrá hacerlo mediante un correo electrónico dirigido a
Re: [Ovillo] Mostrar capa sobre imagenes al hacer mouseover
Voy a probar esta opción, yo daba tamaño al span y este sólo cogía el tamaño del texto. -- Jairo Ochoa El 15 de abril de 2010 13:06, Carlos Acero Sánchez carlos.ac...@aguirrenewman.es escribió: Tal vez dando el mismo ancho y alto al enlace te pueda apañar. No sé si te descolocará algo... .post h2 a { display:block; width:110px; height:110px; } Carlos Acero Sánchez Dpto. Sistemas Aguirre Newman Madrid C/ General Lacy, 23. 28045 Madrid T +31 91 319 13 14 F +34 91 319 87 57 carlos.ac...@aguirrenewman.es www.aguirrenewman.com Sé ecológico, antes de imprimir este e-mail piense bien si es necesario hacerlo -Mensaje original- De: ovillo-boun...@lists.ovillo.org [mailto: ovillo-boun...@lists.ovillo.org] En nombre de Jairo Ochoa Enviado el: jueves, 15 de abril de 2010 12:57 Para: Ovillo, la lista de CSS en castellano Asunto: [Correo sospechoso] Re: [Ovillo] Mostrar capa sobre imagenes al hacer mouseover Lo he probado también, pero al estar h2 sobre la imagen, la 'tapa' y el enlace que hay debajo no funciona. h2 tiene un width y height del mismo tamaño que la imagen para que así el png que es background de h2 deje ver la imagen con transparencia. :-( -- Jairo Ochoa El 15 de abril de 2010 12:51, Carlos Acero Sánchez carlos.ac...@aguirrenewman.es escribió: Enlaza el link que le pones a la imagen y ya está. div class=post h2a href=mipagina.htmlspanMi titulo/span/a/h2 a href=mipagina.htmlimg class=thumbnail src=imagen.jpg //a /div Carlos Acero Sánchez Dpto. Sistemas Aguirre Newman -Mensaje original- De: ovillo-boun...@lists.ovillo.org [mailto: ovillo-boun...@lists.ovillo.org] En nombre de Jairo Ochoa Enviado el: jueves, 15 de abril de 2010 12:26 Para: Ovillo, la lista de CSS en castellano Asunto: [Correo sospechoso] Re: [Ovillo] Mostrar capa sobre imagenes al hacer mouseover Hola, Te refieres a validación W3C? Tal cual está funciona en todos los navegadores - Mac OS: Firefox, Camino, Chrome, Safari, Opera, SeaMonkey y Netscape - Windows XP: Firefox - Windows 7: Firefox, Explorer 8 Y falla en: - Windows XP: Explorer 6 Todas las capas las muestra sobre el primer elemento. En pantalla se muestra un grid de 5x3 elemetos .post Supongo que el error se debe a los valores de css position Ahora, he hecho el cambio que sugieres div class=post h2a href=enlacespanMi titulo/span/a/h2 a href=enlaceimg class=thumbnail src=imagen.jpg //a /div En el css, cambio lo que comentaron en el anterior email por esto .post:hover h2 { display:block; } Estéticamente el efecto es el mismo salvo que la zona de enlace se restringe sólo a al texto. Es decir, si antes daba igual donde hiceiese click, porque siempre se abría la página, ahora sólo funciona si hago click sobre las letras del título. ¿Qué alternativa sugieres que valide y que funcione de igual forma? Saludos, -- Jairo Ochoa El 15 de abril de 2010 09:39, Ramón Corominas lis...@ramoncorominas.comescribió: Nota: h2 es elemento de bloque. a es elemento inline h2 no puede ir dentro de a si quieres que el código valide. Saludos, Ramón. Jairo escribió: Tengo este codigo html (que puedo cambiar si fuese necesario) div class=post a href=enlace.php h2spanmi titulo/span/h2 img class=thumbnail src=imagen.jpg / /a /div ___ 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 En cumplimiento de la Ley 15/1999, de 13 de diciembre, de Protección de Datos de Carácter Personal, le informamos que los datos de carácter personal utilizados para la presente comunicación proceden de un fichero de datos de carácter personal titularidad de Aguirre Newman, S.A., debidamente notificado ante la Agencia Española de Protección de Datos, cuya finalidad es la gestión (control, mantenimiento y archivo de la documentación) de la relación que mantiene con el GRUPO AGUIRRE NEWMAN y la comunicación con terceros. Dichos datos, por consiguiente, han sido incorporados o serán incorporados en dicho fichero para los usos y finalidades indicadas, pudiendo ser objeto de comunicación a las Compañías que integran el GRUPO AGUIRRE NEWMAN, cuya identidad podrá consultar en el aviso legal de la página web corporativa www.aguirrenewman.es, cuando sea necesario y/o pertinente para el cumplimiento de las finalidades
Re: [Ovillo] Mostrar capa sobre imagenes al hacer mouseover
Voy a probar. Aunque la imagen no puede ir dentro del H2 ya que está presente antes de que se muestre el H2 y queda debajo, tapada por el background/mascara del H2 El H2 lo utilizo porque el H1 da título a la página y los H2 son los enlaces a las páginas relacionadas. Otra opción que se me ocurre es contener todo un div y reemplazar el span por un h2 ¿Cometería el mismo fallo de validación si el a encierra el div y este a su vez al h2? Saludos -- Jairo Ochoa El 15 de abril de 2010 13:05, Ramón Corominas lis...@ramoncorominas.comescribió: Yo me preguntaría... ¿Es realmente necesario que ese título sea un h2? Tal como lo veo a lo mejor es más práctico que pongas un simple span. Otra opción, si realmente es un h2 que encabeza algo más que la imagen, podría ser meter dentro del h2 el enlace y que incluya tanto al título como a la imagen. Y a ser posible un solo enlace, porque si no eso puede ser repetitivo para el usuario de lector de pantalla. Y por cierto, a la imagen le deberías poner un texto alternativo con el atributo alt. Algo así, tal vez (suponiendo que hay contenido detrás, si no lo suyo sería no poner h2): div ... h2a href=... span class=txtMi título/span span class=imgimg src=... alt=... //span /a/h2 ... otros contenidos a los que da título el h2 /div Saludos, Ramón. Jairo escribió: Lo he probado también, pero al estar h2 sobre la imagen, la 'tapa' y el enlace que hay debajo no funciona. h2 tiene un width y height del mismo tamaño que la imagen para que así el png que es background de h2 deje ver la imagen con transparencia. :-( -- Jairo Ochoa El 15 de abril de 2010 12:51, Carlos Acero Sánchez carlos.ac...@aguirrenewman.es escribió: Enlaza el link que le pones a la imagen y ya está. div class=post h2a href=mipagina.htmlspanMi titulo/span/a/h2 a href=mipagina.htmlimg class=thumbnail src=imagen.jpg //a /div Carlos Acero Sánchez Dpto. Sistemas Aguirre Newman -Mensaje original- De: ovillo-boun...@lists.ovillo.org [mailto: ovillo-boun...@lists.ovillo.org] En nombre de Jairo Ochoa Enviado el: jueves, 15 de abril de 2010 12:26 Para: Ovillo, la lista de CSS en castellano Asunto: [Correo sospechoso] Re: [Ovillo] Mostrar capa sobre imagenes al hacer mouseover Hola, Te refieres a validación W3C? Tal cual está funciona en todos los navegadores - Mac OS: Firefox, Camino, Chrome, Safari, Opera, SeaMonkey y Netscape - Windows XP: Firefox - Windows 7: Firefox, Explorer 8 Y falla en: - Windows XP: Explorer 6 Todas las capas las muestra sobre el primer elemento. En pantalla se muestra un grid de 5x3 elemetos .post Supongo que el error se debe a los valores de css position Ahora, he hecho el cambio que sugieres div class=post h2a href=enlacespanMi titulo/span/a/h2 a href=enlaceimg class=thumbnail src=imagen.jpg //a /div En el css, cambio lo que comentaron en el anterior email por esto .post:hover h2 { display:block; } Estéticamente el efecto es el mismo salvo que la zona de enlace se restringe sólo a al texto. Es decir, si antes daba igual donde hiceiese click, porque siempre se abría la página, ahora sólo funciona si hago click sobre las letras del título. ¿Qué alternativa sugieres que valide y que funcione de igual forma? Saludos, -- Jairo Ochoa El 15 de abril de 2010 09:39, Ramón Corominas lis...@ramoncorominas.comescribió: Nota: h2 es elemento de bloque. a es elemento inline h2 no puede ir dentro de a si quieres que el código valide. Saludos, Ramón. Jairo escribió: Tengo este codigo html (que puedo cambiar si fuese necesario) div class=post a href=enlace.php h2spanmi titulo/span/h2 img class=thumbnail src=imagen.jpg / /a /div ___ 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 En cumplimiento de la Ley 15/1999, de 13 de diciembre, de Protección de Datos de Carácter Personal, le informamos que los datos de carácter personal utilizados para la presente comunicación proceden de un fichero de datos de carácter personal titularidad de Aguirre Newman, S.A., debidamente notificado ante la Agencia Española de Protección de Datos, cuya finalidad es la gestión (control, mantenimiento y archivo de la documentación) de la relación que mantiene con el GRUPO AGUIRRE NEWMAN y la comunicación con terceros. Dichos datos, por consiguiente, han sido
Re: [Ovillo] Ajustar lista al ancho del contenedor
Si el contenedor padre tiene definido su ancho, basta con hacer width: 100%;al tag que necesitas lo llene. Te recomendaría además que quites esos estilos de tu ul y los metas en algúna hoja css. No es necesario que le asignes clase o id, basta con #navbar ul {overflow:hidden ;border:1px solid #000;} Saludos! 2010/4/15 Rafa Artacho teme...@gmail.com Buenas tardes: Tengo un menú que será dinámico y que dependiendo de las necesidades contendrá un número variable de elementos. Necesitaría que la lista se adaptase al ancho del div contenedor (974px). El HTML del menú con 6 opciones: div id=navbar ul style=overflow:hidden;border:1px solid #000; liInicio/li liPelículas/li liMúsica/li liTeatro/li liExposiciones/li liCoches/li /ul /div ¿Sería posible hacer esto solamente con CSS o sería necesario usar JS? ___ 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 -- mario álvarez desarrollador web ___ 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
Re: [Ovillo] Ajustar lista al ancho del contenedor
Prueba a dividir el número de elementos li entre 100 y se le aplicas: 100/6 = 16.6 #navbar ul li { float:left; font-size:1.2em; color:#00FF00; padding:0 5px 0 10px; border-right:1px solid #000; text-align:right; width:16.6% } Carlos Acero Sánchez Dpto. Sistemas Aguirre Newman Madrid C/ General Lacy, 23. 28045 Madrid T +31 91 319 13 14 F +34 91 319 87 57 carlos.ac...@aguirrenewman.es www.aguirrenewman.com Sé ecológico, antes de imprimir este e-mail piense bien si es necesario hacerlo -Mensaje original- De: ovillo-boun...@lists.ovillo.org [mailto:ovillo-boun...@lists.ovillo.org] En nombre de Rafa Artacho Enviado el: jueves, 15 de abril de 2010 17:27 Para: Ovillo, la lista de CSS en castellano Asunto: [Correo sospechoso] Re: [Ovillo] Ajustar lista al ancho del contenedor He probado así: #navbar{color:#FF;width:974px;} #navbar ul{width:100%;} #navbar ul li{float:left;font-size:1.2em;color:#00FF00;padding:0 5px 0 10px;border-right:1px solid #000;text-align:right;} De este modo el ul queda extendido hasta el 100% del div #navbar, pero los li no se ajustan al 100% del ul. Si pongo 100% al li ocupa cada li el 100% del div #navbar. ¿Dónde sería el error? El style lo puse para ver visualmente hasta dónde se extendía el contenedor, cuando termine las pruebas lo quitaría. Gracias! 2010/4/15 Luis Mario Álvarez mag...@magrio.net Si el contenedor padre tiene definido su ancho, basta con hacer width: 100%;al tag que necesitas lo llene. Te recomendaría además que quites esos estilos de tu ul y los metas en algúna hoja css. No es necesario que le asignes clase o id, basta con #navbar ul {overflow:hidden ;border:1px solid #000;} Saludos! 2010/4/15 Rafa Artacho teme...@gmail.com Buenas tardes: Tengo un menú que será dinámico y que dependiendo de las necesidades contendrá un número variable de elementos. Necesitaría que la lista se adaptase al ancho del div contenedor (974px). El HTML del menú con 6 opciones: div id=navbar ul style=overflow:hidden;border:1px solid #000; liInicio/li liPelículas/li liMúsica/li liTeatro/li liExposiciones/li liCoches/li /ul /div ¿Sería posible hacer esto solamente con CSS o sería necesario usar JS? ___ 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 -- mario álvarez desarrollador web ___ 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 En cumplimiento de la Ley 15/1999, de 13 de diciembre, de Protección de Datos de Carácter Personal, le informamos que los datos de carácter personal utilizados para la presente comunicación proceden de un fichero de datos de carácter personal titularidad de Aguirre Newman, S.A., debidamente notificado ante la Agencia Española de Protección de Datos, cuya finalidad es la gestión (control, mantenimiento y archivo de la documentación) de la relación que mantiene con el GRUPO AGUIRRE NEWMAN y la comunicación con terceros. Dichos datos, por consiguiente, han sido incorporados o serán incorporados en dicho fichero para los usos y finalidades indicadas, pudiendo ser objeto de comunicación a las Compañías que integran el GRUPO AGUIRRE NEWMAN, cuya identidad podrá consultar en el aviso legal de la página web corporativa www.aguirrenewman.es, cuando sea necesario y/o pertinente para el cumplimiento de las finalidades señaladas. Si Ud. no consintiese la utilización del correo electrónico para enviarle comunicaciones electrónicas, la comunicación de sus datos de contacto al resto de empresas del GRUPO AGUIRRE NEWMAN o deseara revocar su consentimiento al tratamiento de sus datos, podrá hacerlo mediante un correo electrónico dirigido a asesoriajurid...@aguirrenewman.es. Asimismo, si Ud. desea ejercitar sus derechos de acceso, rectificación, cancelación y oposición podrá hacerlo dirigiéndose por escrito al Departamento de Asesoría Jurídica de Aguirre Newman, S.A., calle General Lacy número 23, C.P. 28045 Madrid, remitiendo, junto con la solicitud, una fotocopia de un documento oficial de identificación (DNI, Pasaporte, etc). According to
Re: [Ovillo] Ajustar lista al ancho del contenedor
El problema es el menú será dinámico por lo que en ocasiones pueden aparecer 6 elementos en el menú pero otras veces pueden aparecer 8, 10, 5... Con JS se puede lo que quería saber es si se puede hacer únicamente con CSS. Gracias! 2010/4/15 Carlos Acero Sánchez carlos.ac...@aguirrenewman.es Prueba a dividir el número de elementos li entre 100 y se le aplicas: 100/6 = 16.6 #navbar ul li { float:left; font-size:1.2em; color:#00FF00; padding:0 5px 0 10px; border-right:1px solid #000; text-align:right; width:16.6% } Carlos Acero Sánchez Dpto. Sistemas Aguirre Newman Madrid C/ General Lacy, 23. 28045 Madrid T +31 91 319 13 14 F +34 91 319 87 57 carlos.ac...@aguirrenewman.es www.aguirrenewman.com Sé ecológico, antes de imprimir este e-mail piense bien si es necesario hacerlo -Mensaje original- De: ovillo-boun...@lists.ovillo.org [mailto: ovillo-boun...@lists.ovillo.org] En nombre de Rafa Artacho Enviado el: jueves, 15 de abril de 2010 17:27 Para: Ovillo, la lista de CSS en castellano Asunto: [Correo sospechoso] Re: [Ovillo] Ajustar lista al ancho del contenedor He probado así: #navbar{color:#FF;width:974px;} #navbar ul{width:100%;} #navbar ul li{float:left;font-size:1.2em;color:#00FF00;padding:0 5px 0 10px;border-right:1px solid #000;text-align:right;} De este modo el ul queda extendido hasta el 100% del div #navbar, pero los li no se ajustan al 100% del ul. Si pongo 100% al li ocupa cada li el 100% del div #navbar. ¿Dónde sería el error? El style lo puse para ver visualmente hasta dónde se extendía el contenedor, cuando termine las pruebas lo quitaría. Gracias! 2010/4/15 Luis Mario Álvarez mag...@magrio.net Si el contenedor padre tiene definido su ancho, basta con hacer width: 100%;al tag que necesitas lo llene. Te recomendaría además que quites esos estilos de tu ul y los metas en algúna hoja css. No es necesario que le asignes clase o id, basta con #navbar ul {overflow:hidden ;border:1px solid #000;} Saludos! 2010/4/15 Rafa Artacho teme...@gmail.com Buenas tardes: Tengo un menú que será dinámico y que dependiendo de las necesidades contendrá un número variable de elementos. Necesitaría que la lista se adaptase al ancho del div contenedor (974px). El HTML del menú con 6 opciones: div id=navbar ul style=overflow:hidden;border:1px solid #000; liInicio/li liPelículas/li liMúsica/li liTeatro/li liExposiciones/li liCoches/li /ul /div ¿Sería posible hacer esto solamente con CSS o sería necesario usar JS? ___ 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 -- mario álvarez desarrollador web ___ 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 En cumplimiento de la Ley 15/1999, de 13 de diciembre, de Protección de Datos de Carácter Personal, le informamos que los datos de carácter personal utilizados para la presente comunicación proceden de un fichero de datos de carácter personal titularidad de Aguirre Newman, S.A., debidamente notificado ante la Agencia Española de Protección de Datos, cuya finalidad es la gestión (control, mantenimiento y archivo de la documentación) de la relación que mantiene con el GRUPO AGUIRRE NEWMAN y la comunicación con terceros. Dichos datos, por consiguiente, han sido incorporados o serán incorporados en dicho fichero para los usos y finalidades indicadas, pudiendo ser objeto de comunicación a las Compañías que integran el GRUPO AGUIRRE NEWMAN, cuya identidad podrá consultar en el aviso legal de la página web corporativa www.aguirrenewman.es, cuando sea necesario y/o pertinente para el cumplimiento de las finalidades señaladas. Si Ud. no consintiese la utilización del correo electrónico para enviarle comunicaciones electrónicas, la comunicación de sus datos de contacto al resto de empresas del GRUPO AGUIRRE NEWMAN o deseara revocar su consentimiento al tratamiento de sus datos, podrá hacerlo mediante un correo electrónico dirigido a asesoriajurid...@aguirrenewman.es. Asimismo, si Ud. desea ejercitar sus derechos de acceso,
Re: [Ovillo] Ajustar lista al ancho del contenedor
A mi no se me ocurre una forma de solucionar este problema con ul/li. Se que puede sonar mal pero los TD de las tablas si que se expanden y reparten hasta el 100% de su padre. Es una idea. El 15 de abril de 2010 17:39, Rafa Artacho teme...@gmail.com escribió: El problema es el menú será dinámico por lo que en ocasiones pueden aparecer 6 elementos en el menú pero otras veces pueden aparecer 8, 10, 5... Con JS se puede lo que quería saber es si se puede hacer únicamente con CSS. Gracias! 2010/4/15 Carlos Acero Sánchez carlos.ac...@aguirrenewman.es Prueba a dividir el número de elementos li entre 100 y se le aplicas: 100/6 = 16.6 #navbar ul li { float:left; font-size:1.2em; color:#00FF00; padding:0 5px 0 10px; border-right:1px solid #000; text-align:right; width:16.6% } Carlos Acero Sánchez Dpto. Sistemas Aguirre Newman Madrid C/ General Lacy, 23. 28045 Madrid T +31 91 319 13 14 F +34 91 319 87 57 carlos.ac...@aguirrenewman.es www.aguirrenewman.com Sé ecológico, antes de imprimir este e-mail piense bien si es necesario hacerlo -Mensaje original- De: ovillo-boun...@lists.ovillo.org [mailto: ovillo-boun...@lists.ovillo.org] En nombre de Rafa Artacho Enviado el: jueves, 15 de abril de 2010 17:27 Para: Ovillo, la lista de CSS en castellano Asunto: [Correo sospechoso] Re: [Ovillo] Ajustar lista al ancho del contenedor He probado así: #navbar{color:#FF;width:974px;} #navbar ul{width:100%;} #navbar ul li{float:left;font-size:1.2em;color:#00FF00;padding:0 5px 0 10px;border-right:1px solid #000;text-align:right;} De este modo el ul queda extendido hasta el 100% del div #navbar, pero los li no se ajustan al 100% del ul. Si pongo 100% al li ocupa cada li el 100% del div #navbar. ¿Dónde sería el error? El style lo puse para ver visualmente hasta dónde se extendía el contenedor, cuando termine las pruebas lo quitaría. Gracias! 2010/4/15 Luis Mario Álvarez mag...@magrio.net Si el contenedor padre tiene definido su ancho, basta con hacer width: 100%;al tag que necesitas lo llene. Te recomendaría además que quites esos estilos de tu ul y los metas en algúna hoja css. No es necesario que le asignes clase o id, basta con #navbar ul {overflow:hidden ;border:1px solid #000;} Saludos! 2010/4/15 Rafa Artacho teme...@gmail.com Buenas tardes: Tengo un menú que será dinámico y que dependiendo de las necesidades contendrá un número variable de elementos. Necesitaría que la lista se adaptase al ancho del div contenedor (974px). El HTML del menú con 6 opciones: div id=navbar ul style=overflow:hidden;border:1px solid #000; liInicio/li liPelículas/li liMúsica/li liTeatro/li liExposiciones/li liCoches/li /ul /div ¿Sería posible hacer esto solamente con CSS o sería necesario usar JS? ___ 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 -- mario álvarez desarrollador web ___ 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 En cumplimiento de la Ley 15/1999, de 13 de diciembre, de Protección de Datos de Carácter Personal, le informamos que los datos de carácter personal utilizados para la presente comunicación proceden de un fichero de datos de carácter personal titularidad de Aguirre Newman, S.A., debidamente notificado ante la Agencia Española de Protección de Datos, cuya finalidad es la gestión (control, mantenimiento y archivo de la documentación) de la relación que mantiene con el GRUPO AGUIRRE NEWMAN y la comunicación con terceros. Dichos datos, por consiguiente, han sido incorporados o serán incorporados en dicho fichero para los usos y finalidades indicadas, pudiendo ser objeto de comunicación a las Compañías que integran el GRUPO AGUIRRE NEWMAN, cuya identidad podrá consultar en el aviso legal de la página web corporativa www.aguirrenewman.es, cuando sea necesario y/o pertinente para el cumplimiento de las finalidades señaladas. Si Ud. no