Ver Mensaje Individual
  #10 (permalink)  
Antiguo 13/06/2012, 10:32
Avatar de cristian_cena
cristian_cena
Colaborador
 
Fecha de Ingreso: junio-2009
Mensajes: 2.244
Antigüedad: 14 años, 11 meses
Puntos: 269
Respuesta: ¿Como se consigue esto?

Algunas observaciones:
  • Como indica dragonfire256, fixed es el valor de la propiedad position.
  • Se desaconseja usar estilos "inline" o dentro de la propia etiqueta html, por lo que sería mejor que los coloques en una hoja de estilos a la cual llamas con <link rel="stylesheet" href="./folder/file.css"/>
  • Quité overflow y z-index, si los necesitas vuelve a incluirlos, creo que el ejemplo será más claro si los quitamos por ahora.
  • Declarando la propiedad alt en la etiqueta img aumentas la accesibilidad de tu documento, hay una minoría de usuarios ciegos a quienes disponer de una descripción de la imagen le será útil.
  • top:1526px; es un valor muy grande, siempre que tengas valores grandes considera usar la propiedad opuesta (bottom) o disminuir el valor.
Chequea este ejemplo:

Código HTML:
Ver original
  1. <div id="image5">
  2.     <img src="images/facebook.png" alt="los lectores de pantalla leen esto"/>
  3. </div>

Código CSS:
Ver original
  1. #image5, #image5 img{
  2.     width:72px;
  3.     height:72px;
  4. }
  5. #image5{
  6.     position:fixed;    
  7.     top:10px; right:10px; /*estas son tus cotas*/
  8. }
  9. #image5 img{
  10.     border:0;  
  11. }

Saludos