Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Opa pessoal, beleza?
Então, eu estou desenhando um layout e acabei esbarrando num problema: a minha página no I.E. não termina de carregar, fica carregando como se estivesse baixando alguma coisa, quando aparentemente não está...
ah, outra coisa: quando coloco uma imagem dentro de uma DIV com "display: none", esta imagem não aparece de nenhum jeito depois que eu faço a DIV aparecer: textos aparecem normalmente, a imagem não. Com visibility funciona certo, mas não posso usar "visibility: hidden", pois quero que o espaço quando escondido não seja ocupado. Lembrando que isto só no I.E. também
quando coloco uma imagem dentro de uma DIV com "display: none", esta imagem não aparece de nenhum jeito. Não posso usar "visibility: hidden", pois quero que o espaço escondido não seja ocupado. Lembrando que isto só no I.E. também
Mas é óbvio que sua imagem não irá aparecer! A propriedade display:none faz exatamente isso, não exibir o elemento! Agora, como assim? "pois quero que o espaço escondido não seja ocupado"? :mellow: Seja mais específico, ajude-nos a te ajudar!
Ah, e não tem um link para nos passar? Sem vermos o que está acontecendo, fica difícil ajudar...
http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif
tem algum link disso?!
abraço
@Thiago
Não, está hospedado na DialHost e o problema ocorre somente no I.E.
@Paulo
Realmente, estava com pressa e me expliquei mal ^^'. É o seguinte: tem uma DIV com texto e imagem dentro, ela começa no site com "display: none", mas ela pode aparecer com o comando de um javascript. Porém, no I.E. quando aperto o botão que faz com que esta DIV apareça, aparece somente o texto, a imagem não aparece.
Na verdade esta DIV é um conteúdo "minimizável", então quando você aperta para o conteúdo minimizar, ele fica com "display: none" e uma DIV 'minimizada' perde o "display: none". Então se eu usar visibility, o espaço do conteúdo minimizado, mesmo quando desaparecido, vai ser ocupado.
@Aprendiz CSS
link eu não posso dar, mas vou postar uma imagem do problema, e o código fonte
------------------------
O problema da imagem não aparecer:
conteúdo maximizado:
/applications/core/interface/imageproxy/imageproxy.php?img=http://img83.imageshack.us/img83/7/grandezs0.jpg&key=ec8ffac0c5561fb25d5ee6a845cd6f6aaae4efcd7becfbf4fd0588cfbd823f72" alt="Imagem Postada" />
minimizado no firefox (correto)
/applications/core/interface/imageproxy/imageproxy.php?img=http://img390.imageshack.us/img390/969/ffhp7.jpg&key=a3a2594f7959ad3e101a5333da22c3c7ca83118570bd5316920d91007bf384b0" alt="Imagem Postada" />
minimizado no I.E. (não aparece as imagens)
/applications/core/interface/imageproxy/imageproxy.php?img=http://img205.imageshack.us/img205/876/ielm7.jpg&key=e76b7b4ac7c36d962427c5c820fa005d0da6179e1055b0a1e7d0bd65d2bd5a2a" alt="Imagem Postada" />
Código HTML:
// MINIMIZADO com display: none
<div class="conteudoG" id="noticia_mini" style="display: none">
<div class="conteudoG_mini"><span class="titulo">Última notícia</span><a href="#n" onclick="java script: fechar('noticia_mini');"><img class="botao" src="layouts/<?php echo $configuracao['template']; ?>/imagens/caixas/botao_x.png"></a> <a href="#n" onclick="java script: maximizar('noticia', 'noticia_mini');"><img class="botao" src="layouts/<?php echo $configuracao['template']; ?>/imagens/caixas/botao_a.png"></a></div>
</div>
// MAXIMIZADO
<div class="conteudoG" id="noticia">
<div class="conteudoG_topo"><span class="titulo">Última notícia</span><a href="#n" onclick="java script: fechar('noticia');"><img class="botao" src="layouts/<?php echo $configuracao['template']; ?>/imagens/caixas/botao_x.png"></a> <a href="#n" onclick="java script: minimizar('noticia', 'noticia_mini');"><img class="botao" src="layouts/<?php echo $configuracao['template']; ?>/imagens/caixas/botao_m.png"></a></div>
<div class="conteudoG_meio">
<h1>Maradona é insultado por torcida argentina</h1>
<h3 class="data">18 de dezembro de 2008, quinta-feira, por Renato Böhler</h3>
O técnico da Argentina, Diego Maradona, esteve presente a uma partida de showbol na cidade de La Rioja, a 1.150km de Buenos Aires, mas a decisão de não jogar revoltou a torcida, que reagiu com violência e chegou a atirar garrafas em quadra, além de insultar o astro.<br><br>
O ex-jogador já havia anunciado, há alguns dias, que não disputaria mais partidas de showbol e que compareceria ao evento desta quarta-feira, mas não jogaria. Nesta quarta, ele exerceu a função de treinador de uma das equipes.<br><br>
Os organizadores do amistoso disputado no ginásio Poliesportivo Carlos Saúl Menem, no entanto, disseram que não foram comunicados da decisão do astro.<br><br>
- Em nenhum momento, Maradona disse que não iria jogar. Sinto que há uma fraude moral. O espetáculo foi suspenso por duas vezes. E quando ele vem, não joga - disse Cristian Machado, um dos organizadores.<br><br>
Machado afirmou que deve processar Maradona e disse que muitos torcedores pediram a devolução do dinheiro dos ingressos, que variavam entre 80 e 200 pesos (entre R$ 54 e 135):<br><br>
"Maradona não respeitou o contrato, nem se importou com as pessoas que foram vê-lo.</div>
<div class="conteudoG_baixo"></div>
</div>function fechar(objeto){
document.getElementById(objeto).style.display = "none";
}
function minimizar(objeto, objetomini){
document.getElementById(objeto).style.display = "none";
document.getElementById(objetomini).style.display = "";
}
function maximizar(objeto, objetomini){
document.getElementById(objetomini).style.display = "none";
document.getElementById(objeto).style.display = "";
}
CSS:
div.conteudoG {
margin: 0;
padding: 30px 0 0 0;
width: 574px;
}
div.conteudoG_topo {
width: 574px;
height: 25px;
background: url(imagens/caixas/conteudo_gtopo.png) top left no-repeat;
}
div.conteudoG_meio {
padding: 0px 15px 0px 15px;
background: url(imagens/caixas/conteudo_gmeio.png);
color: black;
text-align: justify;
}
div.conteudoG_baixo {
width: 574px;
height: 14px;
background: url(imagens/caixas/conteudo_gbaixo.png) top left no-repeat;
}
div.conteudoG_mini {
width: 574px;
height: 25px;
background: url(imagens/caixas/conteudo_gmini.png) top left no-repeat;
}
img.botao {
width: 20px;
height: 16px;
border: none;
margin: 0 10px 0 0;
float: right;
}
Não entendi nenhuma dúvida sua.
http://forum.imasters.com.br/public/style_emoticons/default/seta.gif Como criar um tópico para o seu problema.
Sobre sua primeira dúvida, você hospedou em algum host gratuito?
Abraços.