Dear DNN-fellows
I hope that someone want to help me to discover all about the solpartmenu.
I've asked you if the above mentioned code was the hardcode in the sollpartmenu before the default settings of DNN and the skin settings appeared.
This is NOT TRUE. I'm pretty sure now.
What have I done?
I've eliminated all the style settings in the default.css and in the skin.css.
For the following menu
Home Menu02 Menu03
Page0201 Page0301
Page0302 Page030201
This is the code (only the parts that have impact to the layout) of the menu.
<table width="100%" cellspacing="0" cellpadding="3" border="0" class="skingradient">
<tbody>
<tr>
<td width="100%" valign="middle" nowrap="" align="left">
<span
xml="<root>
<menuitem id="" title="Home" />
<menuitem id="" title="Menu02" >
<menuitem id="" title=" Page0201" url="" />
</menuitem>
<menuitem id="" title="Menu03" url="" lefthtml="<img alt="*" BORDER="0" src="breadcrumb.gif">">
<menuitem id="" title=" Page0301" />
<menuitem id="" title=" Page0302" >
<menuitem id="" title=" Page030201" />
</menuitem>
</menuitem>
</root>"
cssrootmenuarw="MainMenu_RootMenuArrow"
cssmenuitemsel="MainMenu_MenuItemSel"
cssmenuitem="MainMenu_MenuItem"
cssmenuicon="MainMenu_MenuIcon"
csssubmenu="MainMenu_SubMenu"
cssmenubar="MainMenu_MenuBar"
cssmenucontainer="MainMenu_MenuContainer"
cssmenubreak="MainMenu_MenuBreak"
cssmenuarrow="MainMenu_MenuArrow"
rootarrow="-1"
rootarrowimage="menu_down.gif"
arrowimage="breadcrumb.gif"
iconimgpath="--Portals/0/"
borderwidth="0"
menutransition="None"
moutdelay="500"
iconwidth="15"
menuitemheight="21"
menubarheight="16"
display="horizontal"
sysimgpath="--/images/"
fontstyle="font-family: Tahoma,Arial,Helvetica;
font-size: 9pt;
font-weight: bold;
font-style: normal;
text-decoration: "
selcolor="#CCCCCC"
selforecolor="White"
shcolor="#404040"
hlcolor="#FF8080"
iconbackgroundcolor="#333333"
backcolor="#333333"
name="dnn:dnnMENU:ctldnnMENU"
id="dnn_dnnMENU_ctldnnMENU">
<table width="100%" cellspacing="0" cellpadding="0" border="0" style="" class="spmbctr MainMenu_MenuContainer">
<tbody>
<tr>
<td>
<table width="100%" cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr saveselcss="" savecss="" class="spmbar spmitm MainMenu_MenuBar MainMenu_MenuItem">
<td nowrap="NOWRAP" title="">
<img src="spacer.gif">
Home
</td>
</tr>
</tbody>
</table>
</td>
<td>
<table width="100%" cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr saveselcss="" savecss="" class="spmbar spmitm MainMenu_MenuBar MainMenu_MenuItem">
<td nowrap="NOWRAP" title="">
<img src="spacer.gif">
Menu02
</td>
<td align="right" class="spmrarw MainMenu_RootMenuArrow">
<img alt=">" src="menu_down.gif">
</td>
</tr>
</tbody>
</table>
</td>
<td>
<table width="100%" cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr saveselcss="" savecss="" class="spmbar spmitm MainMenu_MenuBar MainMenu_MenuItem">
<td nowrap="NOWRAP" title="">
<img src="spacer.gif">
<img border="0" src="breadcrumb.gif" alt="*">
Menu03
</td>
<td align="right" class="spmrarw MainMenu_RootMenuArrow">
<img alt=">" src="menu_down.gif">
</td>
</tr>
</tbody>
</table>
</td>
<td width="100%">
<img src="spacer.gif">
</td>
</tr>
</tbody>
</table>
</span>
</td>
</tr>
</tbody>
</table>
But what dit I see:
First
The standaard text [for IE Times New Roman for FF Verdana (text that I've set)] appear.
The background of the menuitems and the submenu were transparent.
When I go hover the rootmenuitems nothing changed in IE and FF. That means not the color, not the background, not the borders.
No hand appears when I go over (hover) menuitems.
When I loged in as host and I go to Menu03, the underlying submenus, the admin menu or the hostmenu (where the icons are visible) then:
In IE a black border appears round every submenuitem. And every submenuitem goes one pixel (perhaps 2) down when the mouse goes over the item (hover).
In FF no black borders appears round the submenuitems but every submenuitem goes 1px down.
Second
When I use a default dnn skin, like DNN-Blue (that means that the default.css styles of the solpartmenu are empty and the skin.css styles are working) then:
When I go hover the rootmenuitems then the text goes 1px up in FF (not in IE).
First conclusion:
The hardcode styles that are set in solpart are not the hardcode styles that I thougth.
But there are still some hardcode settings... But which???
Can anyone tells me which hardcode are set?
I know that the black borders in IE appears (hover) when these borders are set to transparent. For instance border: transparent 1 px solid; Then the borders have the same color as the color of the menuitem (this is a bug in IE).
I've seen that many dnn-users struggle with the solpartmenu.
To discover everything and to change the layout the first thing that everyone must know is 'Which hardcode is set in the sollpartmenu before the default styles and the skin styles ?'.
Who will take a look at this?...and helps me?