Jump to content


Photo

Menu Drop Down Help!


  • Faça o login para participar
3 replies to this topic

#1 Danilo_deluca

Danilo_deluca

    Novato no fórum

  • Usuários
  • 3 posts
  • Sexo:Masculino
  • Localidade:brasil

Posted 10/05/2010, 09:29

Ola estou tentando fazer um menu drop down, n manjo muito sobre jquery , q pelo oq eu vi eh muito usado com esse tipo de menu
se puderem me ajudar
segue o codigo HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR...nsitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="pt-BR">

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<title>Área Administrativa :: Virtual Guia</title>

<link rel="stylesheet" href="styles.css" type="text/css" media="screen" />

</head>

<body>


<div id="general">
<div id="top">
<div id="logo">
<img src="images/logo.png" alt="Virtual Guia" />
</div>

<ul id="menu_configuracoes">
<li><a href="admin.php" class="home">Dashboard</a></li>
<?php
session_start();
error_reporting(E_ERROR | E_WARNING | E_PARSE);
if($_SESSION['admin'])
{
echo '<li style="border-right: none;"><a href="logout.php">Sair do sistema</a></li>';

}
else
{
echo '<li style="border-right: none;"><a href="login.php">Login</a></li>';

}
?>

</ul>
</div>
<?php
if($_SESSION['admin'])
{?>
<ul id="menu_modulos">

<li><a href="admin-empresa.php" class="item_empresa">Empresa</a></li>
<li><a href="admin-promocao.php" class="item_promocao">Promoção</a></li>
<li onmouseover="this.className='msieFix'" onmouseout="this.className=''"><a href="#" class="item_produto-servico">Produtos/Serviços</a>
<ul>
<li><a href="admin-addproduto.php" class="item_addproduto">Adcionar Produto</a></li>
<li><a href="admin-listarproduto.php" class="item_listarprodutos">Listar Produtos</a></li>
<li><a href="admin-addcategoria.php" class="item_adicionarcategoria">Adicionar Categoria</a></li>
<li><a href="admin-delcategoria.php" class="item_delcategoria">Remover Categoria</a></li>
</ul>
</li>
<li><a href="admin-contato.php" class="item_contato">Contato/Mapa</a></li>
</ul>
<?php }
else
{?>
<ul id="menu_modulos">
<li><a href="empresa.php" class="item_empresa">Empresa</a></li>
<li><a href="promocao.php" class="item_promocao">Promoção</a></li>
<li><a href="produtos.php" class="item_produto-servico">Produtos/Serviços</a>
</li>
<li><a href="contato.php" class="item_contato">Contato/Mapa</a></li>
</ul>
<?php } ?>

e o codigo css correspondente:


ul#menu_modulos
{

clear: both;
width: 992px;
height: 29px;
margin: 0;
padding: 0;
border-bottom: 3px solid #005ead;
text-align: center;

}

ul#menu_modulos li
{
display: block;
float: left;
width: 156px;
height: 29px;
margin-left: 8px;
position:relative;
list-style-type:none;

}

ul#menu_modulos li a
{
display: block;
width: 156px;
height: 29px;
text-indent: -9999px;
overflow: hidden;

}

ul#menu_modulos li ul{

visibility:hidden;
position: absolute;

}

ul#menu_modulos li :hover ul,
ul#menu_modulos li.msieFix ul{
width:156px;
position: absolute;
visibility:visible;
right:8px;
height:1%;
}


No firefox funciona de boa, porem no IE6 n funciona, nem sinal de vida....
se puderem ajuda agradeço

#2 André Manoel

André Manoel

    Doutor

  • Usuários
  • 996 posts
  • Sexo:Masculino
  • Localidade:Brasilia

Posted 10/05/2010, 10:25

Existe um script em jquery muito bom que eu utilizo em alguns sites...
Dá uma olhada:

http://users.tpg.com...rfish/#examples


Você pode personalizar ele para a sua necessidade.

E funciona em vários navegadores...! Entre eles o IE6

Edição feita por: André Manoel, 10/05/2010, 10:27.

Iniciando na Ajuda On line...

Posted Image Meu post lhe ajudou? Reputar/votar é uma das formas de agradecer.

#3 Danilo_deluca

Danilo_deluca

    Novato no fórum

  • Usuários
  • 3 posts
  • Sexo:Masculino
  • Localidade:brasil

Posted 10/05/2010, 11:10

Existe um script em jquery muito bom que eu utilizo em alguns sites...
Dá uma olhada:

http://users.tpg.com...rfish/#examples


Você pode personalizar ele para a sua necessidade.

E funciona em vários navegadores...! Entre eles o IE6


veiu n adianto muito me passa esse link
aind assim continua n funcionando no IE6 mesmo fazendo oq se pede nesse link....soh q no firefox e ie7+ funciona
"/
se alguem puer ajudar

#4 Victor Gamarra

Victor Gamarra

    Normal

  • Usuários
  • 95 posts
  • Sexo:Masculino

Posted 15/05/2010, 21:13

cara, eu nem ficaria me matando pra fazer funfar em ie6 ele ja está aposentado, o q da pra vc fazer é javascript que reconhece o browser e dai mandava pra outro site com menu normal(vc fazia uma outra pág com menu normal sem ser dropdown)




0 user(s) are reading this topic

0 membro(s), 0 visitante(s) e 0 membros anônimo(s)

IPB Skin By Virteq