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 < [email protected]> escribió: > Enlaza el link que le pones a la imagen y ya está. > > <div class="post"> > <h2><a href="mipagina.html"><span>Mi titulo</span></a></h2> > <a href="mipagina.html"><img class="thumbnail" src="imagen.jpg" /></a> > </div> > > Carlos Acero Sánchez > Dpto. Sistemas > Aguirre Newman > > -----Mensaje original----- > De: [email protected] [mailto: > [email protected]] 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"> > <h2><a href="enlace"><span>Mi titulo</span></a></h2> > <a href="enlace"><img 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 > <[email protected]>escribió: > > > 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"> > > >>> <h2><span>mi 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 [email protected] > > 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 [email protected] > 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 [email protected]. 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 notice of the > corporate web site www.aguirrenewman.es. > If you do not consent the use of you e-mail for sending electronic > communications, or transferring your personal data to the companies of the > AGUIRRE NEWMAN Group, or you want to revoke your consent, please send an > e-mail to [email protected]. In addition, if you want to > exercise your rights of access, rectification, cancellation and/or > opposition, please send a written request to the Legal Department of Aguirre > Newman, S.A. c/ General Lacy Nº 23, PO. BOX 28045 Madrid, attaching a > photocopy of an official identification document (DNI, Passport, etc). > > > _______________________________________________ > Lista de distribución Ovillo > Para escribir a la lista, envia un correo a [email protected] > 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 [email protected] Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
