Lengenda sobre a imagem

1 view
Skip to first unread message

Michael Pereira

unread,
Oct 19, 2012, 8:09:45 AM10/19/12
to tablele...@googlegroups.com
Ola amigos estou uma duvida no csse peço a ajuda de vocês.
 
Estou criando uma galaria de fotos dinamica. porém na foto eu preciso colocar uma lengenda fixa por cima e um link na própria imagem, não sei como fazer isso, alguém poderia me ajudar?
 
desde ja agradeço a atenção de todos...
 
 

Thiago Hernandez Vieira

unread,
Oct 19, 2012, 11:45:17 AM10/19/12
to tablele...@googlegroups.com
Pode ser posicionando os elementos.

No HTML fica assim:

<div class="figure">
   <img src="imagem.jpg">
   <div class="legenda">
      <strong>Título</strong>
      <a href="url">Link</a>
   </div>
</div>

No CSS

.figure {position:relative;}
.figure img {position:absolute; z-index:1;}
.figure .legenda {position:absolute; left:0; bottom:0; z-index:2;}

Deve funcionar.

 
 

--
Você está recebendo esta mensagem porque se inscreveu no grupo "TABLELESS - GOOGLE" dos Grupos do Google.
Para postar neste grupo, envie um e-mail para tablele...@googlegroups.com.
Para cancelar a inscrição nesse grupo, envie um e-mail para tablelessgoog...@googlegroups.com.
Para obter mais opções, visite esse grupo em http://groups.google.com/group/tablelessgoogle?hl=pt-BR.



--

Thiago Hernandez
(11)9431-7959

coletivo literário: www.prascucuias.com.br


Michael Pereira

unread,
Oct 19, 2012, 12:45:25 PM10/19/12
to tablele...@googlegroups.com
Obrigado Thiago vou tentar...
Reply all
Reply to author
Forward
0 new messages