[Resolvido] Menu no blogger

[MarVinOlivieraS 0]

Boa noite, acho que estou postando no lugar certo pois a linguagem utilizada no blogger é o xml,

bem minha dúvida é que estou tentando colocar um menu no meu blog e os itens ñ ficam centralizados, o código é?

 

ul#navlist li
{
float:left;
list-style-type:none;
border-right:0px solid #000000;
white-space:nowrap;
}
#navlist a, #navlist a:link
{
color: #ffffff;
text-decoration: none;
}
ul#navlist li#active
{
color: #000000;
background-color: #cccccc;
}
#navlist a:hover
{
color: #ffffff;
background-color: #000000;
}

onde vai aparecer o item eu coloco:

 

<div id='navcontainer'>
<ul id='navlist'>
<li>
<a href='AQUI O ENDEREÇO DO SEU LINK' id='current'>
<div align='center'>
Home
</div>
</a>
</li>
</ul>
</div>

obs: onde tem <div align=center> eu coloquei depois para tentar corrigir mais não deu certo;

[Claudiobrother 2]

Posta um link do seu blog.

[MarVinOlivieraS 0]

da uma olhada principalmente na palavra softwares, da para perceber melhor.

http://www.testemarvin7.blogspot.com

[XauDH 0]

tenta colocar um text-align:center nessa parte do seu css

ul#navlist li
{
float:left;
list-style-type:none;
border-right:0px solid #000000;
white-space:nowrap;
text-align:center;
}

[MarVinOlivieraS 0]

infelismente ñ deu certo

[MarVinOlivieraS 0]

como ninguém mais se abilitou vou detalhar mais, no exemplo que passei, usei uma tabela assim:

 

<table align='center'><tr>
	<td height='3' width='64'/>
	<td background='http://www.marvin.xpg.com.br/blog/imgmenu.png' class='menu' height='30' rowspan='2' width='118'>
<div id='navcontainer'>
<ul id='navlist'>
<li>
<a href='AQUI O ENDEREÇO DO SEU LINK' id='current'>
<div align='center'>
<span class='style1'>Home</span>
</div>
</a>
</li>
</ul>
</div>
</td>
	<td background='http://www.marvin.xpg.com.br/blog/imgmenu.png' class='menu' rowspan='2' width='118'>
<div id='navcontainer'>
<ul id='navlist'>
<li>
<a href='AQUI O ENDEREÇO DO SEU LINK' id='current'>
<div align='center'>
<span class='style1'>Cursos</span>
</div>
</a>
</li>
</ul>
</div>
</td>

<td background='http://www.marvin.xpg.com.br/blog/imgmenu.png' class='menu' rowspan='2' width='118'>
<div id='navcontainer'>
<ul id='navlist'>
<li>
<a href='AQUI O ENDEREÇO DO SEU LINK' id='current'>
<div align='center'>
<span class='style1'>Jogos</span>
</div>
</a>
</li>
</ul>
</div>
</td>
	<td background='http://www.marvin.xpg.com.br/blog/imgmenu.png' class='menu' rowspan='2' width='118'>
<div id='navcontainer'>
<ul id='navlist'>
<li>
<a href='AQUI O ENDEREÇO DO SEU LINK' id='current'>
<div align='center'>
<span class='style1'>Softwares</span>
</div>
</a>
</li>
</ul>
</div>
</td>
	<td background='http://www.marvin.xpg.com.br/blog/imgmenu.png' class='menu' rowspan='2' width='118'>
<div id='navcontainer'>
<ul id='navlist'>
<li>
<a href='AQUI O ENDEREÇO DO SEU LINK' id='current'>
<div align='center'>
<span class='style1'>Softwares</span>
</div>
</a>
</li>
</ul>
</div>
</td>
</tr>
</table>

[Claudiobrother 2]

Bom dia MarVin! Já que você prefere table, resolvi fazer um exemplo.

Se quiser usar esse exemplo e tiver alguma dúvida, não deixe de postar amigão.

 

Aqui é o estilo:

