Ir para conteúdo
Fórum Script Brasil
  • 0

Este div não sobrepoe textos


Guilherme014

Pergunta

Este div não sobrepoe textos do html.

Por exemplo, tenho um link, e quando a pessoa clica abre este div, mas ele não sobrepoe as imagens e textos abaixo, o que fazer ?

<div id="departamentos" align="left" style="position:absolute; left:556px; top:890px; width:183px; border: 1px solid #000066; background-color: #6699CC; height: 143px; display:none;" >
<table width="100%" border="0" align="left" cellpadding="0" cellspacing="0">
  <tr>
    <td align="left"><a href="java script:void('Ciências Exatas');" onclick="ajaxGet('paginas/ensino/index.php?pagina=departamentos/index.php?dep=30', document.getElementById('internas'), true);">Ciências Exatas</a></td>
    </tr>
  <tr>
    <td align="left"><a href="java script:void('Ciências Humanas e Sociais');" onclick="ajaxGet('paginas/ensino/index.php?pagina=departamentos/index.php?dep=40', document.getElementById('internas'), true);">Ciências Humanas e Sociais</a></td>
    </tr>
  <tr>
    <td align="left"><a href="java script:void('Ciências da Saúde');" onclick="ajaxGet('paginas/ensino/index.php?pagina=departamentos/index.php?dep=110', document.getElementById('internas'), true);">Ciências da Saúde</a></td>
    </tr>
  <tr>
    <td align="left"><a href="java script:void('Construção Civil');" onclick="ajaxGet('paginas/ensino/index.php?pagina=departamentos/index.php?dep=60', document.getElementById('internas'), true);">Construção Civil</a></td>
  </tr>
  <tr>
    <td align="left"><a href="java script:void('Desenho');" onclick="ajaxGet('paginas/ensino/index.php?pagina=departamentos/index.php?dep=70', document.getElementById('internas'), true);">Desenho</a></td>
  </tr>
    <tr>
    <td align="left"><a href="java script:void('Eletro-Eletrônica');" onclick="pop('http://dee.cefet-ma.br', 600, 800, 1, 0, 1, 1, 1, 1, 1, 1, 1);">Eletro-Eletrônica</a></td>
  </tr>
    <tr>
    <td align="left"><a href="java script:void('Informática');" onclick="pop('http://dai.cefet-ma.br', 600, 800, 1, 0, 1, 1, 1, 1, 1, 1, 1);">Informática</a></td>
  </tr>
    <tr>
    <td align="left"><a href="java script:void('Letras');" onclick="ajaxGet('paginas/ensino/index.php?pagina=departamentos/index.php?dep=50', document.getElementById('internas'), true);">Letras</a></td>
  </tr>  <tr>
    <td align="left"><a href="java script:void('Mecânica e Materiais');" onclick="pop('http://dmm.cefet-ma.br', 600, 800, 1, 0, 1, 1, 1, 1, 1, 1, 1);">Mecânica e Materiais</a></td>
  </tr>
    <tr>
    <td align="left"><a href="java script:void('Qu&iacute;mica');" onclick="ajaxGet('paginas/ensino/index.php?pagina=departamentos/index.php?dep=80', document.getElementById('internas'), true);">Qu&iacute;mica</a></td>
  </tr>
  <tr>
    <td align="left"><a href="java script:void('Fechar');" onclick="toggle('departamentos')" class="link_1">Fechar</a></td>
  </tr>
</table>
</div>

Link para o comentário
Compartilhar em outros sites

1 resposta a esta questão

Posts Recomendados

  • 0

Guilhermão...especifica melhor o que está querendo...

Olha só, quando eu abri o seu html, ele primeiro não apareceu o div. Lógico, deve estar usando um Js para fazer aparecer, mas quando eu coloco ele para aparecer, ele vai lá pra baixo da tela...

Provavelmente está errando no position absolute.

Outra coisa, se está querendo fazer ele aparecer por cima, deve utilizar o z-index, que põe ordem aos elementos. O z-index do Css, recebe um número inteiro.

Então se quisesse que esse div sobrepusesse outro com nome div2 você colocaria o valor do z-index para 1 e colocaria o valor do z-index do div2 para 0.

Se tem dúvida da ordem em que os elementos da sua página estão, pode jogar um valor bem alto no z-index do seu div para 1000000000 por exemplo. Nada vai ficar sobre ele.

Abraço

Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,2k
×
×
  • Criar Novo...