Ir para conteúdo

POWERED BY:

Arquivado

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

jotaerre10

Menu inline centralizado

Por , em Desenvolvimento frontend

Recommended Posts

jotaerre10    0

jotaerre10
Postado

e ae galera,

 

deve ser simples resolver isso eu sei, mas naum ta clareando as minhas idéias....

 

fiz um layout com um menu inline e não consigo centraliza-lo, como posso fazer isso????

 

seguem os códigos ....

 

página HTML

 

<body>	<div id="topo">		<a href="#">Unimed Costa do Sol</a>	</div>	<div id="menu">		<ul>			<li><a href="#">home</a></li>			<li><a href="#">quem somos</a></li>			<li><a href="#">central de exames</a></li>			<li><a href="#">localização</a></li>			<li><a href="#">contatos</a></li>		</ul>	</div>	<div id="geral">		conteudo	</div>	<div id="rodape">		rodape	</div></body>

código CSS

 

body{	font:12px "Trebuchet MS", Verdana, Arial, sans-serif;	background:url(../img/1.jpg) repeat-x fixed;	padding:0;	margin:0;}/** Topo **/#topo a{	margin:auto;	padding:0;	width:900px;	height:100px;	background:url(../img/2.jpg);	text-indent:-999px;	overflow:hidden;	display:block;}/** Menu **/#menu{	height:25px;	background:#017046;}#menu ul li{	display:inline;}#menu ul li a{	float:left;	text-align:center;	padding:0 30px;	text-decoration:none;	font:bold 10px/25px "Trebuchet MS", Verdana, Arial, sans-serif;	text-transform:capitalize;	color:#fff;}#menu ul li a:hover{	background:#015837;}/** Geral **/#geral{	width:900px;	background:#fff;	margin:auto;	background:url(../img/sombra-menu.gif) top no-repeat;}/** Rodape **/#rodape{	width:900px;	margin:auto;	text-align:center;}

 

se puderem me ajudar eu agradeço...

 

 

sem mais.

 

Luiz Morais Junior

Compartilhar este post

Link para o post
Compartilhar em outros sites

webflex    0

webflex
Postado

Olá,

 

Altere seu CSS por este:

* { margin: 0 auto; padding: 0; text-align: center;}body{	font:12px "Trebuchet MS", Verdana, Arial, sans-serif;	background:url(../img/1.jpg) repeat-x fixed;	padding:0;	margin:0;}/** Topo **/#topo a{	margin:0 auto;	padding:0;	width:900px;	height:100px;	background:url(../img/2.jpg);	text-indent:-999px;	overflow:hidden;	display:block;}/** Menu **/#menu{   	height:25px;	background:#017046;}#menu ul li{	display:inline;	}#menu ul li a{   	padding:0 30px;	text-decoration:none;	font:bold 10px/25px "Trebuchet MS", Verdana, Arial, sans-serif;	text-transform:capitalize;	color:#fff;}#menu ul li a:hover{  	padding: 5px 30px;	background:#015837;}/** Geral **/#geral{	width:900px;	background:#fff;	margin:auto;	background:url(../img/sombra-menu.gif) top no-repeat;}/** Rodape **/#rodape{	width:900px;	margin:auto;	text-align:center;}
Cumps \o/

Compartilhar este post

Link para o post
Compartilhar em outros sites

jotaerre10    0

jotaerre10
Postado

Amigo,funcionou perfeitamente, mas to com um problema e não to sabendo resolver tbm...meu conteudo não fica dentro da div page....mesmo eu forçando e definindo a altura na marra ela não abre...você sab pq isso????desde já obrigadoopaaa..já resolvi, vlw msmfui

Compartilhar este post

Link para o post
Compartilhar em outros sites

webflex    0

webflex
Postado

Olá,Mais um tópico resolvido então :D.Cumps \o/

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