Cómo quitar líneas de superior/derecha en Explorer

[ISW]

Hola compañeros del foro, me surgió esta duda, espero alguien me pueda orientar a la solución.

Estoy haciendo una página web en Flash, después con el Dreamweaver, con un fondo blanco, mando llamar mi swf, y lo centro, pero a la vez tengo unas imágenes que hice con Fireworks cortando con la herramienta Slice, son unas sombras para que no se vea totalmente plano el swf. Hasta ahí todo está bien.

Mi duda es como quitar unas extrañas líneas que me salieron en la parte superior/derecha, pero únicamente en Internet Explorer. Yo uso Google Chrome y ahí no se muestran estas líneas, todo marcha bien. Lamentablemente muchos usuarios usan Explorer.

Espero alguien pueda ayudarme a encontrar la solución. Gracias y hasta pronto. A continuación proporciono el link que tengo temporalmente; espero puedan hacer la prueba en ambos navegadores.

LINK

[Eskombro]

Es problema de CSS nada tiene que ver con flash... Mira te sale esto:

border-bottom-style: solid;

entonces trata eliminar las instrucciones de CSS referentes al borde, o bien ponerle al cuadro

style="border:none"

Con eso se eliminan.

Saludos

[ISW]

Si, comprendo que no es problema de Flash, es en el Dreamweaver, específicamente en el navegador, pero no sé como quitarla, que no salga en Internet Explorer.

La verdad no entendí tu explicación Eskombro; busqué en el código fuente pero no viene eso del border que me explicas. Las sombras que se ven en la página, son imágenes, resultado de una herramienta utilizada en Fireworks, después de aplicar una sombra, y se guardan como .jpg, paso siguiente las llamo desde una carpeta, para que el swf no quede plano. Pero en el Explorer se me pusieron estas líneas. Espero alguien pueda ayudarme. Gracias.

[loncho_rojas]

El problema es que lo hiciste con tablas.. y el problema no es solo el explorer.. si no tambien en Firefox.. recuerda que Chrome esta lejos aun de ser un buen navegador o con el trainning que tiene Firefox safari u opera, y dificilmente se convierta en el navegador por defecto de la gente... pero ese problema subyace en tus tablas y los spacer que usar de manera indiscriminada... para estructurarlo hubieras hecho con DIVS.. o mas facil.. haberlo preparado ya en flash de esta manera.. ademas puedes usar los filtros + actionscript para darle ese aspecto o similar, como para que no te pese mas de lo que ya tienes..

[loncho_rojas]

Esto lo copie de alguna pagina que no recuerdo, dado que nunca lo hice con ActionScript 2.0... si con AS 3.0.. es cuestion de copiar y pegar en un fotograma disitinto y amplair en unos 50 a 60 px mas tus anchos y altos de scena.. convertir tu web en un clip de pelicula e instanciarlo... solo modificas los valores de distancia, angulo de la sombra, opacidad y cantidad de desenfoque o blur...

Código actionscript:

// Importamos la clase de filtro
import flash.filters.DropShadowFilter;
// Creamos las variables para guardar los parámetros
var distance:Number = 10; // Distancia de la sombra
var angleInDegrees:Number = 45; // Angulo de la sombra
var color = 0x000000; // Color de la sombra
var alpha:Number = .8; // Transparencia de 0 a 1
var blurX:Number = 16; // Blur en eje ? de 0 a 255
var blurY:Number = 16; // Blur en eje ? de 0 a 255
var strength:Number = 1; // Intensidad de 0 a 255
var quality:Number = 3; // Calidad de 1 a 3
var inner:Boolean = false; // Exterior (false), Interior (true)
var knockout:Boolean = false; // Ocultar el objeto si o no
var hideObject:Boolean = false; // Ocultar el objeto si o no
// Asignamos los parámetros al movie clip que se ra afectado
elClip.filters = [new DropShadowFilter(distance, angleInDegrees, color, alpha, blurX, blurY, strength, quality, inner, knockout, hideObject)];
 

espero te sirva, y no incrementara mas peso a tu archivo, salvo en un uno 2 o 3 kb.. quiza ni eso

EDIT:
Aqui encontre la web de donde lo copie

http://login.osirislms.com/index.php...ge&idThread=55

[ISW]

Gracias por tus comentarios loncho, la carpeta donde tengo guardadas las imágenes de las sombras solo pesa 18KB. Pero tienes razón con el uso de los "spacer", en ella hay un archivo llamado spacer.gif; pero en este caso no me conviene instanciar toda mi web en un MC, ya que tengo código y transiciones funcionando en mi línea principal, aunque te agradezco mucho el código, me servirá para futuros proyectos.

Lo que voy a hacer es mejor trabajar con DIVS como me dijiste, nunca lo he hecho, podrías orientarme?? Estuve leyendo y solo he encontrado dudas para meter DIVS sobre un swf, para agragar menu, botones,etc. sobre un swf. Pero no encuentro el uso sencillo de estos y Flash. Espero tengas algo compañero.

