Iniciar sesión
Crear cuenta
Crear cuentaCrear cuenta(3)
(3)<html>
<head>
<style type="text/css">
#imagen {
width:500px; height:375px; position:relative; } #imagen>div
{ position: relative; bottom:25px;color:#fff;
background-color:#000;
padding:2px 10px;opacity:0.5;
font-weight:bold;
}</style>
</head>
<body>
<div id="imagen">
<img src="http://www.lawebdelprogramador.com/codigo/jquery.preview1/jquery.preview_1.jpg" width="500" height="375">
<div>Texto que aparece en la parte inferior de la imagen</div>
</div>
</body>
</html>
Comentarios sobre la versión: Versión 1.0 (3)
#imagen {
width:500px;
height:375px;
position:relative;
}
#imagen>div
{
position: relative;
bottom:25px;
color:#fff;
background-color:#000;
padding:2px 10px;
opacity:0.5;
font-weight:bold;
}
lo coloco dentro de las etiquetas <styile><style/> pero pues no me da los resultados que quiero me aparece asi
http://los11calidosos.blogspot.com.co/2016/06/ezequiellavezi-no-estara-en-la-final-de.html me podrian decir como hacer para que quede bn gracias.
</div id="imagen">
<img src="https://3.bp.blogspot.com/-gtoMhKZe4XY/V3BayPySCXI/AAAAAAAAAEk/rgvXKWqetV8OGHnUz5fOWtE3Rmc9qw-7gCLcB/s1600/Noticia.jpg"" width="7200" height="330">
<div>Lavezzi confirma que no ira a las olimpiadas.</div>
Gracias espeor repuestas.