Dreamweaver - Problemas Con css Sprite

   
Vista:

Problemas Con css Sprite

Publicado por Bernard (1 intervención) el 03/05/2013 01:03:33
Buenas, inicio con esta pregunta.

Estoy exportando un css sprite desde fireworks.

Fireworks me genera un .png con una unica imagen donde estan todos los estados de los iconos para hacer un rollover simple y un .css

Luego en Dreamweaver creo una pagina nueva, enlazo el .css que genera Fireworks a la página html que acabo de crear.

El problema es que no se como aplicarlo para que me aparezca el botón con el rollover.

Este es el css que me genera

.escenarios{ background:url("/imagenes/escenarios.png") top left no-repeat; }
.centroencab{ width:664px; height:110px; background-position:-10px -10px; }
.centroencab_1{ width:664px; height:110px; background-position:-10px -130px; }
.logo2encab{ width:174px; height:110px; background-position:-10px -250px; }
.logo2encab_1{ width:174px; height:110px; background-position:-10px -370px; }
.logo1encab{ width:200px; height:110px; background-position:-194px -250px; }
.logo1encab_1{ width:200px; height:110px; background-position:-194px -370px; }
.texto1pie{ width:286px; height:93px; background-position:-10px -490px; }
.texto1pie_1{ width:286px; height:93px; background-position:-10px -593px; }
.logo1pie{ width:56px; height:93px; background-position:-404px -250px; }
.logo1pie_1{ width:56px; height:93px; background-position:-404px -353px; }
.logo2pie{ width:102px; height:93px; background-position:-470px -250px; }
.logo2pie_1{ width:102px; height:93px; background-position:-470px -353px; }
.logo3pie{ width:95px; height:93px; background-position:-306px -490px; }
.logo3pie_1{ width:95px; height:93px; background-position:-306px -593px; }
.logo4pie{ width:143px; height:93px; background-position:-411px -490px; }
.logo4pie_1{ width:143px; height:93px; background-position:-411px -593px; }
.logo5pie{ width:135px; height:93px; background-position:-10px -696px; }
.logo5pie_1{ width:135px; height:93px; background-position:-10px -799px; }
.logo6pie{ width:101px; height:93px; background-position:-564px -490px; }
.logo6pie_1{ width:101px; height:93px; background-position:-564px -593px; }
.logo7pie{ width:120px; height:93px; background-position:-155px -696px; }
.logo7pie_1{ width:120px; height:93px; background-position:-155px -799px; }
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder