Página 1 de 2

Menu Cascata - Com Problemas

Enviado: 12 Fev 2012, 18:58
por GilsonLuiz
Qual a URL do seu fórum: Não está Hospedado
Tipo de Hospedagem:
Qual a versão do phpBB: Selecionar
É um novo ou uma conversão: Selecionar
Usuário de teste: Usuário: Senha:
Estilos instalados: Css
Modificações instaladas: Nenhuma
Qual seu nivel de experiência:: Selecionar
Quando começou o problema:
Descreva seu problema: Olá Pessoal,

Sou novo na area e gostaria de ver se vocês conseguem me dar uma mão para resolver esse probleminha que não estou conseguindo.

Este erro me acontece tanto no IE quanto no Firefox.

Bom o erro é o seguinte, como pode se ver na imagem a seguir, o menu de socios não está inserindo o fundo na ultimo item, e tbm gostaria de deixar de uma forma mais justa, pois quando passo o mause no link ele fica de outra cor para destacar, mas cobre somente o texto, e não até o final, como poderia corrigir isso ?

A imagem do Problema:
Quando não passo o Mouse
Imagem

Quando passo o Mouse
Imagem

Codigos do menu:

Código: Selecionar todos

<div id="menu">
         <ul>
            <li><a href="<?php echo get_option('home');?>" title="Página Inicial" alt="Página Inicial">Home</a></li>
            <li><a href="<?php echo get_option('home');?>/?page_id=4" title="Clube" alt="Clube">Clube</a></li>
            <li><a href="<?php echo get_option('home');?>/?page_id=8" title="Diretoria" alt="Diretoria">Diretoria</a>
            <ul>
            <li><a href="<?php echo get_option('home');?>/?page_id=8" title="Diretorias Anteriores" alt="Diretorias Anteriores">Diretorias Anteriores</a>
               <ul>
                  <li><a href="<?php echo get_option('home');?>/?page_id=8" title="1ª Diretoria" alt="1ª Diretoria">1ª Diretoria</a></li>
                  <li><a href="<?php echo get_option('home');?>/?page_id=8" title="2ª Diretoria" alt="2ª Diretoria">2ª Diretoria</a></li>
               </ul>
            <li><a href="<?php echo get_option('home');?>/?page_id=8" title="Diretoria Atual" alt="Diretoria Atual">Diretoria Atual</a></li>
            </ul>
            </li>
            </li>
            <li><a href="<?php echo get_option('home');?>/?page_id=10" title="Sócios" alt="Sócios">Sócios</a>
               <ul>
                  <li><a href="<?php echo get_option('home');?>/?page_id=10" title="Sócios Fundadores" alt="Sócios Fundadores">Sócios Fundadores</a></li>
                  <li><a href="<?php echo get_option('home');?>/?page_id=10" title="Sócios Desistentes" alt="Sócios Desistentes">Sócios Desistentes</a></li>
                  <li><a href="<?php echo get_option('home');?>/?page_id=10" title="Sócios Atuais" alt="Sócios Atuais">Sócios Atuais</a></li>
               </ul>
            </li>
            <li><a href="<?php echo get_option('home');?>/?page_id=48" title="Galeria de Fotos" alt="Galeria de Fotos">Galeria de Fotos</a></li>
            <li><a href="<?php echo get_option('home');?>/?cat=1" title="Notícias" alt="Notícias">Notícias</a></li>
            <li><a href="<?php echo get_option('home');?>/?page_id=16" title="Parceiros" alt="Parceiros">Parceiros</a></li>
            <li><a href="<?php echo get_option('home');?>/?page_id=172" title="Área Restrita" alt="Área Restrita">Área Restrita</a></li>
            <li><a href="http://webmail.interarabuta.com.br/" title="E-Mail" alt="E-Mail">E-mail</a></li>
            <li><a href="<?php echo get_option('home');?>/?page_id=19" title="Contato" alt="Contato">Contato</a></li>
         </ul>
      </div>
Codigos CSS:

Código: Selecionar todos

