I got a problem with removing a space on the left in the submenu. Our client wants to underline the text in the rootmenu and in the submenu. After removing 2 ' ' from the spmenu.js file it now worked in the rootmenu, but in the submenu it still puts a ' ' before my text.
You can see it here: http://envipro.global-e.nl/Home/tabid/325/Default.aspx (look under Producten Overzichten) (sorry it's Dutch)
If I check the sourcecode it shows this:
title=" Producten: Weber"
I made it bold where I think it goes wrong.
My aspx file is:
<%@ Control language="vb" CodeBehind="~/admin/Skins/skin.vb" AutoEventWireup="false" Explicit="True" Inherits="DotNetNuke.UI.Skins.Skin" %>
<%@ Register TagPrefix="dnn" TagName="LOGO" Src="~/Admin/Skins/Logo.ascx" %>
<%@ Register TagPrefix="dnn" TagName="BANNER" Src="~/Admin/Skins/Banner.ascx" %>
<%@ Register TagPrefix="dnn" TagName="SOLPARTMENU" Src="~/Admin/Skins/SolPartMenu.ascx" %>
<%@ Register TagPrefix="dnn" TagName="LINKS" Src="~/Admin/Skins/Links.ascx" %>
<%@ Register TagPrefix="dnn" TagName="LANGUAGE" Src="~/Admin/Skins/Language.ascx" %>
<%@ Register TagPrefix="dnn" TagName="SEARCH" Src="~/Admin/Skins/Search.ascx" %>
<%@ Register TagPrefix="dnn" TagName="LOGIN" Src="~/Admin/Skins/Login.ascx" %>
<%@ Register TagPrefix="dnn" TagName="USER" Src="~/Admin/Skins/User.ascx" %>
<%@ Register TagPrefix="dnn" TagName="SIGNIN" Src="~/Admin/Security/Signin.ascx" %>
<%@ Register TagPrefix="dnn" TagName="BREADCRUMB" Src="~/Admin/Skins/BreadCrumb.ascx" %>
<%@ Register TagPrefix="dnn" TagName="CURRENTDATE" Src="~/Admin/Skins/CurrentDate.ascx" %>
<%@ Register TagPrefix="dnn" TagName="COPYRIGHT" Src="~/Admin/Skins/Copyright.ascx" %>
<%@ Register TagPrefix="dnn" TagName="HELP" Src="~/Admin/Skins/Help.ascx" %>
<%@ Register TagPrefix="dnn" TagName="PRIVACY" Src="~/Admin/Skins/Privacy.ascx" %>
<%@ Register TagPrefix="dnn" TagName="TERMS" Src="~/Admin/Skins/Terms.ascx" %>
<%@ Register TagPrefix="dnn" TagName="HOSTNAME" Src="~/Admin/Skins/HostName.ascx" %>
<%@ Register TagPrefix="dnn" TagName="DOTNETNUKE" Src="~/Admin/Skins/DotNetNuke.ascx" %>
<%@ Register TagPrefix="dnn" TagName="NAV" Src="~/Admin/Skins/Nav.ascx" %>
<link href="Envipro.css" rel="stylesheet" type="text/css" />
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0" class="paginatabel">
<tr>
<td align="center" valign="top" class="paginatabel"><table width="878" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center"><table width="878" border="0" cellpadding="0" cellspacing="0" bgcolor="e0dedf">
<tr>
<td height="166" align="center" valign="top"><img src="<%= SkinPath %>images/Top.jpg" alt="Envipro" width="878" height="166" border="0" usemap="#Map" /></td>
</tr>
<tr>
<td width="878" height="25" align="left" valign="middle">
<dnn:NAV
runat="server"
id="dnnNav"
UseTables="False"
CSSControl="MainMenu_MenuBar"
CSSContainerRoot="MainMenu_MenuContainer"
CSSNode="MainMenu_MenuItem"
CSSIcon="MainMenu_MenuIcon"
CSSContainerSub="MainMenu_SubMenu"
CSSBreak="MainMenu_MenuBreak"
CSSNodeHover="MainMenu_MenuItemSel"
CSSNodeRoot="NodeRoot"
CSSSeparator="Separator"
CSSLeftSeparator=""
CSSBreadCrumbSub="BreadCrumbSub"
CSSIndicateChildSub="MainMenu_MenuArrow"
CSSIndicateChildRoot="MainMenu_RootMenuArrow"
PathSystemImage="[APPIMAGEPATH]"
PathImage="[HOMEDIRECTORY]"
MouseOverDisplay="highlight"
ProviderName="SolpartMenuNavigationProvider"
NodeLeftHTMLRoot="<img src='/Portals/Envipro/Skins/Envipro/images/RootMenuLeft.gif'><span>"
NodeRightHTMLRoot="</span><img src='/Portals/Envipro/Skins/Envipro/images/RootMenuRight.gif'>"
NodeLeftHTMLSub="<span>"
NodeRightHTMLSub="</span>"
NodeLeftHTMLBreadCrumbSub=""
SeparatorLeftHTML=""
SeparatorLeftHTMLActive=""
SeparatorLeftHTMLBreadCrumb=""
SeparatorHTML="<img src='/Portals/Envipro/Skins/Envipro/images/Separator.gif'>"
IndicateChildren="false"
/>
</td>
</tr>
<tr>
<td width="878" height="10" align="center" valign="middle" id="ContentPane" runat="server"><dnn:LOGIN runat="server" id="dnnLOGIN" /></td>
</tr>
<tr>
<td height="100%"><table width="878" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="9" background="<%= SkinPath %>images/Filler_9h.gif" style="background-repeat:no-repeat"></td>
<td width="280" align="center" valign="middle"><table width="280" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="280" height="19" valign="bottom" nowrap="nowrap" background="<%= SkinPath %>images/Column_Top.jpg" style="background-repeat:no-repeat"></td>
</tr>
<tr>
<td width="280" nowrap="nowrap" background="<%= SkinPath %>images/Filler_Panes.gif" style="background-repeat:no-repeat" class="leftpane" id="LeftPane" runat="server"></td>
</tr>
<tr>
<td width="280" height="19" nowrap="nowrap" background="<%= SkinPath %>images/Column_Bottom.jpg" style="background-repeat:no-repeat"></td>
</tr>
</table></td>
<td width="10" background="<%= SkinPath %>images/Filler_10h.gif" style="background-repeat:no-repeat"></td>
<td width="280" align="center" valign="middle"><table width="280" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="280" height="19" valign="bottom" nowrap="nowrap" background="<%= SkinPath %>images/Column_Top.jpg" style="background-repeat:no-repeat"></td>
</tr>
<tr>
<td width="280" nowrap="nowrap" background="<%= SkinPath %>images/Filler_Panes.gif" style="background-repeat:no-repeat" class="middlepane" id="MiddlePane" runat="server"></td>
</tr>
<tr>
<td width="280" height="19" nowrap="nowrap" background="<%= SkinPath %>images/Column_Bottom.jpg" style="background-repeat:no-repeat"></td>
</tr>
</table></td>
<td width="10" background="<%= SkinPath %>images/Filler_10h.gif" style="background-repeat:no-repeat"></td>
<td width="280" align="center" valign="middle"><table width="280" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="280" height="19" valign="bottom" nowrap="nowrap" background="<%= SkinPath %>images/Column_Top.jpg" style="background-repeat:no-repeat"></td>
</tr>
<tr>
<td width="280" nowrap="nowrap" background="<%= SkinPath %>images/Filler_Panes.gif" style="background-repeat:no-repeat" class="rightpane" id="RightPane" runat="server"></td>
</tr>
<tr>
<td width="280" height="19" nowrap="nowrap" background="<%= SkinPath %>images/Column_Bottom.jpg" style="background-repeat:no-repeat"></td>
</tr>
</table></td>
<td width="9" background="<%= SkinPath %>images/Filler_9h.gif" style="background-repeat:no-repeat"></td>
</tr>
</table></td>
</tr>
<tr>
<td width="878" height="8" align="center" valign="top"><img src="<%= SkinPath %>images/Bottom.jpg" width="878" height="8" /></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table>
<map name="Map" id="Map"><area shape="rect" coords="754,74,839,91" href="mailto:info@envipro.nl" alt="info@envipro.nl" />
</map>
And the css file:
/*
================================
Skin styles for DotNetNuke
================================
*/
Body
{
background-color:#009899
}
/* Pane Settings*/
.leftpane {
width: 280px;
text-align:left;
vertical-align:top;
background-color: #FFFFFF;
padding-left: 5px;
padding-right: 5px;
padding-top: 5px;
}
.middlepane {
width: 280px;
text-align:left;
vertical-align:top;
background-color: #FFFFFF;
padding-left: 5px;
padding-right: 5px;
padding-top: 5px;
}
.rightpane {
width: 280px;
text-align:left;
vertical-align:top;
background-color: #FFFFFF;
padding-left: 5px;
padding-right: 5px;
padding-top: 5px;
}
/* Main Menu */
.MainMenu_MenuContainer {
border-top: solid #663200 3px;
border-bottom: solid #663200 3px;
padding: 0px;
margin: 0px;
white-space: nowrap;
height: 25px;
background-color: #cc9900;
}
.MainMenu_MenuBar {
cursor: pointer;
padding: 0px;
margin: 0px;
white-space: nowrap;
border: 0px;
height: 19px;
background-color: Transparent;
}
.MainMenu_MenuItem {
cursor: pointer;
color: #663200;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9pt;
font-weight: normal;
font-style: normal;
text-align: left;
height: 19px;
padding: 0px;
margin: 0px;
border: 0px;
white-space: nowrap;
}
.span {
text-decoration: underline;
}
.MainMenu_MenuIcon {
display: none;
}
.MainMenu_SubMenu {
z-index: 1000;
cursor: pointer;
background-color: #fee066;
filter:progid:DXImageTransform.Microsoft.Shadow(color='DimGray', Direction=135, Strength=3);
}
.MainMenu_SubMenu span {
text-decoration: underline;
}
.MainMenu_MenuBreak {
padding: 0px;
border: 0px;
width: 9px;
height: 1px;
}
.MainMenu_MenuItemSel {
cursor: pointer;
color: #663200;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9pt;
font-weight: normal;
font-style: normal;
text-align: left;
padding: 0px;
border: 0px;
white-space: nowrap;
background-color: #fecb02;
}
.MainMenu_MenuItemSel span {
text-decoration: underline;
}
.MainMenu_MenuArrow {
display: none;
}
.MainMenu_RootMenuArrow {
display: none;
}
.NodeRoot {
padding: 0px;
border: 0px;
}
.NodeRoot span {
text-decoration: underline;
}
.Separator {
padding: 0px;
border: 0px;
margin: 0px;
width: 9px;
height: 1px;
}
/* Buttons*/
.StandardButton {
background: #7994cb none;
color: #ffffff;
font-family: verdana, sans-serif;
font-size: 11px;
font-weight: normal;
}
----------
I'm new to CSS and DNN. Maybe there's a much easier way to underline the text and maybe I'm way off with all this? I hope someone can help me with this! Thanks!