Centramento uma barra de menu horizontal espião Lee Margolies - 11-05-2009
Estou tentando centro de uma barra de menu horizontal espião em uma página. Por algum motivo, ou seja,, FF e Safari são todos deixaram justificando o menu e se eu não tiver uma propriedade Padding (ver abaixo) no Ul.Menubarhorizontal ele muda a barra inteira cerca de 20 pixels para a direita.
Qualquer ajuda que você pode oferecer é apreciada...
Thanx,
LM
/ * O recipiente Ultraperiféricas da barra de menus, Uma caixa automática de largura, sem margem ou Padding * /
Ul.Menubarhorizontal
{
Margem: 0;
Padding: 0;
Largura: 666px;
}
/ * Definir a barra de menus com essa classe, ActuaLMente a Z-index para acomodar erro de processamento ou seja,: http:/ / therealcrisp.Xs4all.Nl / meuk / ie-zindexbug.html * /
Ul.Menubaractive
{
Z-index: 1000;
}
/ * Menu contentores, Crianças posição em relação a esse contêiner e são uma largura fixa * /
Ul.Li menubarhorizontal
{
List-style-type: None;
Font-size: 100%;
Posição: Relativa;
Line-Altura: -15;
Cursor: Ponteiro;
Largura: 133.2px;
Float: Esquerda;
}
/ * Submenus devem aparecer abaixo da sua mãe (Topoo: 0) com uma maior Z-index, Mas eles estão iniciaLMente fora do lado esquerdo da tela (-1000em) * /
Ul.Ul menubarhorizontal
{
Margem: 0;
Padding: 0;
List-style-type: None;
Font-size: 100%;
Z-index: 1020;
Cursor: Padrão;
Esquerdo: -1000em;
Largura: 160px;
Posição: Absoluta;
Background-Cor: # 005dab;
Cor: # fff;
}
/ * Submenu que é exibido com designação da classe menubarsubmenuvisible, Partimos da esquerda para a auto para que ele vem para a tela abaixo do seu item de menu pai * /
Ul.Ul menubarhorizontal.Menubarsubmenuvisible
{
Esquerdo: Auto;
}
/ * Menu contentores estão mesma largura fixa como pai * /
Ul.Menubarhorizontal Ul li
{
Font-family: Arial, Helvetica, Sans-serif;
Font-size: 12px;
Font-weight: Normal;
Largura: 160px;
Border-Largura: 1px 2px 1px 2px;
Border-style: Sólidos;
Border-Cor: # 005dab;
Background-Cor: Transparente;
Float: None;
Margem: 0 0 0 -1.5%;
}
/ * Submenu que é exibido com designação da classe menubarsubmenuvisible, Fixámos esquerda para 0 para que ele vem para a tela * /
Ul.Ul menubarhorizontal.Ul menubarsubmenuvisible.Menubarsubmenuvisible
{
Esquerdo: Auto;
Topo: 0;
}
/ * Itens do menu são um bloco cinza com estofos e decoração nenhum texto * /
Ul.Menubarhorizontal um
{
Exibir: Block;
Cursor: Ponteiro;
Background-Cor: # fff;
Padding: 0.5em 0.75em;
Cor: # 005dab;
Text-decoration: None;
Text-align: Centro;
}
/ * Menu itens que têm mais de rato ou de foco, ter um fundo azUl e texto branco * /
Ul.Menubarhorizontal um:Hover, Ul.Menubarhorizontal um:Foco
{
Background-Cor: # 005dab;
Cor: # fff;
}
Ul.Menubarhorizontal Ul a (
Text-align: Esquerda;
}
/ * Itens do menu que se abre com submenus são estabelecidos para menubaritemPairar com um fundo azUl e texto branco * /
Ul.Menubarhorizontal um.MenubaritemPairar, Ul.Menubarhorizontal um.MenubaritemsubmenuPairar, Ul.Menubarhorizontal um.Menubarsubmenuvisible
{
Text-decoration: Nenhum
}
/ * Hack para o IE: Para estabilizar a aparência dos itens de menu, a barra no flutuador é para manter ou seja, 5.0 de parsing * /
@ media screen, Projeção
{
Ul.Li menubarhorizontal.Menubaritemie
{
Exibir: Inline;
F \ loat: Esquerda;
}
}
Re: Centramento uma barra de menu horizontal espião Fernando Mol - 11-06-2009
Você precisa jogar com a sua largura.
Agora, Toda a largura do seu menu não dividir-se no número de elementos de menu que você tem. Lembrar, Telas de medidas em pixels.
Alterar a largura da coluna central (onde você tem seu menu instalada) e torná-lo uma largura que pode ser dividido em 5, O número de itens de menu que você tem. Então, Brincar com a largura dos itens da sua lista e as fronteiras para ajustá-lo.
Espero que isso ajude
* Lembre-se de compartilhar um link para seu site e para avaliar os posts. Este é um serviço gratuito para você e para nós.
Re: Centramento uma barra de menu horizontal espião Lee Margolies - 11-06-2009
Obrigado pela ajuda...
Tentei ajustar a largura e ainda aparece demasiado pequenas ou demasiado longo. Desde o Spry estiver aninhado em uma tag div (navbar), Eu preciso apenas ajustar a largura da div para um múltiplo de 5 ou eu preciso ir mais longe na cadeia?
Obrigado novamente!
LM
Margolies lee
http://www.Lmcreativemotion.com
Chilro: @ LMcreativemotio
Re: Centramento uma barra de menu horizontal espião Fernando Mol - 11-07-2009
O menu está dentro de um recipiente. Que o recipiente deve ser dividido por 5 para um número quadrado.
Que é o número que deve dar para a largura de cada elemento do menu. Considerando boders.
Eu não estou te dizendo exatamente onde colocar os números, Mas é um processo de tentativa e erro, Mas eu espero que você começa a idéia.
Seguir esta regra também: O número divisível deve ser um par.
* Lembre-se de compartilhar um link para seu site e para avaliar os posts. Este é um serviço gratuito para você e para nós.
