Foros del Web » Creando para Internet » CSS »

como colocar imagen como vinculo?

Estas en el tema de como colocar imagen como vinculo? en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 05/04/2008, 19:25
Avatar de junarry  
Fecha de Ingreso: marzo-2007
Ubicación: colombia
Mensajes: 113
Antigüedad: 10 años, 8 meses
Puntos: 0
como colocar imagen como vinculo?

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
  #2 (permalink)  
Antiguo 05/04/2008, 21:16
Avatar de iconogt  
Fecha de Ingreso: septiembre-2004
Ubicación: Guatemala
Mensajes: 573
Antigüedad: 13 años, 3 meses
Puntos: 4
Re: como colocar imagen como vinculo?

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
__________________
_______
Jorge Rojas.

Última edición por iconogt; 05/04/2008 a las 21:19 Razón: solo para agregar algo mas..
  #3 (permalink)  
Antiguo 06/04/2008, 11:31
Avatar de junarry  
Fecha de Ingreso: marzo-2007
Ubicación: colombia
Mensajes: 113
Antigüedad: 10 años, 8 meses
Puntos: 0
Re: como colocar imagen como vinculo?

si me sirvio...muchas gracias
  #4 (permalink)  
Antiguo 06/04/2008, 22:45
Avatar de iconogt  
Fecha de Ingreso: septiembre-2004
Ubicación: Guatemala
Mensajes: 573
Antigüedad: 13 años, 3 meses
Puntos: 4
Re: como colocar imagen como vinculo?

De nada fué un gusto haberte podido ayudar!.
__________________
_______
Jorge Rojas.
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 06:37.