Modificar tamanho de opções no menu principal

  • Autor Autor joseloma
  • Data de início Data de início
Tradução em andamento: em alguns minutos este tópico estará em português. Por enquanto, o conteúdo está no original em espanhol. Ver original
J

joseloma

Gamma
Verificación en dos pasos activada
Usuário com poucas negociações! Use sempre o saldo do ForoBeta!
Disculpen que los joda, ya estoy terminando de modificar mi blog, lo ubico que me quedar por cambiar es el tamaño de las opciones en el menu principal. El tamaño de estas cambia según lo que escriba, me gustaría que queden todas del mismo largo.

Creo que lo tengo que hacer desde la hoja de estilo, estuve buscando y cambiando algunas cosas pero no pude dar con la solución. Les adjunto la hoja para ver si me pueden ayudar. SALUDOS.

PHP:
menu-main-container,
.menu-sub-container{
    margin: 0 auto;
    width: 1010px;
}
#nav-menu {
    /* fallback for web browsers that don�t support RGBa */
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.30);
    display: block;
    margin: 0 auto;
    float: left;
    width: 100%;
}
#nav-menu ul {
    font-size: 13px;
    list-style: none;
    margin: 0 0 0 -0.8125em;
    padding-left: 0;
}
#nav-menu li {
    float: left;
    position: relative;
    word-wrap: break-word;
}
#nav-menu a {
    color: #eee;
    display: block;
    line-height: 2.333em;
    padding: 0 1.2125em;
    text-decoration: none;
}
#nav-menu ul ul {
    -moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
    box-shadow: 0 3px 3px rgba(0,0,0,0.2);
    display: none;
    float: left;
    margin: 0;
    position: absolute;
    top: 2.333em;
    left: 0;
    width: 188px;
    z-index: 99999;
}
#nav-menu ul ul ul {
    left: 100%;
    top: 0;
}
#nav-menu ul ul a {
    background: #f9f9f9;
    border-bottom: 1px dotted #ddd;
    color: #444;
    font-size: 13px;
    font-weight: normal;
    height: 50;
    line-height: 1.4em;
    padding: 10px 10px;
    width: 160px;
}
#nav-menu li:hover > a,
#nav-menu ul ul :hover > a,
#nav-menu a:focus {
    background: #efefef;
}
#nav-menu li:hover > a,
#nav-menu a:focus {
    background: #f9f9f9; /* Show a solid color for older browsers */
    background: -moz-linear-gradient(#f9f9f9, #e5e5e5);
    background: -o-linear-gradient(#f9f9f9, #e5e5e5);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f9f9f9), to(#e5e5e5)); /* Older webkit syntax */
    background: -webkit-linear-gradient(#f9f9f9, #e5e5e5);
    color: #373737;
}
#nav-menu ul li:hover > ul {
    display: block;
}
#nav-menu .current_page_item > a,
#nav-menu .current_page_ancestor > a {
    font-weight: bold;
}
 
Foi útil? Participe da conversa

Com sua conta grátis você pode responder, mandar mensagem privada ao autor e comprar com Saldo retido: o pagamento é liberado quando você recebe o combinado.

Leva 30 segundos · você volta a este tópico ao terminar
quizas agregarle a
#nav-menu a {
width: 180px; /*tamaño deseado*/
}

seguro que no te descuadrara? :s
 
Perfecto el código Lenny, funciono muy bien.. la ultima y no molesto mas, ¿como puedo centrar el texto en cada box?

---------- Post agregado el 28-feb-2014 hora: 16:17 ----------

Problema resuelto, gracias. Saludos
 
Voltar
Topo