Hola...
Llevo toda la tarde con este problema y no consigo arreglarlo, espero que mepodáis ayudar.
Resulta que estoy usando joomla, crando una plantilla para maquetar el resultado de lo que se verá en pantalla.
Joomla me genera el siguiente código al insertar un elemento del tipo menú:
Código HTML:
<div id="menuInferior">
<div class="moduletable_mainmenu2">
<ul id="mainlevel_mainmenu2">
<li><a href="/cib/index.php?option=com_content&view=frontpage&Itemid=60" class="mainlevel_mainmenu2" >Inicio</a></li>
<li><a href="/cib/index.php?option=com_content&view=article&id=72&Itemid=62" class="mainlevel_mainmenu2" >Acerca de Cibernos</a></li>
<li><a href="/cib/index.php?option=com_content&view=category&layout=blog&id=38&Itemid=69" class="mainlevel_mainmenu2" >Sectores</a></li>
<li><a href="/cib/index.php?option=com_content&view=category&layout=blog&id=39&Itemid=64" class="mainlevel_mainmenu2" >Servicios</a></li>
<li><a href="/cib/index.php?option=com_content&view=category&layout=blog&id=40&Itemid=65" class="mainlevel_mainmenu2" >Soluciones</a></li>
<li><a href="/cib/index.php?option=com_content&view=category&layout=blog&id=41&Itemid=68" class="mainlevel_mainmenu2" >Ofertas de trabajo</a></li>
</ul>
</div>
</div>
El css que intento usar... es....:
Código:
/* === MENU INFERIOR === */
#menuInferior{
width: 885px;
/*margin: 0 10px 0 0;*/
}
#moduletable_mainmenu2{
width: 885px;
/*margin: 0 10px 0 0;*/
}
#moduletable_mainmenu2 ul.mainlevel_mainmenu2{
list-style: none;
text-align: center;
}
#moduletable_mainmenu2 li {
display: inline;
text-align: center;
margin: 0 10px 0 0;
}
#moduletable_mainmenu2 li a.mainlevel_mainmenu2 {
padding: 2px 7px 2px 7px;
color: #666;
background-color: #eeeeee;
border: 1px solid #ccc;
text-decoration: none;
}
#moduletable_mainmenu2 li a.mainlevel_mainmenu2:hover{
background-color: #333333;
color: #ffffff;
}
/* === FIN MENU INFERIOR === */
No consigo que se vea ni en formato horizontal... ni el formato del texto...
¿En qué estoy fallando?
Gracias