Ver Mensaje Individual
  #11 (permalink)  
Antiguo 13/06/2012, 12:35
dragonfire256
 
Fecha de Ingreso: septiembre-2011
Ubicación: Caracas
Mensajes: 240
Antigüedad: 12 años, 7 meses
Puntos: 9
Respuesta: ¿Como se consigue esto?

Cita:
Iniciado por cristian_cena Ver Mensaje
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
Quiero hacer una aclaratoria nada mas... El atributo alt, segun tengo entendido, sirve para mostrar lo que esta dentro de comillas cuando la imagen no se pueda cargar... A mi me recomendaron usar el atributo title