Foros del Web » Creando para Internet » CSS »

Rollover CSS sin precarga

Estas en el tema de Rollover CSS sin precarga en el foro de CSS en Foros del Web. Hola: Estoy intentando hacer un rollover de imagenes en CSS. El método de toda la vida con dos imagenes no me gusta ya que le ...
  #1 (permalink)  
Antiguo 23/02/2007, 10:40
 
Fecha de Ingreso: agosto-2003
Mensajes: 122
Antigüedad: 14 años, 3 meses
Puntos: 0
Rollover CSS sin precarga

Hola:

Estoy intentando hacer un rollover de imagenes en CSS. El método de toda la vida con dos imagenes no me gusta ya que le cuesta un segundo cargar la nueva imagen y queda bastante feo.

Buscando un poco encontré un método usando una imagen y el background-position. Me funciona bien pero tengo un problema y es que para hacer el rollover hay que asignarle la proiedad block y solo puedo hacer un rollover por linea. Yo lo que quiero es hacer 3 0 4 en una linea y me hes imposible.

Lo que quiero es:

Rollover1 // Rollover2 // Rollover3

Lo que tengo es:

Rollover1
Rollover2
Rollover3

A ver si podéis ayudarme.

El código, por si alguien lo quiere usar sería:

En el CSS:

Código:
a#sustituir {
	display: block;
	width: 170px; /* Depende de nuestra imagen */
	height: 52px; /* Depende de nuestra imagen */
	text-indent: -9999px;
	background:url(img/colectivodoble.gif) top left no-repeat;
}

a#sustituir:hover {
	background-position:0 -54px; /* Depende de nuestra imagen */
}
En el HTML:

Código:
<a href="#" id="sustituir">Texto</a>
  #2 (permalink)  
Antiguo 23/02/2007, 10:56
Avatar de demiurgo_daemon  
Fecha de Ingreso: diciembre-2006
Ubicación: Querétaro
Mensajes: 184
Antigüedad: 11 años
Puntos: 2
Re: Rollover CSS sin precarga

puedes agregar
Código:
float: left;
a ver qué te parece
  #3 (permalink)  
Antiguo 23/02/2007, 11:46
 
Fecha de Ingreso: agosto-2003
Mensajes: 122
Antigüedad: 14 años, 3 meses
Puntos: 0
Re: Rollover CSS sin precarga

Joer, gracias demiurgo. Se me había pasado. Ahora va perfecto metiendo el menu en un DIVxD.

¡Gracias!
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 22:44.