Modificar tamaño de opciones en menú principal

joseloma Seguir

Gamma
Verificación en dos pasos activada
Verificado por Whatsapp
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
27 Ene 2014
Mensajes
200
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;
}
 

joseloma

Gamma
Verificación en dos pasos activada
Verificado por Whatsapp
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
27 Ene 2014
Mensajes
200
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
 
Arriba