botando menu dentro de div

[montano 0]

boa tarde, nao estou conseguindo alinhar meu menu no centro da pagina. :S

 

 

CSS DO MENU

<style>
#MainMenu 
{
	width:100%;
	height:25px;
	background:url(images/bmid_035.gif);
	border:0;
	margin:0;
}
#tab 
{
	top:0;
	height:0;
	background:repeat-x top;
	margin:0;
}
#tab ul 
{
	list-style:none;
	float:left;
	margin:0;
	padding:0;
}
#tab li 
{
	display:inline;
	float:left;
	margin:0;
	padding:0;
}
#tab a 
{
	background:#000 url(images/bright_035.gif) no-repeat right top;
	text-decoration:none;
	border:0;
	display:block;
	float:left;
	margin:0;
	padding:0;
}
#tab a span 
{
	display:block;
	background:url(images/bleft_035.gif) no-repeat left top;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFF;
	font-weight:700;
	line-height:25px;
	padding:0 18px 0 16px;
}
#tab a:hover,#tab li.item_active a 
{
	background-position:right bottom;
	border-color:#000;
}
#tab a:hover span,#tab li.item_active a span 
{
	background-position:left bottom;
	color:#FFF;
	font-weight:700;
	font-style:normal;
	text-decoration:none;
}
.dropmenudiv 
{
	position:absolute;
	top:0;
	float:left;
	display:block;
	visibility:hidden;
	border:0 #306;
	background:url(images/bmid_035.gif);
	color:#FFF;
	z-index:100;
	text-decoration:none;
	padding:0;
}
.dropmenudiv ul 
{
	list-style:none;
	margin:0;
	padding:0;
}
.dropmenudiv li 
{
	display:inline;
	margin:0;
	padding:0;
}
.dropmenudiv a:link,.dropmenudiv a:visited 
{
	width:180px;
	display:block;
	border:0 #000;
	color:#FFF;
	background:url(images/bleft_035.gif) no-repeat left top;
	font-weight:700;
	font-style:normal;
	text-decoration:none;
	margin:0;
	padding:0;
}
.dropmenudiv a span 
{
	display:block;
	line-height:25px;
	background:url(images/bright_035.gif) no-repeat right top;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFF;
	float:none;
	padding:0 18px 0 16px;
}
.dropmenudiv a:hover 
{
	border:0 #000;
	background-position:left bottom;
	font-weight:700;
	font-style:normal;
	text-decoration:none;
	color:#FFF;
}
.dropmenudiv a:hover span 
{
	background-position:right bottom;
	color:#FFF;
	font-weight:700;
}

</style>

 

CSS DO POSICIONAMENTO QUE EU TO TENTANDO FAZER

 

*{padding:0;margin:0;}
#menuprincipal{clear:both;height:0px;width:700px;float:center;aling:center;}
#cabecalho{clear:both;height:0px;width:700px;float:center;aling:center;}

 

HTML

<div id="cabecalho">
<div id="menuprincipal" style="position: relative; top: 170px;">
	<div id="tab">
		<ul>
			<li><a href="charqueadas.php"><span>Home</span></a></li>
			<li><a href="empregos.html"><span>Empregos</span></a></li>
			<li><a href="concursos.html"><span>Concursos</span></a></li>
			<li><a href="classificados.html"><span>Classificados</span></a></li>
			<li><a href="mapas.html"><span>Mapas</span></a></li>
			<li><a href="telelista.html"><span>Lista Telefônica</span></a></li>
			<li><a href="telelista.html"><span>Noticias</span></a></li>
		</ul>
	</div>
</div>
</div>

 

ta ai, ele esta alinhando na esquerda da div cabecalho. e nao no meio. tipo eu tenho varias imagens e input no meio da div cabecalho, e elas ficam centralizadas. e to fazendo do mesmo jeito. entao acho que eh alguma configuraçao no css do menu que nao decha ele alinhar. eu nao sei mecher em css, por isso peço ajuda para algume.. obrigadoo

[William Bruno 1501]

float:center;aling:center;}

float: center não existe

align: center tb não existe em css.

 

text-align: center; só alinha textos.

 

Defina um width fixo em pixels, e declare margin: 0 auto; assim com as margins laterais automáticas, você vai conseguir centralizar.

Se fizer isso, deixe de usar o position... ele ainda vai te atrapalhar, por estar sendo usado de maneira descuidada..

[montano 0]

#menuprincipal{clear:both;height:0px;width:700px;margin: 0 auto;}

 

botei assim.. e tirei o position , e dae ele nao obedesce o top, e nao alinha :S o width ta 700px para todas divs

[Thiago Retondar 18]

#menuprincipal{clear:both;height:0px;width:700px;margin: 0 auto;}

 

botei assim.. e tirei o position , e dae ele nao obedesce o top, e nao alinha :S o width ta 700px para todas divs

O top só funciona com position. Tente usar margin-top. http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[montano 0]

ok o margin top resolve o top, mas mesmo com o margin 0 ali auto, ele nao ta alinhando esse meu menu :S

[William Bruno 1501]

você está usando qual navegador?

declarou um DOCTYPE ?

 

se vai usar o margin top, então faça:

margin: 170px auto 0 auto;

top, right, bottom, left (sentido horário)

 

Poste um link para teu site.

Mas olhe também para os elementos pais do menu, eles podem estar interferindo no posicionamento.

[montano 0]

http://www.sistemainside.com.br/Eline/charqueadas.php

 

nao consigo fazer aquele menu de letras se posicionar no meio da tela :S

nem o de cima, ele parece esta no centro mas eh soh por causa do tamanho.

DOCTYPE?

[Thiago Retondar 18]

Não testei, mas tenta algo assim:

 

* {
margin: 0;
padding: 0;
}

#blue {
width: 750px;
height: 110px;
position: absolute;
top: 50%; /*Posiciona o elemento a 50% do topo*/
left: 50%; /*Posiciona o elemento a 50% da esquerda*/
margin: -55px 0 0 -375px; /*Perceba que é a metade do width e height*/
}

Abraços.

[montano 0]

amigao, qual dos esse eh no css do az.css?

 

tentei aqui ele fico muito a esquerda..nao substitui os meus, soh botei o seu junto.

[Thiago Retondar 18]

Então tente ajeitar o width e height.