Problemas com menu de navegação

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

Resolvido Problemas com menu de navegação

Mensagem por Kakarotov em 25/07/11, 01:04 am

Oi pessoal,

Trouxe um quebra-cabeça de leve para vocês, ficaria muito grato se puderem me ajudar, depois de todo trabalho que tive Triste

É o seguinte, fiz um menu de navegação com hover para "acender", retirei a caixa do Buscar e tirei também aquela linha do menu de navegação, tudo por CSS. Problema é que no Firefox fica bom, mas no Explorer não. Vou mostrar imagens do problema abaixo e vou mandar código CSS que está na minha folha de estilo.

Pelo Firefox:


Pelo Explorer:



Códigos na minha folha de estilo:
Spoiler:
.navbar{background-image:url(http://content.doxcentral.com/Nordevall/img/wbg.gif);background-repeat:repeat}

ul.navlinks {
border-bottom: 0px solid #EEEEEE;
}

ul.linklist li a img {
filter:alpha(opacity=30);
-moz-opacity: 0.3;
opacity: 0.3;
}

ul.linklist li a img:hover {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
cursor:allowed;
}

.search-box {
margin-top: 3px;
margin-left: 5px;
float: left;
}
#search-box {
margin-top: -10px;
margin-right: 5px;
float: right;
white-space: nowrap;
/* For Opera */
}
* html #search-box {
margin-right: 35px;
}
#search-box #keywords {
width: 95px;
background-color: #f6f7f9;
filter: alpha(opacity = 0); /* esta linha para o IE */
opacity: 0.0; /*esta para os demais browsers*/
}
#search-box input {
border: 0px solid #BCBCBC;
background-image: url('http://illiweb.com/fa/empty.gif');
background-color: transparent;
filter: alpha(opacity = 0); /* esta linha para o IE */
opacity: 0.0; /*esta para os demais browsers*/
}
#search-box input.button1 {
padding: 1px 5px;
}
input.search {
background-image: url('http://illiweb.com/fa/prosilver/icon_textbox_search.gif');
background-repeat: no-repeat;
background-position: left 1px;
padding-left: 17px;
}

Então pessoal, porque está assim no Explorer? Há alguma maneira de resolver?
Obrigado desde já viu.
avatar

Kakarotov
Nível 5

Masculino
Inscrito dia : 22/07/2011
Mensagens : 36
Pontos Ativos : 66

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

Resolvido Re: Problemas com menu de navegação

Mensagem por Cristian 95 em 25/07/11, 01:10 am

Bom...
creio que sejá do Internet Explorer...

Por que já estudei uma língua (não aprendi muito) e lá dizia, que com o passar do tempo os explorer foram se atualizando para melhor, e assim lendo de uma forma melhor as línguas... e dizia que o internet explorer não conseguia interpretar alguns línguas... no seu caso CSS, creio que na epoca do explorer não existia CSS, e por isso deu esse ero que mostra em sua imagem... agora o mozilla já é mais atualizado e interpreta perfeitamente está língua...

agora vamos esperar mais gente para ver se é isso mesmo. (:
avatar

Cristian 95
Usuário destaque

Masculino
Inscrito dia : 16/12/2010
Mensagens : 946
Pontos Ativos : 1278

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

Resolvido Re: Problemas com menu de navegação

Mensagem por Kakarotov em 25/07/11, 04:01 am

Oi Cristian, eu agradeço de verdade, mas não acredito que seja esse o problema.

Pessoal, vejam o exemplo abaixo:


Clique com o direto do mouse na imagem acima e seleciona "Exibir Imagem" para ver em tamanho melhor o exemplo, coloquei uma imagem grande porque quis mostrar que está no Explorer e pude visualizar normal o mesmo efeito hover que utilizo no meu fórum. Por que esse exemplo funciona perfeitamente no Explorer e o meu não? Eu estive a olhar o código CSS desse tema, e não pude encontrar a solução, cheguei a colocar o código inteiro só desse tema, tirando todo o meu, para ver... mas, sem sucesso também. Ah, e esse tema é PhpBB3, igual ao tema do meu fórum.

Códigos na folha de estilo do exemplo acima:
Spoiler:
#page-header #search-box {
display: none;
}
em{
font-style: normal;
}


.module .postbody .postbody-head {
background-color: #e5e6e7;
}

.post-footer {
background-color: #CCCCCC;
}

.post .post-header {
background-color: #CCCCCC;
}




.headerbar {margin-bottom:0;}

blockquote {
background-color:#CCCCCC;
}

ul.linklist li a img {
filter:alpha(opacity=30);
-moz-opacity: 0.3;
opacity: 0.3;
}
ul.linklist li a img:hover {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
cursor:allowed;
}
Os códigos da folha de estilo do meu fórum estão no meu post anterior para verem.

