Foros del Web » Creando para Internet » CSS »

Posicionar sobre imagen

Estas en el tema de Posicionar sobre imagen en el foro de CSS en Foros del Web. Hola. Tengo el siguiente problema con los thumbnails de mi sitio. Al pasar el mouse sobre ellos aparece el nombre de la imagen sobre un ...
  #1 (permalink)  
Antiguo 22/02/2011, 00:03
 
Fecha de Ingreso: octubre-2009
Ubicación: Santa Fe
Mensajes: 194
Antigüedad: 8 años, 2 meses
Puntos: 7
Posicionar sobre imagen

Hola.

Tengo el siguiente problema con los thumbnails de mi sitio. Al pasar el mouse sobre ellos aparece el nombre de la imagen sobre un fondo negro; pero estoy aparece en la parte superior y me gustaría que aparezca en la parte inferior así:



Este es mi codigo css:

Código PHP:
<style type="text/css">
*  {
border-width:    none;
margin:    0;
padding:    0;
}

.
over  {
height:    228px;
overflow:    hidden;
position:    relative;
width:    304px;
}

.
over span.tooltip  {
display:    none;
}

.
over:hover span.tooltip  {
background-color:    #000000;
color:    #FFFFFF;
display:    list-item;
float:    left;
font-family:    Helvetica;
font-size:    10pt;
font-weight:    bold;
left:    0;
padding-bottom:    10px;
padding-top:    10px;
position:    absolute;
text-align:    left;
text-transform:    uppercase;
top:    0;
width:    304px;
z-index:    10;
}

bodyhtml  {
height:    100%;
width:    100%;
}
</
style>
</
head>
<
body>
<
div class="over">{thumbnail}
<
span class="tooltip">{image_name}</span></div>
</
body>
</
html
Saludos!!
__________________
Fondos de pantalla
Juegos Gratis
  #2 (permalink)  
Antiguo 22/02/2011, 03:06
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Posicionar sobre imagen

¿Ésta no es la misma consulta que ésta otra?
  #3 (permalink)  
Antiguo 22/02/2011, 07:01
 
Fecha de Ingreso: octubre-2009
Ubicación: Santa Fe
Mensajes: 194
Antigüedad: 8 años, 2 meses
Puntos: 7
Respuesta: Posicionar sobre imagen

Saludos Kseso

Gracias por la recomendacion de validacion. Pero este sitio http://www.picalls.com/picalls es solo un sitio de prueba.

No es la misma pregunta que el post anterior es distinte.

Slaudos!!
__________________
Fondos de pantalla
Juegos Gratis
  #4 (permalink)  
Antiguo 22/02/2011, 07:40
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Posicionar sobre imagen

Y qué mas da que que la incidencia sea en 1 o en 500 páginas distintas si el código implicado que facilita es el mismo.


Uploaded with ImageShack.us

¿Ha intentado algo de lo indicado en su primera consulta? Esto es, depuración de errores y conversión a elemento de línea?
  #5 (permalink)  
Antiguo 22/02/2011, 08:13
 
Fecha de Ingreso: octubre-2009
Ubicación: Santa Fe
Mensajes: 194
Antigüedad: 8 años, 2 meses
Puntos: 7
Respuesta: Posicionar sobre imagen

Como no obtuve respuesta volví a preguntar pero ahora quiero otra cosa. No es lo mismo que antes.

Solo quiero que el texto con fondo negro aparezca en la parte inferior de cada imagen y no en la superior.

Saludos y disculpa las molestias.
__________________
Fondos de pantalla
Juegos Gratis
  #6 (permalink)  
Antiguo 22/02/2011, 08:21
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Posicionar sobre imagen

Librosweb.es manual de inicio a css capítulo 5: posicionamiento
http://librosweb.es/css/capitulo5.html
  #7 (permalink)  
Antiguo 22/02/2011, 08:38
Avatar de GAST0N  
Fecha de Ingreso: agosto-2010
Ubicación: Buenos Aires
Mensajes: 680
Antigüedad: 7 años, 4 meses
Puntos: 64
Respuesta: Posicionar sobre imagen

MODIFICA ESTA REGLA ..ASI:


Código:
.over:hover span.tooltip  { 
    background-color: #000000;
    color: #FFFFFF;
    display: list-item;
    float: left;
    font-family: Helvetica;
    font-size: 10pt;
    font-weight: bold;
    left: 0;
    text-align: left;
    text-transform: uppercase;
    top: 10px;
    width: 304px;
    z-index: 10;
    margin-top: 192px;
}
__________________
Twitter: @GastonArnedo

Muerte a los <tr> y <td>

Etiquetas: textos, posicionamiento
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 13:11.