ágil menu bar funciona muito bem no Firefox, mas confuso, ou seja, em
ágil menu bar funciona muito bem no Firefox, mas confuso, ou seja, em Steve Foglia - 06-29-2009
http://www.Businesstobusinessnetwork.com
Estou usando o Dreamweaver s ágil drop-down menu horizontal bar e ele funciona muito bem com o Firefox. No entanto isto é, o sub-menu horizontal bar exibe, em detrimento da vertical, Fazendo o menor nível menu voar fora da página. Estranho.
Fui ao Adobe site o download da atualização mais recente e ágil para que o meu anterior resolvidos os problemas em que todos os bares foram inferiores menu voar fora da página. Barras de menu deve exibir como pode ser visto usando o Firefox ou com o menu principal executando barras horizontais em toda a página com o menor nível menu barras apareçam diretamente abaixo e ligeiramente à direita.
Agradecia que alguém possa ter alguma sugestão para resolver este problema
Obrigado
Steve
Re: ágil menu bar funciona muito bem no Firefox, mas confuso, ou seja, em Richard Williams - 06-29-2009
Se você usar configurações automáticas para larguras, então você está deixando os navegadores para interpretar o aspecto afinal eles se sentem como se... Tente colocar em alguns valores para a largura ajustes para se adequar ao seu site
Richard Williams
Re: ágil menu bar funciona muito bem no Firefox, mas confuso, ou seja, em Matthew Redding - 07-01-2009
Oi richard,
Tenho visto alguns de seus segmentos relacionados a este tema e estou vagando se você pudesse olhar para o meu código por favor.
Meu menu horizontal ágil capotamento usa png's e tenho que trabalhar ok excepto a queda baixos têm o que parece uma caixa drop-down formUlário abaixo meu submenu png.
Ela funciona bem no Firefox, mas isso só acontece em ie7 (IE6 é tudo muito confuso, mas a tentar resolver a primeira questão 7 ou talvez algo que você vai sugerir classificar-la completamente.
/ * O recipiente Ultraperiféricas da barra de menu, Uma caixa automática largura sem margem ou padding * /
Ul.Menubarhorizontal
{
Margem: 0;
List-style-type: None;
Cursor: Revelia;
Largura: Auto;
Font-size: 50%;
Padding-Topo: 0em;
Padding-right: 0;
Padding-bottom: 0em;
Padding-Esquerdo: 0;
}
/ * Definir a barra de menu ativa com essa classe, Atualmente configuração Z-index para acomodar ou seja, tornar bug: http:/ / therealcrisp.Xs4all.Nl / meuk / pt-zindexbug.html * /
Ul.Menubaractive
{
Z-index: 1000;
}
/ * Menu contentores, Posição em relação aos filhos deste recipiente e são uma largura fixa * /
Ul.Menubarhorizontal li
{
List-style-type: None;
Posição: Parente;
Text-align: Esquerda;
Cursor: Ponteiro;
Largura: Auto;
Float: Esquerda;
Padding-Topo: 0em;
Padding-right: 0em;
Padding-bottom: 0em;
Padding-Esquerdo: 0em;
Margem: 0;
Font-size: 50%;
}
/ * Submenus devem aparecer abaixo da sua mãe (Topoo: 0) com uma maior Z-index, Mas elas são inicialmente fora do lado esquerdo da tela (-1000em) * /
Ul.Menubarhorizontal Ul
{
Margem: 0;
List-style-type: None;
Z-index: 1020;
Cursor: Revelia;
Largura: Auto;
Posição: Absolutos;
Esquerdo: -1000em;
Padding-Topo: 0.3em;
Padding-right: 0;
Padding-bottom: 0;
Padding-Esquerdo: 0.3em;
}
/ * Submenu que é exibido com classe designação menubarsubmenuvisible, Fixámos esquerda para a auto para que ele vem para a tela abaixo do seu pai item do menu * /
Ul.Menubarhorizontal Ul.Menubarsubmenuvisible
{
Esquerdo: Auto;
}
/ * Menu contentores estão mesma largura fixa como pai * /
Ul.Menubarhorizontal Ul li
{
Largura: Auto;
}
/ * Submenus devem aparecer ligeiramente sobrepostos à direita (95%) e até (-5%) * /
Ul.Menubarhorizontal Ul Ul
{
Posição: Absolutos;
Margin-Topo: 0%;
Margin-right: 0;
Margin-bottom: 0;
Margin-Esquerdo: 0%;
}
/ * Submenu que é exibido com classe designação menubarsubmenuvisible, Fixámos esquerda para 0 para que ele vem para a tela * /
Ul.Menubarhorizontal Ul.Menubarsubmenuvisible Ul.Menubarsubmenuvisible
{
Esquerdo: Auto;
Topo: 0;
}
/ * Submenu contentores têm fronteiras em todos os lados * /
Ul.Menubarhorizontal Ul
{
Border-Topo-style: None;
Border-right-style: None;
Border-bottom-style: None;
Border-Esquerdo-style: None;
}
/ * Itens de menu são um bloco cinza claro com estofos e decoração nenhum texto * /
Ul.Menubarhorizontal um
{
Exibir: Bloco;
Cursor: Ponteiro;
Text-align: Esquerda;
}
/ * Menu itens que têm mais de rato ou o foco tem um fundo azUl e branco texto * /
Ul.Menubarhorizontal um:Pairar, Ul.Menubarhorizontal um:Foco
{
}
/ * Itens do menu que se abre com submenus são estabelecidos para menubaritemPairar com um fundo azUl e branco texto * /
Ul.Menubarhorizontal um.MenubaritemPairar, Ul.Menubarhorizontal um.MenubaritemsubmenuPairar, Ul.Menubarhorizontal um.Menubarsubmenuvisible
{
/ * Itens do menu tem um submenu que têm de designação da classe menubaritemsubmenu e são definidas para usar uma imagem de fundo posicionado na extremidade esquerda (95%) e centrada verticalmente (50%) * /
Ul.Menubarhorizontal um.Menubaritemsubmenu
{
Background-repeat: No-repeat;
Background-Posição: 95% 50%;
}
/ * Itens do menu tem um submenu que têm de designação da classe menubaritemsubmenu e são definidas para usar uma imagem de fundo posicionado na extremidade esquerda (95%) e centrada verticalmente (50%) * /
Ul.Menubarhorizontal Ul uma.Menubaritemsubmenu
{
Background-repeat: No-repeat;
Background-Posição: 95% 50%;
}
/ * Itens do menu que se abre com submenus têm de designação da classe menubaritemsubmenuPairar e são definidas para usar uma "Pairar" background image posicionado na extremidade esquerda (95%) e centrada verticalmente (50%) * /
Ul.Menubarhorizontal um.MenubaritemsubmenuPairar
{
Background-repeat: No-repeat;
Background-Posição: 95% 50%;
}
/ * Itens do menu que se abre com submenus têm de designação da classe menubaritemsubmenuPairar e são definidas para usar uma "Pairar" background image posicionado na extremidade esquerda (95%) e centrada verticalmente (50%) * /
Ul.Menubarhorizontal Ul uma.MenubaritemsubmenuPairar
{
Background-repeat: No-repeat;
Background-Posição: 95% 50%;
}
/ * Hack para o IE: Para ter certeza de que o sub menus mostram acima forma controlos, Underlay submenu com que cada um iframe * /
Ul.Menubarhorizontal iframe
{
Posição: Absolutos;
Z-index: 1010;
}
/ * Hack para o IE: Para estabilizar a aparência dos itens do menu, a barra no flutuador é para manter isto é, 5.0 de parsing * /
@ media ecrã, Projeção
{
Ul.Menubarhorizontal li.Menubaritemie
{
Exibir: Inline;
Float: Esquerda;
}
}
Re: ágil menu bar funciona muito bem no Firefox, mas confuso, ou seja, em Matthew Redding - 07-01-2009
Desculpe eu esqueci de postar o link para o site que eu estou trabalhando em...
Re: ágil menu bar funciona muito bem no Firefox, mas confuso, ou seja, em Richard Williams - 07-02-2009
Este link não está funcionando
Richard Williams
Re: ágil menu bar funciona muito bem no Firefox, mas confuso, ou seja, em Steve Foglia - 07-02-2009
Obrigado, Substituição automática com um valor real px largura parece funcionar.
Porém vendo que cada barra de menu é diferente uma largura não posso parecem encontrar o número adequado de entrada que iria equilibrar a barra de menu horizontal, para que o título de cada barra de menu não é cortado.
Quaisquer sugestões sobre a forma de vencer esse problema.
