1 reply to this topic

[Jessie]

Alguém pode me ajudar??? Esse código em css está me deixando loka!!! eu coloko a imagem centralizada no explorer e ela sai perfeita na visualização... Mas infelizmente na hora que testo no Mozilla ele corta a imagem pela metade e aparece o texto do h1....

Abaixo segue o codigo correspondente:
#topo h1 {
width: 629px;
height: 53px;
margin: 0 auto;
text-align:center;
margin: 5px 5px;
}

#topo h1 a {
overflow:none;
float:none;
width:280px;
height:81px;
background:url(imagemtopo.gif) no-repeat;
text-align:center;
}

E o HTML

<div id="topo">

<h1><a href=" [url="http://www.teste.com">Testando</a></h1>"]http://www.teste.com">Testando</a></h1>[/url]

<div id="menu">



SOCORRO!!!!

[Klaus]

É o comportamento esperado. No IE está errado.

Aumente o width do A, suficiente para caber a imagem dentro e adicione:

text-indent: -5000px;