(Resolvido) Quadrado aparece misteriosamente na tela

[rafa Rangel]

Fala pessoal...entrei em uma empresa e pediram para eu tirar um quadrado transparente que aparece como imagem com link quebrado na home do site...Mas esse "quadrado transparente" só aparece no internet explorer.

Sendo que eu fui no chrome e firefox, onde não aparece esse quadrado e entrei com a ferramenta para desenvolvedores. Fiz o mesmo no IE, onde aparece, abri a ferramenta para desenvolvedores e achei a linha de código que misteriosamente aparece. Essa linha não se encontra no html original..portanto não consegui mexer pelo dreamweaver.

Para adiantar ambos os lados, a imagem misteriosa se chama "transparentpixel.gif" e sua linha de código é a seguinte:

<SPAN style="PADDING-BOTTOM: 0cm; PADDING-LEFT: 0cm; WIDTH: 135pt; PADDING-RIGHT: 0cm; PADDING-TOP: 0cm"><SPAN style="MARGIN: 0cm 0cm 12pt; mso-add-space: auto"><SPAN style="FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.ideaocubo.com.br/imagens/contato.png', sizingMethod='scale'); WIDTH: 240px; DISPLAY: inline-block; HEIGHT: 152px" title="comunicação estratégica"></SPAN><IMG style="POSITION: relative; WIDTH: 240px; HEIGHT: 152px; LEFT: -240px" border=0 src="http://www.ideaocubo.com.br/Imagens/transparentpixel.gif

Por favor me ajudem...já tentei de tudo.. e o raio do transparentpixel não some de jeito nenhum...e ele só aparece no IE.

Abaixo segue a imagem:

[_Vinny_]

Remova o cache do seu navegador e verifique se ainda ocorre o erro.

[rafa Rangel]

Sim, continua...O que será isso, _vinny_??

[_Vinny_]

Veja no arquivo Scripts/png.js. Este script chama a função da imagem para exibir no site. No proprio arquivo tem a dica:

Se por um acaso o PNG não funcionar (Coisa que é muito improvavel), Você cria uma imagem de 1px transparente, joga num diretorio e diz nessa linha de cima.

Basta fazer isso para que a imagem seja exibida, ou melhor não exibida pois ele será totalmente transparente. Por isso no IE ele exibi esse quadrado com um X, pois a imagem não existe.

[SK15]

Mas o que pretende fazer isso ficou confuso, remover ou deixar ela?

Digo isso pois aparemente ela tem uma função no design que é empurar o miolo do site para baixo para ficar bem posicionado se for esse o caso faça em algum editor de imagem qualquer uma image GIF de 1x1 trasparente e de o nome de "transparentpixel.gif" depois basta subir para a pasta "Imagens" sem crises; pois ele está dando erro 404 que não existe simples: http://www.ideaocubo.com.br/Imagens/transparentpixel.gif

Caso queira remover faça um backup e arange as linhas que você mesmo citou no seu post afirmado ser as linhas que estão causando isso ...

[rafa Rangel]

Primeiramente, obrigado pela ajuda!

Fiz o que vocês recomendaram. Coloquei um GIF e criei a pasta "Imagens" dentro do diretório. E funcionou, o quadrado com "x" não aparece mais.

Porém esse distanciamento que o quadrado está causando não é pra ter...era para ser igual ao distanciamento que está no chrome, firefox, etc.

Mas essa linha do "transparentpixel.gif" não está no editor(notepad ++, dreamweaver)..Teria que edita-lo direto no browser...como faço pra editar no browser?? toda vez que vou nas ferramentas para desenvolvedores e apago a linha, quando dou refresh ela volta. tipo, eu salvei o código em bloco de notas e apaguei manualmente..mas como faço pra exportar esse código novo para o browser?

muito obrigado!

[rafa Rangel]

Eu removi a função png.js!! Dessa forma não aparece mais o dito cujo.

Obrigado!!