0
I have a question regarding the position of the logo of a website I’m creating.
I’m learning now HTML and CSS, I’m having some doubts one of them would be the one of logo positioning.
That next image would be in DW Software, it’s cut at the end but it’s in the position you’d like it to be.
Now when I simulate in the Software with F12 it looks like this :
CSS and HTML code :
@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>
I have a deep hatred for the lack of fidelity of the work on Dreamweaver. Tip: Leave this tool as soon as possible.
– Leon Freire
For now I am using this tool by finding some tutorials , if you can help me indicating books or videos I would be very grateful !!
– Caio Wesley
@Caiowesley here’s a question sensational about position.
– Marconi
@Caiowesley on material suggestion is very complicated, it goes from each one. I’ve been learning on google even under the need and with a lot of testing. But one thing I’ve always done is learn directly from Notepad++ and with a lot of Inspect in Chrome.
– Leon Freire
Got it @Leonfreire Thanks so much for your help !!!
– Caio Wesley
@Caiowesley I think if you check how your site is now running on Chrome and give an insight, you’ll get a good idea of why this is happening.
– Leon Freire