Código:
< div id="catmenucontainer" > < div id="catmenu" > <ul> < ?php wp_list_categories('sort_column=name&title_li=&depth=4'); ? > </ul> < /div > < /div >
Funciona bien, muestra sub-categorías y todo eso (mediante css). El CSs es este (es algo largo pero puede que ahí este la solución del problema, espero)
Código:
/* Category menu*/ #catmenucontainer{ height:33px; /*background:#373737 url(images/catmenupng) repeat-x;*/ display:block; padding:0px 0px 10px 0px; /*font: 12px Tahoma,Century gothic,verdana, Arial, sans-serif;*/ font: small Arial; font-weight:bold; /*border-bottom:1px solid #fff;*/ } #catmenu{ margin: 0px; padding: 0px; width:1000px; /*background:#373737 url(images/catmenupng) repeat-x;*/ height:33px; } #catmenu ul { float: left; list-style: none; margin: 0px; padding: 0px; } #catmenu li { float: left; list-style: none; margin: 0px; padding: 0px; } #catmenu li a, #catmenu li a:link, #catmenu li a:visited { color: #eee; display: block; margin: 0px; padding: 9px 10px 10px 10px; } #catmenu li a:hover, #catmenu li a:active { background:#B60606 ; color: #fff; margin: 0px; padding: 9px 10px 10px 10px; text-decoration: none; } #catmenu li li a, #catmenu li li a:link, #catmenu li li a:visited { background:#373C3F; width: 150px; color: #fae7df; font-family:Tahoma,century gothic,Georgia, sans-serif; font-weight: normal; float: none; margin: 0px; padding: 9px 10px 10px 10px; border-bottom: 1px solid #535A5F; } #catmenu li li a:hover, #catmenu li li a:active { background:#B60606 url(images/catmenuhov.jpg) repeat-x; color: #fff; padding: 9px 10px 10px 10px; } #catmenu li ul { z-index: 9999; position: absolute; left: -999em; height: auto; width: 170px; margin: 0px; padding: 0px; } #catmenu li li { } #catmenu li ul a { width: 140px; } #catmenu li ul a:hover, #catmenu li ul a:active { } #catmenu li ul ul { margin: -34px 0 0 170px; } #catmenu li:hover ul ul, #catmenu li:hover ul ul ul, #catmenu li.sfhover ul ul, #catmenu li.sfhover ul ul ul { left: -999em; } #catmenu li:hover ul, #catmenu li li:hover ul, #catmenu li li li:hover ul, #catmenu li.sfhover ul, #catmenu li li.sfhover ul, #catmenu li li li.sfhover ul { left: auto; } #catmenu li:hover, #catmenu li.sfhover { position: static; }
Sorry por tanta data, pero el problema es que cada vez que ubico el mouse sobre una da las categorías aparece el texto title del link (ese mensaje que aparece unos segundos y luego se esfuma) y no veo forma de evitar que eso pase. Si alguien me puede dar una mano pues temo que es algo bien simple y no le veo la solución. Ah igual me pasa con las páginas con este código:
Código:
< div id="foxmenucontainer" > < div id="menu" > <ul> <li><a>" >Home</a></li> < ?php wp_list_pages('title_li=&depth=4&sort_column=menu_order'); ? > </ul> < /div > < /div >
Esta imagen puede que ayude a completar la explicación de mi consulta.......
Mil gracias
Un saludo desde Lima, Perú