Este documento fornece instruções para uma tarefa de posicionamento de elementos HTML usando CSS. Os alunos devem criar duas folhas de estilo - uma usando posicionamento relativo e outra usando posicionamento absoluto - para posicionar corretamente imagens que representam partes de uma casa dentro de uma div.
Este documento fornece instruções para uma tarefa de posicionamento de elementos HTML usando CSS. Os alunos devem criar duas folhas de estilo - uma usando posicionamento relativo e outra usando posicionamento absoluto - para posicionar corretamente imagens que representam partes de uma casa dentro de uma div.
Direitos autorais:
Attribution Non-Commercial (BY-NC)
Formatos disponíveis
Baixe no formato PDF, TXT ou leia online no Scribd
Este documento fornece instruções para uma tarefa de posicionamento de elementos HTML usando CSS. Os alunos devem criar duas folhas de estilo - uma usando posicionamento relativo e outra usando posicionamento absoluto - para posicionar corretamente imagens que representam partes de uma casa dentro de uma div.
Direitos autorais:
Attribution Non-Commercial (BY-NC)
Formatos disponíveis
Baixe no formato PDF, TXT ou leia online no Scribd
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.