Menu em CSS não centraliza no IE

Mensagem por **Jorge_hrc** » 24 Set 2012, 00:19

Qual a URL do seu fórum: http://www.guerreirosdeolorum.com.br
Tipo de Hospedagem: Pago
Qual a versão do phpBB: phpBB 3.0.10
É um novo ou uma conversão: Instalação Limpa
Usuário de teste: Usuário: Teste Senha: Teste01
Estilos instalados: Absolution 1.1 Green
Modificações instaladas: Mchat e Portal Board3
Qual seu nivel de experiência: Iniciante
Quando começou o problema: Após instalação do Menu em CSS
Descreva seu problema: Nos navegadores Chrome e Firefox funciona perfeitamente, mas no IE não consegui centralizar o Menu. No tópico de referencia viewtopic.php?f=149&t=45195 o autor também está com o mesmo problema e pelo que entendi optou por deixar como no link: http://www.shihtzuforum.com.br/index.php
Que por sinal achei que ficou melhor pois conserva as características do estilo, só que não postou a modificação utilizada. Alguém tem idéia de como fazer para deixar como no link ?
Desde já agradeço vossa atenção.

Mensagem por **robra** » 24 Set 2012, 11:49

Não entendi o que você quer realmente.

Abraço. Imagem

Mensagem por **Jorge_hrc** » 24 Set 2012, 17:20

É o seguinte veja como ficou no meu site e como ficou no site do autor do tópico viewtopic.php?f=149&t=45195. Eu quero deixar como ficou no site dele.

meu site:http://www.guerreirosdeolorum.com.br
site dele:http://www.shihtzuforum.com.br/index.php

Veja que no meu ficou no topo o menu e no dele ficou abaixo entre os botões de registrar e entrar. Creio que agora ficou mais claro né!

Desde já agradeço o apoio!

Mensagem por **robra** » 24 Set 2012, 17:54

No http://www.shihtzuforum.com.br/index.php os botões estão na mesma barra de navegação do estilo.
Já no seu Portal, tem uma nova barra de navegação, acima da barra de navegação do próprio estilo.
O que você quer é adicionar botões na barra de navegação do próprio estilo :?:

Abraço. Imagem

Mensagem por **Jorge_hrc** » 24 Set 2012, 18:40

Isso mesmo Robra, quero adicionar os botões na barra de navegação do próprio estilo.

Desde já agradeço vossa atenção.

Mensagem por **robra** » 24 Set 2012, 19:04

Poste o seu overall_header.html dentro do Bbcode Code.

Abraço. Imagem

Mensagem por **Jorge_hrc** » 24 Set 2012, 19:58

Aqui está

Código: Selecionar todos

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" lang="{S_USER_LANG}" xml:lang="{S_USER_LANG}">
<head>
<!-- INCLUDE absolution_config.html -->
<meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
<meta http-equiv="content-style-type" content="text/css" />
<meta http-equiv="content-language" content="{S_USER_LANG}" />
<meta http-equiv="imagetoolbar" content="no" />
<meta name="resource-type" content="document" />
<meta name="distribution" content="global" />
<meta name="keywords" content="" />
<meta name="description" content="" />
{META}
<title>{SITENAME} &bull; <!-- IF S_IN_MCP -->{L_MCP} &bull; <!-- ELSEIF S_IN_UCP -->{L_UCP} &bull; <!-- ENDIF -->{PAGE_TITLE}</title>

