Ir para conteúdo

POWERED BY:

Arquivado

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

numero

Alinhamento menu no topo

Por , em Desenvolvimento frontend

Recommended Posts

numero    1

numero
Postado

Olá.

Estou tentando fazer um novo site, só que faz 1 ano que não mexo mais com progweb, já esqueci de tudo.

 

Estou tentando alinhar um menu que fica no topo da página mas não consigo, além de criar um espaço de 70px sem explicação.

 

Aqui coloco o link da imagem de como fica

 

Estou tentando colocar o menu na parte direita do topo.

 

Deveria ficar assim

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Km</title>
<link rel="stylesheet" type="text/css" href="arquivos/style/style.css">
</head>

<body>
    <div id="barratop">
        <ul>
        	<a href="#"><li>Início</li></a>
        	<a href="#"><li>Empresa</li></a>
        	<a href="#"><li>Serviços</li></a>
        	<a href="#"><li>Importante</li></a>
        	<a href="#"><li>Equipe</li></a>
        	<a href="#"><li>Contato</li></a>
        	<a href="#"><li>Blog</li></a>
        	<a href="#"><li>Acesso</li></a>        
        </ul>
    </div>


</body>
</html>

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

body{
	margin:0 auto;
	width:100%;
}

body #barratop{
	margin:0 auto;
	width:100%;
	height:70px;
	background-image:url(../imagem/estrutura/header_bg.png);
}

body #barratop ul{
	margin:0 auto;
	width:1150px;
	list-style:none;
	display:inline-block;
	height:100%;
}

body #barratop ul a{
	font-family:"Metro Nova Pro";
	color:white;
	font-size:21px;
}

body #barratop ul a li{
	display:inline-block;
	height:100%;
}

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