Por favor se alguém souber, me ajuda. Senão perderei bastante tempo que gastei nessa parte do fórum Triste
Obrigado desde já pessoal.
avatar

Kakarotov
Nível 5

Masculino
Inscrito dia : 22/07/2011
Mensagens : 36
Pontos Ativos : 66

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

Resolvido Re: Problemas com menu de navegação

Mensagem por Steeph em 25/07/11, 04:34 pm

Olá!
Realmente, o problema parece ser o IE, qual versão você testou? A mais nova?
Poderia me passar o endereço de seu fórum?!
Até mais!
avatar

Steeph
Usuário experiente

Feminino
Inscrito dia : 08/03/2010
Mensagens : 2612
Pontos Ativos : 3503

Ver perfil do usuário http://www.kromusdesign.forumeiros.com http://www.twitter.com/ideasfromsteeph

Resolvido Re: Problemas com menu de navegação

Mensagem por Kakarotov em 25/07/11, 08:21 pm

Oi Steeph,

Sim, visualizando pelo Explorer 9 resolve, mas assim como todos os outros adms de fóruns aqui, tento levar em conta as pessoas que ainda utilizam o 8 né. Será que não há maneira de fazer funcionar no Explorer 8?

Depois de muitos testes ontem, percebi que o problema é no fundo da imagem, eu fiz transparente, mas com um fundo concreto os efeitos aparecem normal no Explorer 8. No entanto é complicado fazer um fundo para os botões igual a imagem de fundo do menu de navegação, que não fui eu quem fiz... então não sei quais níves de cor usaram no gradiente, deu pra entender ou me enrolei? rs

Agradeço a ajuda até então, valeu mesmo. Se houver uma solução para o Explorer 8 e alguém souber, me avisa.

avatar

Kakarotov
Nível 5

Masculino
Inscrito dia : 22/07/2011
Mensagens : 36
Pontos Ativos : 66

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

Resolvido Re: Problemas com menu de navegação

Mensagem por Steeph em 26/07/11, 03:51 pm

Olá!
Eu havia percebido isso, se for em .gif realmente acontece esse problema com o internet explorer 8, ele é meio "burrinho" em relação algumas coisas.
Os botões são em .gif ou .png?
Se for em .png mesmo e estiver tudo correto, me passe o endereço de seu fórum, posso tentar ver se há algum outro problema...
Até mais!
avatar

Steeph
Usuário experiente

Feminino
Inscrito dia : 08/03/2010
Mensagens : 2612
Pontos Ativos : 3503

Ver perfil do usuário http://www.kromusdesign.forumeiros.com http://www.twitter.com/ideasfromsteeph

Resolvido Re: Problemas com menu de navegação

Mensagem por Kakarotov em 26/07/11, 06:14 pm

Oi Steeph, obrigado pela ajuda viu!

Vamos lá continuar nosso "trabalho" rs. As imagens estão em .png, não gosto de usar em gif para lugares assim mesmo.

Tipo, depois de muito trabalho para conseguir copiar as cores gradiente da imagem no fundo do menu de navegação, eu consegui e apliquei então um fundo aos botões utilizando gradiente com praticamente os mesmos níveis de cores cinza, assim funciona no Explorer 8, apesar de meu desejo ser utilizar os botões com fundo transparente né.

Outra coisa, tenho um anúncio em "Mensagens e e-mails":


Como pode ver na imagem acima, a cor de fundo do anúncio está diferente da cor do fórum, como posso alterá-la?
Olha como está neste momento o html para o anúncio, bem simples:
Spoiler:
<a href="link para o tópico das regras"><font color="red"><strong>Antes de comentar em algum tópico leia as Regras do Fórum.</strong></font></a>
O que devo adicionar para colocar a cor do fórum(nº 2 na imagem) no fundo desse anúncio(nº1)??
Ou será que devo adicionar algo a folha de estilo CSS para modificar a cor de fundo dos anúncios?

Obrigado desde já!

EDIT::

Como pelo visto não vão me ajudar, então pode fechar o tópico né Triste
avatar

Kakarotov
Nível 5

Masculino
Inscrito dia : 22/07/2011
Mensagens : 36
Pontos Ativos : 66

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

Resolvido Re: Problemas com menu de navegação

Mensagem por Mikáá em 29/07/11, 07:50 am

Olá!

Poderia-nos fornecer o link do seu fórum para um suporte melhor? Piscada

Até mais.
avatar

Mikáá
Hiperativo

Masculino
Inscrito dia : 13/02/2010
Mensagens : 3155
Pontos Ativos : 4009

Ver perfil do usuário https://www.facebook.com/amo.e.odeio

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