Tou a aprender a construir páginas usando css, mas estou com o seguinte problema na utilização da propriedade position: absolute(que permite posicionar um elemento-neste caso uma imagem).
õ código que tenho é:
CSS:
img#logo {
position: absolute;
left: 0px;
top: 0px;
height: 250px; width: 250px;
border-bottom-style: ridge;
border-bottom-color: limegreen;
}
img#bannertopo {
position:absolute;
left: 255px;
top: 0px;
border-bottom-style: ridge;
border-bottom-color: yellow;
}
HTML:
<html>
<head>
<title>pagina</title>
<link rel="stylesheet" type="text/css" href="cssdesign.css" />
</head>
<body>
<img id="logo" src="imagens/logo.png" alt="Logo">
<img id="bannertopo" src="imagens/bannertopo.bmp" alt="Banner Topo">
<p>dskhsdfkh</p>
</body>
</html>
O problema é que o elemento p é colocado no ínicio da página, o que me força a definir a posição deste elemento e de todos os que se seguirem, o que me põe dúvidas sobre estar a usar esta propriedade.
A razão porque a uso é porque quero a imagem encostada mesmo em cima em 0px 0px. Qual é a melhor solução?
õ código que tenho é:
CSS:
img#logo {
position: absolute;
left: 0px;
top: 0px;
height: 250px; width: 250px;
border-bottom-style: ridge;
border-bottom-color: limegreen;
}
img#bannertopo {
position:absolute;
left: 255px;
top: 0px;
border-bottom-style: ridge;
border-bottom-color: yellow;
}
HTML:
<html>
<head>
<title>pagina</title>
<link rel="stylesheet" type="text/css" href="cssdesign.css" />
</head>
<body>
<img id="logo" src="imagens/logo.png" alt="Logo">
<img id="bannertopo" src="imagens/bannertopo.bmp" alt="Banner Topo">
<p>dskhsdfkh</p>
</body>
</html>
O problema é que o elemento p é colocado no ínicio da página, o que me força a definir a posição deste elemento e de todos os que se seguirem, o que me põe dúvidas sobre estar a usar esta propriedade.
A razão porque a uso é porque quero a imagem encostada mesmo em cima em 0px 0px. Qual é a melhor solução?