Ver Mensaje Individual
  #1 (permalink)  
Antiguo 05/06/2012, 11:33
Avatar de shujidan
shujidan
 
Fecha de Ingreso: abril-2011
Mensajes: 121
Antigüedad: 13 años
Puntos: 5
Exportar inner style a archivo CSS

Hola, necesito ayuda urgente! no puedo usar :hover con las propiedades definidas en style="" pues son dominantes sobre el css, espero que me puedan ayudar con esta duda les estaria muy agradecido.

Asi esta mi html:
Código HTML:
Ver original
  1. <a id="menuoption1" style="background-image:url(images/webtemplate1_24.jpg);
  2.        position:absolute; left:66px; top:158px; width:523px; height:266px;" title="">
  3. </a>

Y mi css:
Código CSS:
Ver original
  1. #menuoption1:hover {
  2.     background-image: url(images/webtemplate1_08_hover.jpg);
  3.     color:green; /*El color del texto cambia correctamente pues no hay color en el style*/
  4. }

Si las propiedades del atributo style los pongo en el css si funciona pero son miles de links asi que no es un objetivo realista.


He leido que si los estilos estan en la etiqueta <style></style> en el header hay una opcion (Mover reglas CSS) para exportar los estilos a un css y de esta forma los estilos serian susceptibles al :hover, pero como en mi caso estan incrustados este panel me aparece vacio y la opcion deshabilitada, como si no hubiera estilos :(

Mi pregunta es: hay alguna forma de exportar estos estilos a un archivo .css con Dreamweaver?

Última edición por shujidan; 05/06/2012 a las 13:04