Foros del Web » Creando para Internet » CSS »

DIV que es link y cambia el color al paso

Estas en el tema de DIV que es link y cambia el color al paso en el foro de CSS en Foros del Web. Hola, estoy trabajando con CSS y me gustaría conseguir que el fondo de un DIV sea un link y que cambie de color cuando pase ...
  #1 (permalink)  
Antiguo 18/04/2005, 10:35
Avatar de Hurgui  
Fecha de Ingreso: febrero-2003
Ubicación: Madrid
Mensajes: 360
Antigüedad: 14 años, 10 meses
Puntos: 0
DIV que es link y cambia el color al paso

Hola, estoy trabajando con CSS y me gustaría conseguir que el fondo de un DIV sea un link y que cambie de color cuando pase el ratón sin usar scripts, de no haber más remedio que utilizar scripts tambíen me interesa el código.

El siguiente ejemplo de lo que quiero hacer es un menú y busco que cuando pasases por cada "bloque_entrada_menu" cambiase el color del fondo de ese "bloque_entrada_menu", fuera un link y se pusiese el icono en forma de mano.

Y cuando saques el ratón se quede como estaba.

Este es el XHTML:

Código:
<div class="bloque_menu">
		
	<div class="bloque_entrada_menu">	  
		  <p class="texto_menu"><a href="index.htm">Catálogo de servicios</a></p>
	</div>
		
	<div class="bloque_entrada_menu">	  		
		  <p class="texto_menu"><a href="index.htm">Ubicación</a></p>
	</div>
		
	<div class="bloque_entrada_menu">	  			
		  <p class="texto_menu"><a href="index.htm">Equipamiento</a></p>
	</div>
</div>
Y esta la CSS:

Código:
.bloque_menu {
	width: 174px;
	background-color: #FFFFFF;
	padding: 5px;
	float: left;
	border: 1px solid #EBEBEB;
	margin-top: 4px;
	margin-bottom: 4px;
					
	box-sizing: border-box; /* Esta línea es para que se vea bien en explorer */
	-moz-box-sizing: border-box; /* Esta línea es para que se vea bien en explorer */

}


.bloque_entrada_menu {
	background-color: #EBEBEB;
	width: 100%;
}

.texto_menu {
	font-family: "MS Sans Serif", sans-serif;
	font-size: 8px;
	color: #BBBBBB;	
	left: 15px;
	top: 15px;
	margin: 10px;
	font-weight: bold;
}
MUCHAS GRACIAS
  #2 (permalink)  
Antiguo 18/04/2005, 10:59
Avatar de kemie  
Fecha de Ingreso: junio-2003
Ubicación: estocolmo<-->mexico
Mensajes: 1.627
Antigüedad: 14 años, 5 meses
Puntos: 1
no puedes hacer un div un link, pero si puedes hacer que un link sea un bloque, parecido a un div, por ejemplo:

.texto_menu a{
display:block
padding:20px;
background color:red;}

.texto_menu a:hover{
display:block
padding:20px;
background color:blue;}
__________________
::::::::::::::::::::::::::::: WebHostNinja | diseñorama.com::::::::::::::::::::::::::::::
  #3 (permalink)  
Antiguo 19/04/2005, 08:10
Avatar de Hurgui  
Fecha de Ingreso: febrero-2003
Ubicación: Madrid
Mensajes: 360
Antigüedad: 14 años, 10 meses
Puntos: 0
Muchas gracias! funciona a la perfección.

SALUDOS
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:55.