#navcontainer{
  width:690px;
  border:1px gray solid; /* Deixei essa borda na div pra você saber o tamanho atual dela */
}
#navcontainer table tr td {
  background:url(http://www.marvin.xpg.com.br/blog/imgmenu.png) repeat-x;
  text-align:center;
  width:20%;
  font:12px Verdana, Arial, Helvetica, sans-serif;
  font-weight:bold;
}
#navcontainer a:link, a:visited, a:active {
  color: #fff;
  text-decoration: none;
}
#navcontainer a:hover {
  background-color:#333;
  color: #fff;
  text-decoration: none;
}

Aqui é o menu em table:

<div id="navcontainer">
  <table width="100%" height="32px" cellspacing="2" border="0" >
	<tr>
	  <td><a href="#">Home</a></td>
	  <td><a href="#">Cursos</a></td>
	  <td><a href="#">Jogos</a></td>
	  <td><a href="#">Softwares</a></td>
	  <td><a href="#">Outros</a></td>
	</tr>
  </table>
</div>

[MarVinOlivieraS 0]

acabei de testar nesse layout do meu blog de teste e deu certo, tentei com meu layout ñ deu muito certo mais acho que deve ser uma configuração de outros links que devem estar em conflito, assim que chegar em casa vou fazer o templat novamente com essas configurações.

[Thiago Retondar 18]

Por favor, não de

desnecessários.

 

Utilizar tabelas só irá te atrapalhar, porém aqui no Mozilla Firefox está centralizado.

 

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

[MarVinOlivieraS 0]

Desculpa ae pelo

é que clico em responder e ele aparece automaticamente e acabo esquecendo de remover...

[Thiago Retondar 18]

Para não ter que ficar retirando

, clique em .

 

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

[MarVinOlivieraS 0]

Bom dia!! essa atualização demorou muito, mais agora parece q já melhorou, estava tentando entrar a cada segundo. bem com a ajuda do Claudiobrother consegui resolvel o problema do posicionamento, inclusive dei uma incrementada no código para trocar a imagem do fundo no hover, mais um outro problema que vem tirando meu tempo e meu sono é quanto a cor dos links nesse código está definida para branco e na minha skin a cor dos links é diferente só que tá ficando tudo branco e não só a tabela, como posso limitar essa formatação somente à essa tabela???

 

 

#navcontainer{
  width:100%;
}
#navcontainer table tr td{
  background:url(http://www.marvin.xpg.com.br/blog/imgmenu.png) repeat-x;
  text-align: center;
  width:110px;
  font:15px Verdana, Arial, Helvetica, sans-serif;
  font-weight:bold;
 border-left: 1px solid #B22222;
}
#navcontainer a:link, a:visited, a:active {
color: #fff;
  text-decoration: none;
}
#navcontainer td:hover {
seletor display: block;
  border: 1px solid #A52A2A;
  background:url(http://www.marvin.xpg.com.br/blog/imgmenu2.png) repeat-x;
  text-decoration: none;
}

[Thiago Retondar 18]

Bem,

 

já tentou fazer isso:

 

a {
	color: white;
}

^_^

[MarVinOlivieraS 0]

será que o problema não é por que esta tabela está dentro de outra tabela???

[Thiago Retondar 18]

Pode até ser, mas fazendo o que eu falei no outro post, será aplicado a cor branca à todos os a.

 

^_^

[MarVinOlivieraS 0]

pq apareceu [resolvido] no titulo do post????

[Thiago Retondar 18]

Bom dia!! essa atualização demorou muito, mais agora parece q já melhorou, estava tentando entrar a cada segundo. bem com a ajuda do Claudiobrother consegui resolvel o problema do posicionamento, inclusive dei uma incrementada no código

O assunto central do tópico foi resolvido.

 

^_^

[MarVinOlivieraS 0]

então eu terei que abrir outro post???

[Thiago Retondar 18]

Pode continuar postando aqui, mas em uma próxima, crie um novo tópico. Não há problemas.

 

^_^

[MarVinOlivieraS 0]

Você não conhece uma forma de personalizar apenas um determinado lugar? algo que limite, pensei em colocar <style> no menu ao invés da tag, mais ainda não tentei pq estou sem o dreamweaver aqui no trabalho.