Ir para conteúdo

POWERED BY:

Arquivado

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

Matheus Vieira

Menu Ocupar a Tela Inteira.

Por , em Desenvolvimento frontend

Recommended Posts

Matheus Vieira    0

Matheus Vieira
Postado

Ola amigos, estou criando um menu horizontal, mas ele esta assim:

 

FfAnS.png

 

 

mas gostaria que fica-se como este:

 

DNprD.jpg

 

Meu Código CSS:

 

body
	{
		background-color:white;
	}

	* {
		padding:0px;
		margin:0px;
	}

	#topo{
		margin:auto;
		width:600px;
		font-family:Arial, Helvetica, sans-serif;
	}

	ul, ol {
		list-style:none;
	}

	.nav li a {
		background:#141414 url(Imagens/menu.png);
		color:white;
		text-decoration:none;
		padding:10px;
		display:block;
	}

	.nav > li a:hover {
		background:#141414 url(Imagens/menuho.png);
	}

	.nav > li {
		float:left;
	}

	.nav li ul {
		display:none;
		position:absolute;
		min-width:10px;
	}

	.nav li:hover > ul {
		display:block;
	}

Compartilhar este post

Link para o post
Compartilhar em outros sites

Fernando Neto MH    13

Fernando Neto MH
Postado

simples amigo faz assim cria uma div com o width de 100% (largura de 100% do navegador) ok vai o código

 

exemplo index.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sem título</title>

</head>

<body>
<div id="menu">
MENU AQUI
</div>
</body>
</html>

exemplo css

<style type="text/css">
/* Atribuir margem 0 ao body para que ele preencha todo navegador*/
body{
margin:0px;
}
#menu {
text-align: center;
width: 100%;
margin:0px;
}
</style>

 

 

 

Amigo, eu não entendi, é que sou novo na área!

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