Ver Mensaje Individual
  #4 (permalink)  
Antiguo 13/11/2006, 15:17
Avatar de mbavio
mbavio
 
Fecha de Ingreso: agosto-2005
Mensajes: 288
Antigüedad: 18 años, 7 meses
Puntos: 4
Tambien puedes hacerlo de otra forma:

Como dijo javioreto, primero coges la imagen y haces una version pequeña para vista previa. Aca es donde cambia mi forma:

Pones un vinculo:

<a href="presentaciones.zip" class="mini">Presentaciones</a>

y luego desde CSS haces lo siguiente:

.mini{
display: block;
width: 80px;
height: 80px;
background: url("imagen_pequeña.jpg");
text-indent: -5000px;
}

EXPLICACION:

Primero le he agregado una clase al vinculo, "mini" en este caso, puede ser cualquiera que gustes.
Luego, desde CSS he hecho que la imagen se muestre como un elemento de bloque, esto es para poder cambiar el ancho y el alto, que logicamente seran iguales a los de la imagen. Luego pongo como fondo la imagen en cuestion, y hago desaparecer el texto con text-indent.

Esta forma es mucho mas "estandar", ya que la imagen es mostrada solo por motivos de presentacion, por lo tanto no deberias incluirla en tu (X)HTML, sino desde tu hoja de estilos.

Espero que se haya entendido. Saludos.