1
Hi I am trying to make a theme using CSS and am having difficulty rendering a seperate style for XOOPS Mainmenu item.
I don't know how to explain this well, so I am gonna paste codes in here.
In theme.htm file I have the following code for leftside blocks.
<div id="leftside"><{foreach item=block from=$xoops_lblocks}><div class="misc_box"><span
class="menu_heading"><{$block.title}>span><{$block.content}>div><{/foreach}>
div>
But the problem is that, when the output is displayed XOOPS Mainmenu is always inside another box ("misc_box". I don't want Mainmenu to be inside one of the boxes, I want it to have a style of its own.
I will put the CSS styles for both these items.
.misc_box {
width: 147px;
margin: 10px;
border-size: 1px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
background-image: url(images/bg-misc-box.gif);
background-repeat: repeat-x;
padding: 3px 0px 1px 3px;
border: 1px solid #0C8BB5;
}
//// this one is for mainmenu
.mainmenu {
margin: 4px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #003300;
}
Has anyone got an idea? I have tried searching through forum but couldn't find anything.
Thanx!
