Estou com uma dúvida em relação ao position do logo de um site que estou criando.
Estou aprendendo agora HTML e CSS, estou com algumas dúvidas uma delas seria essa do posicionamento do logo.
Essa imagem a seguir seria no Software DW, ela está cortada no final mas está na posição que gostaria que ficasse.
Agora quando simulo no Software com F12 ela fica assim :
Código CSS e HTML :
@charset "utf-8";
/* CSS Document */
body {
font-family:Calibri;
font-size:30px;
line-height:36px;
color:rgb(255,255,255);
text-align:left;
}
#topo {
background:url(../imagens/topo.png);
width:1024px;
height:190px;
border-bottom:none;
margin:auto;
}
#logo {
float : right;
background: url(../imagens/logoc.png);
width: 528px;
height: 133px;
position: absolute;
top: 37px;
left: 35px;
}
#fundoinicial {
width:1024px;
height:1080px;
margin:10px auto 20px auto;
background-image:url(../imagens/fundoof.png);
}
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link href="css/reset.css" rel="stylesheet" type="text/css" />
<link href="css/estilo.css" rel="stylesheet" type="text/css" />
<style type="text/css">
body {
background-image: url(../PLANILHAS%20CAIO/projeto/imagens/fundo.jpg);
}
</style>
</head>
<body>
<div id ="logo"></div><!--div logo-->
<div id ="topo"></div><!--div do topo-->
<div id ="fundoinicial"></div><!--div fundo-->
<div id="menu_conteiner"> <!--div menu-->
<div id="menu">
<ul>
<li><a href="#">Pagina Inicial</a></li>
<li><a href="#">Areas de cobertura</a></li>
<li><a href="#">Serviços</a></li>
<li><a href="#">Quem somos</a></li>
<li><a href="#">Fale conosco</a></li>
</ul>
</div>
</body>
</html>