Ir para conteúdo
Fórum Script Brasil

Adam Brave

Membros
  • Total de itens

    2
  • Registro em

  • Última visita

Posts postados por Adam Brave

  1. Boas

    Quero apresentar duas tabelas de forma consecutiva sem que elas fiquem sobrepostas. Uma das tabelas é o header do meu site a outra tabela inclui o nav e conteúdo. Neste momento tenho o seguinte código:

    <table id="mainT">
    <?php include("header.html"); ?>
    </table>


    <table border="1"; style="width:100%;">
    <?php include("nav.html"); ?>

    ...

    </table>

     

     

     table#mainT {border:1px solid black; width:100%; position:fixed; top:0; z-index:950}

    Acontece que com o código apresentado a tabela que contem o nav e o conteúdo, acaba por ficar sobreposta ao header. Tentei ajustar a posição da segunda tabela com as tags de "... position:absolute; top:150px ..." mas isto não funciona bem no sentido em que há paginas onde as tabelas n ficam juntas. Tentei também colocar as tags "table" dentro dos próprios ficheiros header.html e nav.html mas também n funciona bem. Alguém me pode ajudar?

     

     


     

  2. Boas,

    Sou novo na programação de páginas web em html e javascript e estou a criar uma página pessoal. Estou a testar várias coisas e gostaria de criar alguns efeitos habituais em páginas que se vai vendo por aí como por exemplo fazer com que um elemento, como uma imagem por exemplo, se mova quando o rato passa sobre ela. Para isto implementei o seguinte código:
     

    <script>
    function hovermouse(x) {
        x.style.height = "113px";
        x.style.width = "113px";
    }
    
    function normalImg(x) {
        x.style.height = "80px";
        x.style.width = "80px";
    }
    </script>

    Este código, em conjunto com a tag <img> onde chamo as funções apresentadas em cima, permite obter um efeito similar ao pretendido.
     

    <img onmousemove="hovermouse(this)" onmouseout="normalImg(this)" src="images/snoopy.gif" alt="HobbiesButton" width="80" height="80">

    O problema desta abordagem é que ela é um pouco grosseira, dado que simplesmente aumenta o tamanho da imagem mas de forma muito brusca fazendo com que toda a página se mova simultaneamente o que se torna incomodativo. Alguém me consegue indicar uma outra forma de fazer este efeito mas de maneira mais... "elegante" e mais suave?

    Obrigado

×
×
  • Criar Novo...