Adam Brave
-
Total de itens
2 -
Registro em
-
Última visita
Posts postados por Adam Brave
-
-
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
Como apresentar duas tabelas consecutivas de forma não sobreposta.
em HTML, XHTML, CSS
Postado
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?