Modificacion en menu Mega de Teline iV

Alejandro

Respuestas: 125

Estimable Member

Topic starter

Hola, tengo un problema con la barra de menu de Teline IV. Como ya tengo mas categorias en la página principal, tengo que ocupar la segunda linea (ver web).

Me aparecen 2 problemas,

1 - Los bordes que rodean al nombre del item, no aparecen completamente al aparecer la segunda linea. Ver primer fichero.

2 - He intentado "ensanchar" los margenes de los nombres de categorias modificando el padding en el fichero mega.css , y lo curioso es que hay algunas que corresponden a otros componentes (sobripro, VM, jevents), que no se "ensanchan" Ver segundo fichero

Supongo que hay que tocar el fichero mega.css, pero no se donde. Agradeceré me echeis una mano.

URL del sitio: mecuidomucho.com

Respondido : 20/07/2012 12:33 pm

Jordi Sala

Respuestas: 12058

Illustrious Member Admin

Hola Alejandro,

Los menús están preparados para mostrarse en una sola linea no en dos. Puedes intentar reducir el número de los mismos, o modificando CSS hacer que la letra de los mismo sea más pequeña y reducir el padding en los botones.

En el siguiente artículo del Blog de Webempresa se explica el uso de Firebug, herramienta destinada a localizar cadenas de código, estilos, etc., desde tu navegador:

-

Firebug Lite for Google Chrome:
- https://chrome.google.com/extensions/detail/bmagokdooijbeehmkpknfglimnifench

Fifebug Firefox:
- https://addons.mozilla.org/es-es/firefox/addon/firebug/

No ofrecemos soporte a webs alojadas en localhost ni soporte css o programación.

Saludos

Respondido : 20/07/2012 2:00 pm

Alejandro

Respuestas: 125

Estimable Member

Topic starter

Si, pero ese linea de la parte superior no puede también aparecer en la inferior? De donde depende esa linea?

Respondido : 20/07/2012 2:22 pm

Jordi Sala

Respuestas: 12058

Illustrious Member Admin

Hola Alejandro,

Disculpa que no me he explicado bien. El menú esta preparado para mostrarse en una fila, y no en dos. Por eso te indicaba en mi respuesta anterior varias ideas para que se muestre en una sola fila.

Saludos

Respondido : 20/07/2012 2:47 pm

Alejandro

Respuestas: 125

Estimable Member

Topic starter

Reducir era imposible por la larga lista (a no ser que regalase una lupa a cada visitante).

No obstante, ya lo he encontrado.

Se trata de añadir hacia la linea 32 lo siguiente:

border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;

añadir un padding-right a la linea 62, y jugar con el espaciado de padding de linea 61 y 62 hasta conseguir ajustar.

Puedes cerrar el tema

Respondido : 20/07/2012 3:53 pm