Foros del Web » Creando para Internet » CSS »

rollover a span

Estas en el tema de rollover a span en el foro de CSS en Foros del Web. Hola: quisiera que alguien me ayudara con este problemita. tengo 5 span en una linea que estan de esta manera: Código: #menu_superior{ width:712px; height:68px; margin:0 ...
  #1 (permalink)  
Antiguo 27/11/2008, 15:11
Avatar de willyfc  
Fecha de Ingreso: octubre-2008
Ubicación: Santa Cruz - Bolivia
Mensajes: 662
Antigüedad: 9 años, 2 meses
Puntos: 40
rollover a span

Hola:

quisiera que alguien me ayudara con este problemita.

tengo 5 span en una linea que estan de esta manera:

Código:
#menu_superior{
	width:712px;
	height:68px;
	margin:0 35px 0 35px;
}
.representantes{
	width:140px;
	height:68px;
	background-color:#949494;
	float:right;
}

Código HTML:
<div id="menu_superior">
		<span class="representantes"></span>
			<img src="imagenes/linea.jpg" alt="" width="2" height="68" style="float:right" />
			<span class="representantes"></span>
			<img src="imagenes/linea.jpg" alt="" width="2" height="68" style="float:right" />
			<span class="representantes"></span>
			<img src="imagenes/linea.jpg" alt="" width="2" height="68" style="float:right" />
			<span class="representantes"></span>
			<img src="imagenes/linea.jpg" alt="" width="2" height="68" style="float:right" />
			<span class="representantes"></span>
</div> 
y lo que quiero hacer es que al pasor el cursor cambie de color pero con el span o div por que no quiero usar imágenes

gracias de antemano
  #2 (permalink)  
Antiguo 27/11/2008, 17:54
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: rollover a span

Para eso tienes dos problemas:

1.- los span no tienen contenido, y no te cogerán el tamaño a menos que añadas display: block a su selector .representantes

2.- se puede hacer span:hover, pero claro IE6 no lo entiende. Si debe ser así a la fuerza, tendrás que hacerlo con javascript
__________________
Visita mi nueva web idplus.org
  #3 (permalink)  
Antiguo 27/11/2008, 18:00
Avatar de willyfc  
Fecha de Ingreso: octubre-2008
Ubicación: Santa Cruz - Bolivia
Mensajes: 662
Antigüedad: 9 años, 2 meses
Puntos: 40
Respuesta: rollover a span

Gracias Mikel

mencione que no necesariamente tienen que ser span de hecho ahora lo tengo con divs en vez de span, intente utilizar uno de tus recursos(espero no te moleste), pero creo que no lo entendí bien, tu lo haces con listas, bueno seguiré intentando o tal vez cambio de parecer y hago otra cosa.

voy a probar otra vez con el que hiciste aquí

gracias..
  #4 (permalink)  
Antiguo 27/11/2008, 18:21
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: rollover a span

Ya sabes que puedes usar todo lo que quieras.

El asunto es que en ese ejemplo son enlaces, porque IE6 sólo permite actuar el :hover a los elementos de enlaces (a).
__________________
Visita mi nueva web idplus.org
  #5 (permalink)  
Antiguo 27/11/2008, 18:24
Avatar de willyfc  
Fecha de Ingreso: octubre-2008
Ubicación: Santa Cruz - Bolivia
Mensajes: 662
Antigüedad: 9 años, 2 meses
Puntos: 40
Respuesta: rollover a span

Cita:
Iniciado por Mikmoro Ver Mensaje
Ya sabes que puedes usar todo lo que quieras.
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 03:19.