[Resolvido] Centralizar menu

[AAninh@ 0]

pessoal,

 

Como faço para centralizar meu menu para que ele não fique encostado na linha cinza e sim centralizado?

 

O menu está em: http://www.marketingpolis.com.br/V2/

 

 

obrigada pela ajuda

[William Bruno 1501]

Não entendi. você quer centralizar oque? e em relação a que ?

 

O texto de cada subitem ?

 

A barra de menus ?

Já tentou definir uma largura em px para:

<ul class="principal">

e usar um margin: 0 auto ?

 

é realmente centralização horizontal que você está querendo ?

 

Por favor leia:

http://forum.imasters.com.br/index.php?showtopic=212439

 

E tente resolver um tópico de cada vez, temos vários teus aqui abertos, sem resposta, não sabemos se você conseguiu ou não resolver.

[AAninh@ 0]

O que quero centralizar e em relação a que está melhor explicado na imagem abaixo:

 

 

O que já tentei fazer é:

 

* colocar um align="center" na td q segura ele:

<td height="35" colspan="3" align="center" class="clear"><div id="menu">

(o que não deu certo, o menu não se moveu nem um pouco)

 

* E no css tentei colocar:

#menu { 
padding-bottom:5px;
height:35px;
margin:auto;
margin-left:auto;
margin-right:auto;
}

O que também não adiantou.

 

Espero que pela imagem e pelo que tentei explicar do que fiz você possa entender melhor o que quero dizer.

 

Quanto a postar um tópico de cada vez pode deixar, vou me controlar mais... Sobre os tópicos que ainda estão abertos de minhas dúvidas estou tentando resolver e vendo se ainda não tenho dúvida para depois perguntar e quando concluir ou tiver um simples resultado eu irei postar para agradecer e mostrar o resultado.

 

Muito obrigada pela sua ajuda

 

Abraços

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[Thiago Retondar 18]

AAninh@,

 

faltou definir o width no menu. http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

 

Ficando assim:

 

#menu {
padding-bottom:5px;
height:35px;
width: 790px;
margin:0 auto;
}

Note que eu resumi em um linha os margins. http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[AAninh@ 0]

Eu coloquei do jeito que me disse, mas o menu ainda continua no mesmo lugar. Você sabe o que pode está acontecendo?

 

http://www.marketingpolis.com.br/V2/

 

CSS: http://www.marketingpolis.com.br/V2/css/marketingpolis.css

 

Será que o problema seria no CSS do estilo do menu, e não no css do site?

 

CSS do estilo do menu: http://www.marketingpolis.com.br/V2/css/estilos.css

[Thiago Retondar 18]

AAninh@,

 

isso deve acontecer por causa da tabelas que está usando para estruturar o site. Tente aplicar o código que te passei no container no menu. http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[AAninh@ 0]

AAninh@,

 

isso deve acontecer por causa da tabelas que está usando para estruturar o site. Tente aplicar o código que te passei no container no menu. http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

eu estou mexendo no css do estilo e mudei onde está 8px estava 0px;

 

 

ul.principal li {
	float: left;
	margin: 0 0 0 8px;
	text-align: center;
	position: relative;
	height: 30px;
	background: transparent;
}

Parece que o menu ficou meio centralizado, de uma olhada por favor.

 

http://www.marketingpolis.com.br/V2/

 

Obrigada

[Thiago Retondar 18]

O seu site não apresenta imagens no menu!

 

Coloquei um background com cor e não centralizou.

 

Então, coloque isso:

 

#menu{
width: 800px;
margin: 0 auto;
}

Dois conselhos:

 

http://forum.imasters.com.br/public/style_emoticons/default/seta.gif Estude um pouco sobre a parte teórica do CSS;

http://forum.imasters.com.br/public/style_emoticons/default/seta.gif Tire todas as tabelas do sites, deixando apenas para dados tabulares.

[AAninh@ 0]

Eu acho que o meu site não apresenta background no menu pq quero que ele fique transparente.

 

Coloquei o código que você me disse e deu certinho. http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

 

Quanto aos conselhos, sou iniciante então você pode me responder essas dúvidas: como eu posso tirar todas as tabelas? Se eu fizer isso terei de reestruturar todo o site? ou só ir tirando as "tables"? como assim deixando apenas para dados tabulares?

 

muito obrigada pela ajuda

 

Abraços

[Thiago Retondar 18]

O primeiro passo é analisar onde deve ter e onde não deve ter tabelas.

 

O Rick está fazendo um excelente trabalho postando vídeo aulas de CSS http://forum.imasters.com.br/public/style_emoticons/default/seta.gif http://forum.imasters.com.br/index.php?showtopic=341755.

 

O que são dados tabulares? Pense em dados tabulares, como uma tabela do Campeonato Brasileiro, ou até mesmo a planilha do Excel. Aqui é uma verdadeira tabela!

 

O que acontece é que quem usa tabelas para estruturar sites pode ter um trabalho ágil no começo, mas depois que vai vendo os erros que aparecem, percebe que o trabalho é mais árduo.

 

O site do Maujor é excelente também.

 

Meu maior conselho é tentar fazer com que você treine o CSS e XHTML separados desse site, assim vendo direitinho cada propriedade. http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[Paulo de Tarso F. M. 24]

E, além da questão do trabalho com uso de tabelas, há também uma outra coisa, ainda mais importante: a semântica. Dê uma pesquisada sobre isso, e você irá entender também sobre a semântica de todas as tags do HTML, não só da tabela.

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif