Centralizar widget em css

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Centralizar widget em css

Mensagem por kakakoro em 01/12/12, 12:06 pm

Qual é minha questão:
Olá, aqui estou eu de volta. Consegui fazer todo o menu em widget para meu fórum e ficou dessa forma. 



Queria saber se tem como centralizar isso, ou colocar o nome em caixas para ficar alinhado. 

Meu código CSS

Spoiler:
<div style="margin:auto;text-align:center;width:100%"><div style="margin:auto;text-align:center;width:100%"><span style="font-size: 12px; line-height: normal"><div id='cssmenu'>
<ul>
<li class='active '><a href='index.html'><span>Inicio</span></a></li>
<li class='has-sub '><img src="http://images1.wikia.nocookie.net/__cb20110108180414/tibia/en/images/3/38/Hunter_of_Dragoes.gif" style="float:left;width:15px;height:15px"><a href='http://ezeniarpg.forumeiro.com/rpg_sheet_edit?u'><span>Meu Personagem</span></a>
<ul>
<li><img src="http://tibia.portaltibia.com.br/wiki/images/7/7a/Magic_Longsword.gif" style="float:left;width:15px;height:15px"><a href='http://ezeniarpg.forumeiro.com/t33-armas-belicos#48'><span>Itens Para Bélicos</span></a></li>
<li><img src="http://images2.wikia.nocookie.net/__cb20071202214515/tibia/en/images/1/1f/Hailstorm_Rod.gif" style="float:left;width:15px;height:15px"><a href='http://ezeniarpg.forumeiro.com/t34-equipamentos-druidas#49'><span>Itens Para Druidas</span></a></li>
<li><img src="http://images2.wikia.nocookie.net/__cb20050520010711/tibia/en/images/5/51/Crossbow.gif" style="float:left;width:15px;height:15px"><a href='http://ezeniarpg.forumeiro.com/t35-equipamentos-paladinos#50'><span>Itens Para Paladinos</span></a></li>
</ul>
</li>
<li><img src="http://tibiawiki.com.br/extensions/FlaggedRevs/frontend/modules/img/2.png" style="float:left;width:15px;height:15px"><a href='http://ezeniarpg.forumeiro.com/t20-a-historia-de-ezenia'><span>História de Ezenia</span></a></li>
<li><img src="http://images.tibiabr.com/Imgs/Conteudo/documentos/letter.gif" style="float:left;width:15px;height:15px"><a href='http://ezeniarpg.forumeiro.com/?pid=2'><span>Contato</span></a></li>
</ul>
</div></span></div></div>


Endereço do meu fórum:
http://ezeniarpg.forumeiro.com

Versão do fórum:
PHPBB3


Última edição por kakakoro em 02/12/12, 06:14 pm, editado 1 vez(es)
avatar

kakakoro
Membro do Fórum

Masculino
Inscrito dia : 05/08/2012
Mensagens : 1006
Pontos Ativos : 1587

Ver perfil do usuário http://www.rpgorigem.forumeiros.com

Resolvido Re: Centralizar widget em css

Mensagem por Lollipop em 01/12/12, 12:13 pm

Olá,

Substitua o código por este:
Código:
<div style="margin:auto;text-align:left;width:100%"><div style="margin:auto;text-align:center;width:100%"><span style="font-size: 12px; line-height: normal"><div id='cssmenu'>
<ul>
<li class='active '><a href='index.html'><span>Inicio</span></a></li>
<li class='has-sub '><img src="http://images1.wikia.nocookie.net/__cb20110108180414/tibia/en/images/3/38/Hunter_of_Dragoes.gif" style="float:left;width:15px;height:15px"><a href='http://ezeniarpg.forumeiro.com/rpg_sheet_edit?u'><span>Meu Personagem</span></a>
<ul>
<li><img src="http://tibia.portaltibia.com.br/wiki/images/7/7a/Magic_Longsword.gif" style="float:left;width:15px;height:15px"><a href='http://ezeniarpg.forumeiro.com/t33-armas-belicos#48'><span>Itens Para Bélicos</span></a></li>
<li><img src="http://images2.wikia.nocookie.net/__cb20071202214515/tibia/en/images/1/1f/Hailstorm_Rod.gif" style="float:left;width:15px;height:15px"><a href='http://ezeniarpg.forumeiro.com/t34-equipamentos-druidas#49'><span>Itens Para Druidas</span></a></li>
<li><img src="http://images2.wikia.nocookie.net/__cb20050520010711/tibia/en/images/5/51/Crossbow.gif" style="float:left;width:15px;height:15px"><a href='http://ezeniarpg.forumeiro.com/t35-equipamentos-paladinos#50'><span>Itens Para Paladinos</span></a></li>
</ul>
</li>
<li><img src="http://tibiawiki.com.br/extensions/FlaggedRevs/frontend/modules/img/2.png" style="float:left;width:15px;height:15px"><a href='http://ezeniarpg.forumeiro.com/t20-a-historia-de-ezenia'><span>História de Ezenia</span></a></li>
<li><img src="http://images.tibiabr.com/Imgs/Conteudo/documentos/letter.gif" style="float:left;width:15px;height:15px"><a href='http://ezeniarpg.forumeiro.com/?pid=2'><span>Contato</span></a></li>
</ul>
</div></span></div></div>


Até mais. (:
avatar

Lollipop
Nível 3

Feminino
Inscrito dia : 04/11/2012
Mensagens : 20
Pontos Ativos : 27

Ver perfil do usuário http://forum-vicio.ativoforum.com/forum

Resolvido Re: Centralizar widget em css

Mensagem por kakakoro em 01/12/12, 12:17 pm

Olá, bem. Nao obteve resultado Lollipop T_T
avatar

kakakoro
Membro do Fórum

Masculino
Inscrito dia : 05/08/2012
Mensagens : 1006
Pontos Ativos : 1587

Ver perfil do usuário http://www.rpgorigem.forumeiros.com

Resolvido Re: Centralizar widget em css

Mensagem por Lollipop em 01/12/12, 04:51 pm

Olá,

Tente este:
Código:
<div style="margin:auto;text-align:left;width:100%"><div style="margin:auto;text-align:left;width:100%"><span style="font-size: 12px; line-height: normal"><div id='cssmenu'>
<ul>
<li class='active '><a href='index.html'><span>Inicio</span></a></li>
<li class='has-sub '><img src="http://images1.wikia.nocookie.net/__cb20110108180414/tibia/en/images/3/38/Hunter_of_Dragoes.gif" style="float:left;width:15px;height:15px"><a href='http://ezeniarpg.forumeiro.com/rpg_sheet_edit?u'><span>Meu Personagem</span></a>
<ul>
<li><img src="http://tibia.portaltibia.com.br/wiki/images/7/7a/Magic_Longsword.gif" style="float:left;width:15px;height:15px"><a href='http://ezeniarpg.forumeiro.com/t33-armas-belicos#48'><span>Itens Para Bélicos</span></a></li>
<li><img src="http://images2.wikia.nocookie.net/__cb20071202214515/tibia/en/images/1/1f/Hailstorm_Rod.gif" style="float:left;width:15px;height:15px"><a href='http://ezeniarpg.forumeiro.com/t34-equipamentos-druidas#49'><span>Itens Para Druidas</span></a></li>
<li><img src="http://images2.wikia.nocookie.net/__cb20050520010711/tibia/en/images/5/51/Crossbow.gif" style="float:left;width:15px;height:15px"><a href='http://ezeniarpg.forumeiro.com/t35-equipamentos-paladinos#50'><span>Itens Para Paladinos</span></a></li>
</ul>
</li>
<li><img src="http://tibiawiki.com.br/extensions/FlaggedRevs/frontend/modules/img/2.png" style="float:left;width:15px;height:15px"><a href='http://ezeniarpg.forumeiro.com/t20-a-historia-de-ezenia'><span>História de Ezenia</span></a></li>
<li><img src="http://images.tibiabr.com/Imgs/Conteudo/documentos/letter.gif" style="float:left;width:15px;height:15px"><a href='http://ezeniarpg.forumeiro.com/?pid=2'><span>Contato</span></a></li>
</ul>
</div></span></div></div>

Até mais. (:
avatar

Lollipop
Nível 3

Feminino
Inscrito dia : 04/11/2012
Mensagens : 20
Pontos Ativos : 27

Ver perfil do usuário http://forum-vicio.ativoforum.com/forum

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum