Una forma de colocarle una descripción a una foto o imágen. de manera elegante, lo podremos lograr siguiendo los pasos que a continuación se detallan. En primer lugar debemos darle estilo a la descripción que vamos a colocarle a la imágen y esto lo haremos agregando unas líneas de código en el CSS de la plantilla:
Luego que hemos agregado los estilos vamos ahora con el código que debemos utilizar para la presentación de la imágen:
El resultado final podemos verlo a continuación:
Vista nocturna de la ciudad de Puerto Madero
.img-desc {
position: relative;
display: block;
height:335px;
width: 575px;
}
.img-desc cite {
background: #111;
filter:alpha(opacity=55);
opacity:.55;
color: #fff;
position: relative;
bottom: 0;
left: 0;
width: 555px;
padding: 10px;
border-top: 1px solid #999;
}
Luego que hemos agregado los estilos vamos ahora con el código que debemos utilizar para la presentación de la imágen:
<div class="img-desc"> <img src="URL de la imagen" alt="" /> <cite>DESCRIPCION DE LA IMAGEN</cite> </div>
El resultado final podemos verlo a continuación:
Vista nocturna de la ciudad de Puerto Madero
hola todo bien pero las letras y links de descripcion me salen en cursiva eso se debe a algun error en donde podra ser