Una pregunta a los expertos: El uso de DIVS es la manera más correcta de trabajar Flash para hacer páginas web?

[ISW]

Saludos loncho_rojas, ya estuve investigando sobre los divs, de hecho bajé un manual de 600 y tantas páginas del Dreamweaver, porque nomas lo usaba por "encimita". Esperemos que le saque provecho.

Mientras tanto espero alguien tenga alguna solución sobre como sombrear un swf. En este caso en especial no puedo en el Flash por problemas con la linea de tiempo principal y en relación a las medidas; y por otra parte, el uso de imágenes simulando sombra en el Dreamweaver me causan uso indiscriminado de spacer, como me dice loncho. Aclaro que en ningún momento metí tablas a mi código, en cambio si se creó un div al meter el swf.

Espero alguien pueda orientarme en esto. Gracias compañeros.

[loncho_rojas]

Creo que la solucion que te pase, es muy factible... miralo de esta manera.. crea un cuadro de fondo, de la misma medida que tu area de trabajo... conviertelo en MC dale el efecto de sombra, pero ponlo por debajo de todas las capas de tu sitio... entiendes.. o sea, no hace falta convertir a MC tu web entera... solo un cuadro blanco que ira en la ultima capa.. y ampliar un poco mas tu area de trabajo para que se vea el efecto

[loncho_rojas]

otra opcion.. es dibujar el cuadro con AS y darle el filtro tambien con AS

por ejemplo, deberias ampliar a 830 x 630 el area de trabajo y en una capa pones este codigo

Código actionscript:

//dibujamos un cuadro con as
var X:Number,Y:Number;
        this.createEmptyMovieClip("fondo", 0);
        fondo.beginFill(0xFFFFFF,100);
        X=(fondo._width/2)+15;// dejamos un margen de 15px
        Y=(fondo._height/2+15);// dejamos un margen de 15px
        fondo.moveTo(X,Y);
        X+=800;//medida de ancho debe ser igual en el -X
        fondo.lineTo(X,Y);
        Y+=600;//medida de alto debe ser igual en el -Y
        fondo.lineTo(X,Y);
        X-=800;
        fondo.lineTo(X,Y);
        Y-=600;
        fondo.lineTo(X,Y);
        fondo.endFill();
        
 
        
// Importamos la clase de filtro
import flash.filters.DropShadowFilter;
// Creamos las variables para guardar los parámetros
var distance:Number = 0; // Distancia de la sombra
var angleInDegrees:Number = 0; // Angulo de la sombra
var color = 0x000000; // Color de la sombra
var alpha:Number = .5; // Transparencia de 0 a 1
var blurX:Number = 15; // Blur en eje ? de 0 a 255
var blurY:Number = 15; // Blur en eje ? de 0 a 255
var strength:Number = 2; // Intensidad de 0 a 255
var quality:Number = 3; // Calidad de 1 a 3
var inner:Boolean = false; // Exterior (false), Interior (true)
var knockout:Boolean = false; // Ocultar el objeto si o no
var hideObject:Boolean = false; // Ocultar el objeto si o no
// Asignamos los parámetros al movie clip
fondo.filters = [new DropShadowFilter(distance, angleInDegrees, color, alpha, blurX, blurY, strength, quality, inner, knockout, hideObject)];
//estos son clips que cree manualmente en el escenario
// y los coloco en profundidades distintas
circulo.swapDepths(1);
cuadro.swapDepths(2);
 

tal vez si le das unas vueltas, puedas traer los demas objetos frente al fondo, tal vez con un FOR o algo asi.. manipulando las profundidades

[ISW]

Pues veamos cual es la solución que mejor se adapte. Muchas gracias por tus comentarios y consejos loncho_rojas. Estamos en contacto.

[ISW]

Saludos loncho_rojas, estoy contento porque ya solucioné el problema, en el código del Dreamweaver borre todas las entradas de spacer.gif; yo nunca los metí en el código ni usé tablas, mi pregunta es Dreamweaver los pone automáticamente al meter gráficos (como los que metí de sombras)?

Ya se vé perfecto en Chrome y Explorer.

[loncho_rojas]

Probablemente sucede esto cuando exportas a HTML objetos o graficos creados desde Fireworks.. la estructura HTML mas basica te la crea en Tablas y con un monton de codigo basura... Salvo que hayas usado una plantilla o hayas tomado un modelo para hacer lo que hiciste.. por ello se recomienda bastante el uso de divs, debidos a que son mas controlables y predecibles que las tablas a la hora de estructurar un sitio.. no es capricho... y mas cuando se buscan hacer efectos dentro de la pagina.. saludos

[ISW]

Gracias por su ayuda compañeros. Tema aclarado.