<!-- IF S_ENABLE_FEEDS -->
	<!-- IF S_ENABLE_FEEDS_OVERALL --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {SITENAME}" href="{U_FEED}" /><!-- ENDIF -->
	<!-- IF S_ENABLE_FEEDS_NEWS --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FEED_NEWS}" href="{U_FEED}?mode=news" /><!-- ENDIF -->
	<!-- IF S_ENABLE_FEEDS_FORUMS --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_ALL_FORUMS}" href="{U_FEED}?mode=forums" /><!-- ENDIF -->
	<!-- IF S_ENABLE_FEEDS_TOPICS --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FEED_TOPICS_NEW}" href="{U_FEED}?mode=topics" /><!-- ENDIF -->
	<!-- IF S_ENABLE_FEEDS_TOPICS_ACTIVE --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FEED_TOPICS_ACTIVE}" href="{U_FEED}?mode=topics_active" /><!-- ENDIF -->
	<!-- IF S_ENABLE_FEEDS_FORUM and S_FORUM_ID --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FORUM} - {FORUM_NAME}" href="{U_FEED}?f={S_FORUM_ID}" /><!-- ENDIF -->
	<!-- IF S_ENABLE_FEEDS_TOPIC and S_TOPIC_ID --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_TOPIC} - {TOPIC_TITLE}" href="{U_FEED}?f={S_FORUM_ID}&t={S_TOPIC_ID}" /><!-- ENDIF -->
<!-- ENDIF -->

