Você está na página 1de 1

LICENCIATURA EM ENG INFORMTICA TECNOLOGIAS WEB INTRODUO S TECNOLOGIAS MULTIMDIA

FICHA DE TRABALHO N 7 HTML & CSS - POSICIONAMENTO


Considerando o seguinte corpo de uma pagina html: <div id="caixa"> <img id="casa" src="imgs/casa.png"> <img id="telhado" src="imgs/telhado.png"> <img id="chamine" src="imgs/chamine.png"> <img id="porta" src="imgs/porta.png"> <img id="janela" src="imgs/janela.png"> </div> Crie duas folhas de estilo, uma apenas com recurso ao posicionamento relativo e outra apenas com o recurso ao posicionamento absoluto, de forma a posicionar correctamente os vrios elementos que constituem a casa. As pginas devero ficar com o aspecto da seguinte figura:

Nota: Considere as dimenses da caixa geral 500px, 500px.

~1~