#menu{
   list-style:none; 
   float:left;
   background:url(images/bg-menu1.jpg) repeat-x top;
   width:900px;
   color:#ffffff;
   font-size:15px;
   text-decoration:none;
   height:29px;
}
#menu li{
   list-style:none;
   float:left;
   position:relative;
   text-decoration:none;
}
#menu li a{
   display:block;
   padding:5px 10px;
   color:#ffffff;
   font-size:15px;
   text-decoration:none;
}
#menu li a:hover{
   background:#333333;
   height:19px;
}
#menu li ul{
   position:absolute;
   top:27px;
   width:150px;
   background:url(images/bg-menu1.jpg) repeat-x top;
   display:none;
}
#menu li:hover ul ul{
   display:none;
}
#menu li:hover ul, #menu li ul li:hover ul{
   display:block;
}
#menu li ul li{
   display:block;
   height:auto;
}
#menu li ul li ul{
   top:0;
   width:90px;
   left:149px;
   background:url(images/bg-menu1.jpg) repeat-x top;
}
/* Fix IE. Hide from IE Mac \\*/
* html ul li {
   float:left;
}
* html ul li a {
   height:1%;
}
/* End */
Obrigado,
Gilson Luiz Rauschkolb

Re: Menu Cascata - Com Problemas

Enviado: 12 Fev 2012, 19:09
por Chico Gois

Re: Menu Cascata - Com Problemas

Enviado: 13 Fev 2012, 09:56
por robra
Aí nem tem como identificarmos o problema na página.
Qual a página demo deste Slide Menu ?

Abraço. Imagem

Re: Menu Cascata - Com Problemas

Enviado: 13 Fev 2012, 10:17
por GilsonLuiz
Olá, Amigo Robra,

Eu tenho ele hospedado somente no meu note em casa.

O problema é que o Fundo do menu Sócios não está aparecendo no ultimo link.. sendo que são três menus abaixo do principal.

Quando passo o Mouse como se ve nas imagens apararece a cor que estabeleci quando passar o mouse sobre o link.

Espero ter esclarecido.
Obrigado,
Gilson Luiz Rauschkolb

Re: Menu Cascata - Com Problemas

Enviado: 13 Fev 2012, 10:31
por robra
Quanto ao problema eu vi as imagens e entendi. A questão é que pelo fato dele não estar online não tenho como identificar o problema na página através da ferramenta do desenvolvedor do Google Chrome.
Qual a página de demonstração deste menu ?

Abraço. Imagem

Re: Menu Cascata - Com Problemas

Enviado: 13 Fev 2012, 10:42
por GilsonLuiz
Eu tenho um servidor em casa no meu note, onde monto o site.

E esse estou montando com o auxilio do Wordpres.., o menu fica localizado no Header...

Não sei como posso estar te passando esses dados.. vou tentar montar uma pagina e te mandar.

Obrigado,
Gilson Luiz Rauschkolb

Re: Menu Cascata - Com Problemas

Enviado: 13 Fev 2012, 10:51
por GilsonLuiz
Olá amigo,

Serve o arquivo para visualizar de teste.

Infelizmente não tenho a imagem para fazer o testo correto, pois não estou em casa, estou no serviço.

Mas agora com a cor puxou o fundo, somente com a imagem que ele não está puxando por inteiro.

Editado:
13/02/2012 13:12
Peço desculpas pela seguncia de respostas.

Atualizei o arquivo, com uma imagem, não ficou perfeitamente posicionado como no site original, mas da para ter a noção de como está o erro.

Re: Menu Cascata - Com Problemas

Enviado: 13 Fev 2012, 12:49
por robra
Você não está me entendendo.
Eu seu que você está montando seu Fórum em localhost, ou seja, em seu PC.
Quando a página está online, visível na internet, eu tenho como utilizar o recurso do Google Chrome para inspecionar os elementos da página, exatamente como mostro no vídeo desta mensagem: viewtopic.php?t=45575#p273083.
Quando pergunto a página de demonstração do menu não estou me referindo à sua página e sim a exata página de demonstração do menu, como por exemplo a do Simple jQuery Dropdowns, a do Vertical Sliding Menu, e a de muitos outros menu's citados na página viewtopic.php?f=147&t=45323.

Abraço. Imagem

Re: Menu Cascata - Com Problemas

Enviado: 13 Fev 2012, 12:55
por GilsonLuiz
Acho que entendi amigo, mas não peguei nenhum exemplo da Internet, fui seguindo uns tutoriais, que vi no site do Maujor e videos no youtube.

Desculpa os inconvenientes, mas demoro pra intender as coisas as vezes :D

Abraço,
Obrigado,
Gilson Luiz Rauschkolb

Re: Menu Cascata - Com Problemas

Enviado: 13 Fev 2012, 13:35
por robra
Desculpe, mas somente agora percebi que o seu caso trata de um menu para à sua página e não ao phpbb.
O suporte aqui é somente para o phpbb, conforme menciona às REGRAS do Fórum.
O adequado é você procurar o suporte junto aos sites onde viu os tutoriais, porque quem o postou provavelmente é programador e saberá lhe passar a informação correta.

Abraço. Imagem