<!--
	phpBB style name: Absolution
	Based on style:   prosilver (this is the default phpBB3 style)
	Original author:  Tom Beddard ( http://www.subBlue.com/ )
	Modified by:      Christian Bullock ( http://www.ChristianBullock.com/ )

-->
    
<script type="text/javascript">
// <![CDATA[
	var jump_page = '{LA_JUMP_PAGE}:';
	var on_page = '{ON_PAGE}';
	var per_page = '{PER_PAGE}';
	var base_url = '{A_BASE_URL}';
	var style_cookie = 'phpBBstyle';
	var style_cookie_settings = '{A_COOKIE_SETTINGS}';
	var onload_functions = new Array();
	var onunload_functions = new Array();

	<!-- IF S_USER_PM_POPUP and S_NEW_PM -->
		var url = '{UA_POPUP_PM}';
		window.open(url.replace(/&/g, '&'), '_phpbbprivmsg', 'height=225,resizable=yes,scrollbars=yes, width=400');
	<!-- ENDIF -->

	/**
	* Find a member
	*/
	function find_username(url)
	{
		popup(url, 760, 570, '_usersearch');
		return false;
	}

	/**
	* New function for handling multiple calls to window.onload and window.unload by pentapenguin
	*/
	window.onload = function()
	{
		for (var i = 0; i < onload_functions.length; i++)
		{
			eval(onload_functions[i]);
		}
	};

	window.onunload = function()
	{
		for (var i = 0; i < onunload_functions.length; i++)
		{
			eval(onunload_functions[i]);
		}
	};

// ]]>
</script>

<script type="text/javascript" src="{T_SUPER_TEMPLATE_PATH}/forum_fn.js"></script>

<script type="text/javascript" src="{T_SUPER_TEMPLATE_PATH}/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="{T_SUPER_TEMPLATE_PATH}/jquery.tipsy.js"></script>
<script type="text/javascript" src="{T_SUPER_TEMPLATE_PATH}/jquery.hoverIntent.min.js"></script>
<script type="text/javascript" src="{T_SUPER_TEMPLATE_PATH}/jquery.cookie.js"></script>
<script type="text/javascript" src="{T_SUPER_TEMPLATE_PATH}/jquery.collapse.js"></script>

<script type="text/javascript">
// <![CDATA[
$(function(){
    $([window, document]).blur(function(){
        $('ul.drop').css({display: 'none'});
    });
    $("#nav ul li").hoverIntent(function(){
			$(this).children("ul").slideDown();
        },function(){
            $(this).children("ul").slideUp();
    });
});
// ]]>
</script>

<link href="{T_THEME_PATH}/print.css" rel="stylesheet" type="text/css" media="print" title="printonly" />
<link href="{T_STYLESHEET_LINK}" rel="stylesheet" type="text/css" media="screen, projection" />

<link href="{T_THEME_PATH}/normal.css" rel="stylesheet" type="text/css" title="A" />
<link href="{T_THEME_PATH}/medium.css" rel="alternate stylesheet" type="text/css" title="A+" />
<link href="{T_THEME_PATH}/large.css" rel="alternate stylesheet" type="text/css" title="A++" />

<!-- IF S_CONTENT_DIRECTION eq 'rtl' -->
	<link href="{T_THEME_PATH}/bidi.css" rel="stylesheet" type="text/css" media="screen, projection" />
<!-- ENDIF -->

<!--[if IE]>
	<link rel="stylesheet" type="text/css" href="{T_THEME_PATH}/ie.css" />
<![endif]-->

<!--[if IE]>
<style type="text/css">
#menu ul {display:inline-block;}
#menu ul {display:inline;}
#menu ul li {float:left;}
#menu {text-align:center;}
</style>
<![endif]-->

</head>

<body id="phpbb" class="nojs section-{SCRIPT_NAME} {S_CONTENT_DIRECTION}">
    <script type="text/javascript">
    // <![CDATA[
    $("body").removeClass("nojs").addClass("js");
    // ]]>
    </script>

<div class="noise">
    <div id="wrap" style="width: {$ABSOLUTION_BOARD_WIDTH};">
    
    <p class="skiplink"><a href="#start_here">{L_SKIP}</a></p>
    <a id="top" name="top" accesskey="t"></a>
    
    <div id="header">
        <div class="float-left">
        <!-- IF $USE_IMAGESET_LOGO -->
            {SITE_LOGO_IMG}
        <!-- ELSE -->
            <h1>{SITENAME}</h1>
        <!-- ENDIF -->
        </div>
        
        
        <div class="float-right">
            <div class="quicksearch">
                <!-- IF S_DISPLAY_SEARCH and not S_IN_SEARCH -->
                    <form action="{U_SEARCH}" method="get" id="search">
                        <fieldset>
                            <input name="keywords" id="keywords" type="text" maxlength="128" value="<!-- IF SEARCH_WORDS-->{SEARCH_WORDS}<!-- ELSE -->{L_SEARCH_MINI}<!-- ENDIF -->" onclick="if(this.value=='{LA_SEARCH_MINI}')this.value='';" onblur="if(this.value=='')this.value='{LA_SEARCH_MINI}';" />
                            <!--<input class="button2" value="{L_SEARCH}" type="submit" />--><br />
                            {S_SEARCH_HIDDEN_FIELDS}
                        </fieldset>
                        </form>
                    <!-- ENDIF -->
                </div>
            </div>
        <div style="clear: both;"></div>
    </div><!-- /header -->
 
<br />
<div id="menu" align="center">
<ul>
   <li><a href="http://www.guerreirosdeolorum.com.br/portal.php"><b>PORTAL</b></a></li>
   <li><a href="http://www.guerreirosdeolorum.com.br/index.php"><b>FORUM</b></a></li>
   <li><a href="http://www.guerreirosdeolorum.com.br/mchat.php#mChat"><b>CHAT</b></a></li>
   <li><a href="http://www.guerreirosdeolorum.com.br/search.php"><b>PESQUISA</b></a></li>
   <li><a href="http://www.guerreirosdeolorum.com.br/memberlist.php"><b>MEMBROS</b></a></li>
   <li><a href="http://www.guerreirosdeolorum.com.br/faq.php"><b>FAQ</b></a></li>   
</ul>
</div>
<br />
 
    <!-- INCLUDE navbar.html -->
    
    <a name="start_here"></a>
    <div id="page-body">
        <div class="contentpadding">
        
        <!-- IF U_RESTORE_PERMISSIONS -->
            <div class="red-notice">
                <a href="{U_RESTORE_PERMISSIONS}">{L_RESTORE_PERMISSIONS}</a>
            </div>
        <!-- ENDIF -->
        
        <!-- IF S_BOARD_DISABLED and S_USER_LOGGED_IN and (U_MCP or U_ACP) -->
            <div class="red-notice">
                <strong>{L_INFORMATION}:</strong> {L_BOARD_DISABLED}
            </div>
        <!-- ENDIF -->
        
        <!-- IF SCRIPT_NAME eq 'viewforum' or SCRIPT_NAME eq 'viewtopic' -->
        	<a href="{U_INDEX}" accesskey="h">{L_INDEX}</a> <!-- BEGIN navlinks --> <strong>&#8249;</strong> <a href="{navlinks.U_VIEW_FORUM}">{navlinks.FORUM_NAME}</a><!-- END navlinks --><!-- IF SCRIPT_NAME eq 'viewtopic' --> <strong>&#8249;</strong> {TOPIC_TITLE}<!-- ENDIF -->
        <!-- ENDIF -->

Mensagem por **robra** » 24 Set 2012, 21:09

Bem, a princípio, já pode desfazer as edições que resultaram naquela barra de navegação acima da original do estilo.
Só para conhecer mais o seu estilo, o seu overall_header.html tem a linha . Correto ?
Esta linha "chama" a barra de navegação original de seu estilo que está no arquivo navbar.html, diferente do Prosilver que tem as linhas que definem a barra de navegação no próprio overall_header.html.
:arrow: Em mensagens de outros tópicos, este assunto já foi abordado como nas mensagem viewtopic.php?t=47365#p282200 e viewtopic.php?t=46980&p=279745#p279781.
Veja se lhe ajuda. Ok ?
Caso não consiga, aí torne a postar aqui.

Abraço. Imagem

Mensagem por **Jorge_hrc** » 25 Set 2012, 21:36

Vlw Robra pelo tópico viewtopic.php?t=47365#p282200 consegui alterar funcionou legal.
Como ficaram vários botões tem como agrupar em um só e este abrir uma lista dos botões disponíveis?

Veja como ficou o navbar.html:

Código: Selecionar todos

<div style="clear: both;"></div>
<div id="nav-wrap-left"></div>
<div id="nav-wrap-right"></div>

<div id="nav">
    <ul>

            <li<!-- IF SCRIPT_NAME eq 'index' --> class="active"<!-- ENDIF -->>
                <a href="{U_INDEX}"><img src="{T_THEME_PATH}/images/nav-home.png" width="16" height="16" alt="" />{L_INDEX}</a>
            </li>
            <li class="divider"></li>

        
        <!-- IF not S_IS_BOT -->
        
        	<!-- IF S_USER_LOGGED_IN -->
            	<li class="float-right logout">
                	<a href="{U_LOGIN_LOGOUT}" class="tip" title="{L_LOGOUT}"><img src="{T_THEME_PATH}/images/logout.png" width="16" height="16" alt="" /></a>
                </li>
                <li class="divider float-right"></li>
            <!-- ENDIF -->
                     	
        	<li class="float-right<!-- IF SCRIPT_NAME eq 'ucp' and $CURRENT_PAGE != 'register' --> active<!-- ENDIF -->">
            	<!-- IF not S_USER_LOGGED_IN -->
            		<a href="{U_LOGIN_LOGOUT}"><img src="{T_THEME_PATH}/images/key.png" width="16" height="16" alt="" />{L_LOGIN_LOGOUT}</a>               
                <!-- ELSE -->
                	<a href="{U_PROFILE}"><img src="{T_THEME_PATH}/images/userdrop.png" width="16" height="16" alt="" />{S_USERNAME}</a>
                    <div style="clear: both;"></div>
                    <ul class="drop">
                        <li><a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a></li>
                        <li><a href="{U_PROFILE}">{L_PROFILE}</a></li>
                        <!-- IF U_MCP --><li><a href="{U_MCP}">{L_MCP}</a></li><!-- ENDIF -->
                        <!-- IF U_ACP --><li><a href="{U_ACP}">{L_ACP}</a></li><!-- ENDIF -->
                    </ul>                         
                <!-- ENDIF -->
            </li>
            <li class="divider float-right"></li>
            
            <!-- IF not S_USER_LOGGED_IN and S_REGISTER_ENABLED and not S_SHOW_COPPA -->
            	<li class="float-right<!-- IF $CURRENT_PAGE == 'register' --> active<!-- ENDIF -->">
                	<a href="{U_REGISTER}"><img src="{T_THEME_PATH}/images/add.png" width="16" height="16" alt="" />{L_REGISTER}</a>
                </li>
                <li class="divider float-right"></li>
            <!-- ENDIF -->
            
        	<!-- IF S_DISPLAY_SEARCH -->
                <li class="float-right<!-- IF SCRIPT_NAME eq 'search' --> active<!-- ENDIF -->">
                    <a href="{U_SEARCH}"><img src="{T_THEME_PATH}/images/search<!-- IF S_USER_LOGGED_IN -->-drop<!-- ENDIF -->.png" width="16" height="16" alt="" />{L_SEARCH}</a>
                    <!-- IF S_USER_LOGGED_IN -->
                    	<div style="clear: both;"></div>
                    	<ul class="drop">
                            <li><a href="{U_SEARCH}">{L_SEARCH_ADV}</a></li>
                            <li><a href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a></li>
                            <!-- IF S_LOAD_UNREADS -->
                            	<li><a href="{U_SEARCH_UNREAD}">{L_SEARCH_UNREAD}</a></li>
                                <li><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a></li>
                                <li><a href="{U_SEARCH_ACTIVE_TOPICS}">{L_SEARCH_ACTIVE_TOPICS}</a></li>
                            <!-- ENDIF -->
                    	</ul>
                    <!-- ENDIF -->                    
                </li>
                <li class="divider float-right"></li>
            <!-- ENDIF --> 
                
            <!-- IF S_DISPLAY_MEMBERLIST -->
                <li class="float-right<!-- IF SCRIPT_NAME eq 'memberlist' --> active<!-- ENDIF -->">
                    <a href="{U_MEMBERLIST}"><img src="{T_THEME_PATH}/images/nav-members.png" width="16" height="16" alt="" />{L_MEMBERLIST}</a>
                </li>
                <li class="divider float-right"></li>
            <!-- ENDIF -->
						
			<li class="float-right">
                    <a href="http://www.guerreirosdeolorum.com.br/mchat.php#mChat"><img src="{T_THEME_PATH}/images/icon_bump.gif" width="16" height="16" alt="" />Mini-Chat</a>
                </li>
                <li class="divider float-right"></li>
            <li class="float-left">
                    <a href="http://www.guerreirosdeolorum.com.br/portal.php"><img src="{T_THEME_PATH}/images/portal_link.png" width="16" height="16" alt="" />Portal</a>
			    </li>
                <li class="divider float-left"></li>
			
            <!-- IF S_DISPLAY_PM -->
                <li class="float-right">
                    <a href="{U_PRIVATEMSGS}"><img src="{T_THEME_PATH}/images/nav-pm<!-- IF S_USER_UNREAD_PRIVMSG -->-new<!-- ENDIF -->.png" width="16" height="16" alt="" />{L_MESSAGES}</a>
                </li>
                <li class="divider float-right"></li>            
            <!-- ENDIF -->
                
                                                  
        <!-- ENDIF -->      

    </ul>
</div>

Verifique se coloquei as alterações nos luguares certos.

Fico muito agradecido pelas instruções!

Mensagem por **robra** » 26 Set 2012, 01:14

Até tem, mas vai precisar adaptar um Menu deslizante vertical(slide menu) ao seu estilo.
Na "Pesquisa personalizada", digite "slide menu" e o 1º link do resultado da busca é uma dica. Lá obterá as informações desejadas.

Abraço. Imagem

Suporte phpBB

Menu em CSS não centraliza no IE

Menu em CSS não centraliza no IE

Re: Menu em CSS não centraliza no IE

Re: Menu em CSS não centraliza no IE

Re: Menu em CSS não centraliza no IE

Re: Menu em CSS não centraliza no IE

Re: Menu em CSS não centraliza no IE

Re: Menu em CSS não centraliza no IE

Re: Menu em CSS não centraliza no IE

Re: Menu em CSS não centraliza no IE

Re: Menu em CSS não centraliza no IE