Avisos
Vaciar todo
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 1:33 pm
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 3:00 pm
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 3:22 pm
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 3:47 pm
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 4:53 pm
