div não abre. crio q seja css

Eric Freitas · Junho 10, 2008

Bom, pessoal.

Estou com mais um probleminha, e como dito parece ser no css.

no JS não é porque ele abre 2 divs e ficam faltando 3 q seriam os botões próximo, anterior e fecha de um álbum.

pra não perder muito tempo vou postar o css e o html já.

/*
*
* - Divs para album de fotos
*/
#img{
    position:absolute;
    width:100%; 
    height:100%; 
    background-color: #000;

    opacity:0.65;
    -moz-opacity: 0.65;
    filter: alpha(opacity=65);
    
    display:none;
    z-index: 6;
}
#foto{
    position:absolute;
    width: 600px;
    height: 455px;
    background-color: #fff;
    margin-top: 50px;
    margin-left: 75px;
    display:none;
    z-index:7;
}
#foto_cima{
    position:absolute;
    width: 600px;
    height: 455px;
    margin-top: 0px;
    margin-left: 75px;
    display:none;
    z-index:8;
}
#proximo{
    position:absolute;
    width: 117px;
    height: 41px;
    margin-left:480px;
    margin-top: 10px;
    cursor: pointer;
    display:none;
    z-index:8;
    
}
#anterior{
    position:absolute;
    width: 44px;
    height: 50px;
    margin-top: 10px;
    cursor: pointer;
    display:none;
    z-index:8;
}
#fechar{
    position:absolute;
    margin-top: 10px;
    margin-left: 290px;
    cursor: pointer;
    display:none;
    z-index:8;
}
/*
* - FIM ALBUM
*
*/

html

...

<body>
<div id="foto_cima" > <!-- div q não aparece. -->
    <div id="proximo" onclick="fotoProximo();"><img src="./html/imagens/seta_dereita.png" /></div>
    <div id="fechar" onclick="esconderFades();"><img src="./html/imagens/X.png" /></div>
    <div id="anterior" onclick="fotoAnterior();"><img src="./html/imagens/seta_esquerda.png" /></div>    
</div>
<div id="foto"></div>
<div id="img"></div>
<div id="banner_vert"><img src="vert.png" width="201" height="562" /></div>

<div id="conteiner">
    <div id="logo">
    </div>
    <div id="menu">
    </div>
    <div id="publicidade">
    </div>
    <div id="conteudo">
        <span id="lateral">
        </span>
        <span id="meio">
        </span>
        <span id="rodape">
        </span>
    </div>
</div>    
</body>
</html>

KaKarotto · Junho 11, 2008

#foto_cima tá definido como display:none. Isso significa que o div não é mostrado na tela. Mude para display:block ou display:inline se for o caso, para aparecer.

Me parece que isso que está fazendo é uma espécie de modal, o Javascript é quem deveria fazer o papel de aparecer ou desaparecer.

Abraço

Eric Freitas · Junho 11, 2008

é era o JS q tava controlando mas ele abria o foto_cima e o que tava dentro não.

de qualquer forma já arrumei uma parada mais bunita e q funciona em quase todos os broeser

-> SlimBox

De qualquer forma. Obrigado Kakaroto

Entrar

div não abre. crio q seja css

Pergunta

Eric Freitas

Link para o comentário

Compartilhar em outros sites

2 respostass a esta questão

Posts Recomendados

KaKarotto

Link para o comentário

Compartilhar em outros sites

Eric Freitas

Link para o comentário

Compartilhar em outros sites

Participe da discussão

Estatísticas dos Fóruns

Navegação

Atividades