como colocar imagen como vinculo?

[junarry]

holas...no se mucho de css por eso pido ayuda

necesito colocar tres imagenes de forma horizontal y que estas sean a su ves vinculos.....cabe decir q mas que imagenes son como iconos.....y el problema es que no se me borra la viñeta del lado ni la letra a...

este es el codigo q tengo en css:

#enlaceboton:link,
#enlaceboton {
background:url(home_h.gif) no-repeat 0 0; list-style:none width:16px; height:16px;
}
#enlaceboton:hover {
background:url(home.gif) no-repeat 0 0; list-style:none width:16px; height:16px;
}

este es el codigo que tengo en html

<ul id="enlaceboton">
<li><a href="http://www.google.com" title="home">a</a></li>
<li><a href="http://www.google.com" title="home">a</a></li>
<li><a href="http://www.google.com" title="home">a</a></li>
</ul>

lo que necesito es que quede como esta aca..http://junarry.googlepages.com/tabla.html

[iconogt]

Hola junarry,

Mira, hacelo mas o menos de esta forma.

Código:

#enlaceboton ul li a{
   list-style-type : none;
   background : #fff url('fondo.gif') no-repeat top left;
   }

#enlaceboton ul li a:hover{
   background : #fff url('fondo_2.gif') no-repeat top left;
   }

Si vas a usar una pseudo clase para un link, lo corrécto sería usar el selector (a) de la forma como te lo muestro en el ejemplo, ya ahora es cuestión de que jugues con los márgenes para poder situar bien la imágen...

Por lo visto lo tenes todo dentro de un div#, así es como yo lo hago... te tendría que funcionar.. para que cuando crees una nueva entrada ya sólo es de agregar el link en html ya que adoptará el formato indicado arriba..

Slds, y espero haberte podido ayudar en algo

[junarry]

si me sirvio...muchas gracias

[iconogt]

De nada fué un gusto haberte podido ayudar!.