[SOLUCIONADO] Agrandar div

[joselegolas]

Hola a todos, tengo un div pongamos por caso:

Código PHP:

  <div id="Saludo" style="clear:left;float:left;width:45%;>hola mundo</div> 
   

y quiero que al pasar el cursor sobre el div, este aumente la anchura del 45% al 70% con lo cual debo de añadir:

Código PHP:

  <style type="text/css">
#Saludo:hover{ width:75%;}
</style> 
   

¿Por qué no me funciona? al menos en chrome e IE9 no me anda

[laura_moreno14]

Ese es tu codigo real o es solo un ejemplo? Si no es tu codigo real, te recomiendo que lo pongas. Creo que lo que has puesto deberia funcionar.

[ArturoGallegos]

no funciona porque el código en linea tiene mas peso que el de una hoja de estilos, coloca todo en tu hoja de estilos y veras que funciona, otra opción seria agregar !important

Código CSS:

#Saludo:hover{ width:75%!important;}
 

Nota: procura usar el highlight correcto cada que coloques código.

[madman_18]

Podrías usar

a) jQuery: así le aplicarías una animación cuando hagas el cambio del css

b) Ponerlo en la hoja de estilos, justo debajo de establecer las propiedades a saludos:

Código CSS:

#saludos{
float:left
...
...
...
}
#saludos:hover{
width:75%;
..
..
}
 

[ArturoGallegos]

para algo como esto no veo la necesidad de usar jquery.... y agregar animación menos, en todo caso se agrega la propiedad transition directamente con CSS y te ahorras el jquery

[joselegolas]

Gracias por la ayuda, con el comentario de ArturoGallegos funcionó a la primera