Div não se ver com text-indent:-99999px; no FF

[Elbrinner 0]

Bom dia!

 

Estou tentando trocar o texto por uma imagem mais não estou conseguindo que funcione em outros navegadores que não seja IE.

 

Eu tenho assim:

 

<div id="encuesta">

<h2>Enquete</h2>

</div>

 

#encuesta H2{background-image:url("pag5_h2_encuesta.gif"); background-repeat:no-repeat;height:25px;width:170px;text-indent:-99999px; }

Podem ver a pagina aqui:

 

http://www.supercomercio.es/web/1/Webmaste...rnandes-Imoveis

 

Obrigado

[Elbrinner 0]

Com outro navegador que não seja o IE o texto fica oculto e o espaço tambem, é como se eu estivesse usando display:none;

[William Bruno 1501]

Valores negativos são complicados de se trabalhar..

Experimente uma dessas técnicas:

http://www.maujor.com/tutorial/image-replacement.php

[Elbrinner 0]

Obrigado, no caso faz falta usar o <span> dentro do H2?

[William Bruno 1501]

Nessas técnicas sim. Eles são a base praticamente.

Veja que em nenhuma delas, é usado text-indent. O valor negativo, é que está sumindo com o titulo no teu site.

"-99999px", é bem alto, está tirando tudo pra fora da tela.

 

Recomece, e tente uma dessas ai.

[Elbrinner 0]

Já tentei todas e sem exitos, vou pegar um respiro que deve ser um erro bobo meu.

[Elbrinner 0]

Deve ter algo errado no meu xhtml porque funciona todos mais apenas como o iE 6 e IE7

[Elbrinner 0]

Acho que achei o erro:

 

Eu estava usando isso no topo: * html .limpar {height: 0%;}.limpar {display: block;}

 

.limpar:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.limpar {display: inline-table;}