Saludos;
Gracias por tu respuesta Kseso?
Dejo mi codigo para que puedan ver y entender lo que quiero. En donde {image_name} seria el texto que quiero que aparezca de la siguiente manera:
Código HTML:
<style type="text/css">
* {
border-width: none;
margin: 0;
padding: 0;
}
.over {
overflow: hidden;
position: relative;
width: 304px;
}
.over span.tooltip {
display: none;
}
.over:hover span.tooltip {
background-color: #000000;
background-position: ;
color: #FFFFFF;
display: block;
font-family: Helvetica;
font-size: 14pt;
font-weight: bold;
float: left;
left: 0;
margin-left: 8px;
margin-right: 8px;
margin-top: 8px;
position: absolute;
text-align: justify;
top: 0;
width: 150;
z-index: 10;
text-transform: uppercase;
}
body, html {
height: 100%;
width: 100%;
}
</style>
</head>
<body>
<div class="over">{thumbnail}
<span class="tooltip">{image_name}</span></div>
</body>
Aqui mi sitio
http://www.picalls.com/picalls
Saludos!!