css e images

[Green 0]

Como faz para colocar essas etiquetas vermelhas sobre a imagem como nesse site ?

 

http://www.ibahia.com/

[André do Vale 76]

Na verdade não é sobre a imagem, mas sobre o contêiner dela.

 

Você pode fazer assim:

 

<figure>
   <img src="img/imagem.jpg" width="400" height="400" alt="Texto descritivo da imagem (real, nada de encher linguça)" />
   <figcaption>Uma legenda descritiva para a imagem</figcaption>
</figure>

 

Coloque o figure (contêiner, pode ser uma DIV ou SPAN, neste caso apenas utilizei as sugestões para HTML5) como position relative. Troque o display para que ele assuma a largura da imagem mais os espaçamentos que você achar necessário.

 

Já o figcaption, coloque como position absolute (no exemplo citado, left 0 e bottom 0).