Bom dia amigos!
Estou com um probleminha, estou editando um site, quando passo o mouse por cima aparece uma imagem, um logo de player, tudo bem até ai.
O que quero?
Que esse logo tenha um link. Mas não tá dando certo... o Link ta somente na caixa, quando aparece a imagem, o logo não fica com o link.
Resumindo: Ao passar o mouse a imagem(logo) fica sem link, e só a caixa fica com o link.
 
<***************************************************Codigo******************************>
<li class="span4 mix categoria"> <a href="pag1/01/page02/pagina2/00001" target="_blank"> <div class="thumbnail"> <img src="imagens/a25/001.jpg" alt="project 3"> <p class="more show_hide"> <i> <img src="css/icon.png"!"> </i> <h3>TITULO QUALQUER</h3> <p>Que tal assistir? </p> <div class="mask"></div> </div> </li></a> <***************************************************Codigo******************************>
Explicação entre [ ]  
<***************************************************Codigo******************************>
<li class="span4 mix categoria"> [<< Segundo ''menu'', que escolhe as opções, categorias.] <a href="pag1/01/page02/pagina2/00001" target="_blank"> [<< Link para levar a pagina que desejo, onte está ''**AQUI**" é onde o link não surge efeito ] <div class="thumbnail"> [<< div da caixa] <img src="imagens/a25/001.jpg" alt="project 3"> [<<Imagem principal] <p class="more show_hide"> [<<Efeito da imagem que quero o link. Faz a imagem aparecer de cima] <i> <img src="css/icon.png"!"> **AQUI** [<< Não surge efeito o link] </i> <h3>TITULO QUALQUER</h3> <p>Que tal assistir? </p> <div class="mask"></div> [div do efeito da caixa, ao passar o mouse, aparece um efeito, deixando a imagem mais escura][obs: O link funciona aqui] </div> </li></a> [</a> Para finalização do link] <***************************************************Codigo******************************>
<***************************************************Codigo******************************>
<li class="span4 mix categoria"> <a href="pag1/01/page02/pagina2/00001" target="_blank"> <div class="thumbnail"> <img src="imagens/a25/001.jpg" alt="project 3"> <p class="more show_hide"> <i> <img src="css/icon.png"!"> </i> <h3>TITULO QUALQUER</h3> <p>Que tal assistir? </p> <div class="mask"></div> </div> </li></a> <***************************************************Codigo******************************>