Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Carlos_augusto_ribeiro

posicionamento do site

Por , em Desenvolvimento frontend

Recommended Posts

Carlos_augusto_ribeiro    0

Carlos_augusto_ribeiro
Postado

ola pessoal, esse é meu primeiro post aqui no site, então vamos lá.

 

Bom, eu não estou conseguindo organizar os conteudos do site , com o layout.(obs, estou no menu e na logo ainda!)

eu fiz da seguinte forma.

<body>

<div id="box"><!--Abrindo Div corpo do site-->

   <div id="header"><!--Abrindo Div topo-->

	<div id="logo"><!--Abrindo Div logo-->
	<img src="imagens/logo.png">
       </div><!--Fechando Div Logo-->

           <div id="menu"><!--Abrindo Div Menu-->
	<ul>
		<li><a href="#">CONTATO</a></li>
		<li><a href="#">SERVIÇOS</a></li>
		<li><a href="#">MÁQUINAS</a></li>
		<li><a href="#">O CAFÉ</a></li>
		<li><a href="#">QUALIDADE</a></li>
		<li><a href="#">PRODUTOS</a></li>
		<li><a href="#">EMPRESA</a></li>
           <li><a href="#">INÍCIO</a></li>
	</ul>

           </div><!--Fechando Div Menu-->

   	</div><!--Fechando Div Topo-->


<div id="content"><!--Abrindo Div Conteudo-->
	<div id="expresso"><!--Abrindo Div qual seu café-->
	</div>

       	<div id="Banner"><!--Abrindo Div Id Banner-->
           </div><!--Fechando Div Id Banner-->

           	<div id="Noticias"><!--Abrindo Div Id Noticias-->
               </div><!--Fechando Div Id Notícias-->

		<div id="produtos"><!--Abrindo Div Id produtos-->
           </div><!--Fechando Div Id Produtos-->

       <div id="serviços"><!--Abrindo Div Serviços-->
       </div><!--Fechando Div Serviços-->

   </div><!--Fechando Div Conteudo-->
<div id="bottom"><!--Abrindo Div Rodapé-->
</div><!--Fechando Div Rodapé-->
</div><!--Fechando Div Corpo-->
</body>

 

e a estrutura css ta assim...

 

@charset "utf-8";
/* CSS Document */

body 		{
		/*Imagem de Fundo*/
		background:url(../imagens/bg.jpg) scroll no-repeat center 0px;
		padding:0px;
		margin-top:5px;
		margin-bottom:0px;
		margin-left:150px;
		margin-right:150px;
		}

#logo		{

		border:none;
		width:20px;
		position:relative;
		}

#menu ul 	{
		list-style:none;
		font-family:Calibri;
		font-size:14px;
		font-weight:bold;
		color:#ffcc00;
		margin-right:40px;
		top:0px;
		}


#menu ul li a {
		color:#ffcc00;
		text-decoration: none;
		padding: 2px 7px;
		float:right;
		}

 

eu queria o menu no topo e a logo á esquerda dele.

obrigado

Compartilhar este post

Link para o post
Compartilhar em outros sites

Henrique Barcelos    290

Henrique Barcelos
Postado

Coloque:

float:left;

tanto em #logo, quanto em #menu.

 

Fazendo isso, não se esqueça de também definir uma largura para #menu

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito