Products

Solutions

Resources

Partners

Community

Blog

About

QA

Ideas Test

New Community Website

Ordinarily, you'd be at the right spot, but we've recently launched a brand new community website... For the community, by the community.

Yay... Take Me to the Community!

Welcome to the DNN Community Forums, your preferred source of online community support for all things related to DNN.
In order to participate you must be a registered DNNizen

HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...SOLPARTMENU Background Image IssuesSOLPARTMENU Background Image Issues
Previous
 
Next
New Post
2/2/2007 9:24 AM
 

I currently have a SOLPARTMENU impletemented on my company's intranet, but I would like a background image to appear whenever an item is hovered upon.  I tried to do this but there is always a white 1px border on the top, right, and bottom of the selected item with the background image appearing just fine.  How do I get rid of this border?  If I just use a regular background color there is no border when the item is hovered upon

Here is what I mean:

Here is my CSS for the hovering with the background image:
.MainMenu_MenuItemSel {
background-image: url('bg2.jpg');
background-repeat: repeat;
font-family: verdana;
color: #000033;
font-size: 10pt;
font-weight: bold;
text-align: left;
padding-right: 0px;
padding-left: 0px;
padding-bottom: 0px;
padding-top: 0px; 
border-top-style: none;
border-right-style: none;
border-left-style: none;
border-bottom-style: none;
border-spacing: 0px;
height: 20px
}

Thanks very much in advance!!!

 
New Post
2/5/2007 9:25 AM
 
The solpartmenu has hardcoded borders for hovering.  This issue is possible work around with the latest version of the menu, or you can simply specify the borders to match your background color.  To upgrade your menu, grab the latest solpartwebcontrols.dll and spmenu.js files from either the latest dnn build or my site.  Copy the dll into your site's bin folder, and the spmenu.js into the controls\solpartmenu folder.  After updating if you are still having issues, please post a url for me to review.

 
New Post
2/5/2007 9:57 AM
 
Did as you stated and now works like a charm, no more border!  Thanks so much Jon!
 
New Post
2/5/2007 1:33 PM
 

Sorry to bother you again Jon, but now there is a quirk where if I hover over a submenu item, the background and font color of the item changes as stated in the CSS, but when I hover over a main menu item, the background changes but the font color does not change.  The font color changes if I specify a background color instead of background image.  I'm assuming I'll have to wait for a new release for the solution to this.  To take an easier way out, would it be possible to disable the background image/color hovering attribute for the main menu item?  An example of this would be the DotNetNuke site...lets say when you hover over 'About', only the text color changes, and then for the submenu items, there actually is a red background upon hover of each item.  Don't know if this helps, but here is all the CSS for the solpartmenu:

.MainMenu_MenuContainer {
font-family: verdana;
color: #FFFFFF;
font-size: 10pt;
font-weight: bold;
text-align: left;
background-color: transparent;
}
.MainMenu_MenuBar {
font-family: verdana;
color: #FFFFFF;
font-size: 10pt;
font-weight: bold;
background-color: transparent;
font-weight: normal;
text-align: left;
}
.MainMenu_MenuItem {
font-family: verdana;
color: #FFFFFF;
font-size: 10pt;
font-weight: bold;
text-align: left;
padding-right: 0px;
padding-left: 0px;
padding-bottom: 0px;
padding-top: 0px; 
border-top-style: none;
border-right-style: none;
border-left-style: none;
border-bottom-style: none;
border-spacing: 0px;
height: 20px
}
.MainMenu_MenuIcon {
display: none;
}
.MainMenu_SubMenu {
background-color: #000033;
filter:progid:DXImageTransform.Microsoft.Shadow(color='DimGray', Direction=135, Strength=3);
}
.MainMenu_MenuBreak {
background-color: #000033;
}
.MainMenu_MenuItemSel {
background: #FFFFFF;
font-family: verdana;
color: #000033;
font-size: 10pt;
font-weight: bold;
text-align: left;
padding-right: 0px;
padding-left: 0px;
padding-bottom: 0px;
padding-top: 0px; 
border-top-style: none;
border-right-style: none;
border-left-style: none;
border-bottom-style: none;
border-spacing: 0px;
height: 20px
}
.MainMenu_MenuArrow {
padding-right: 0px;
padding-left: 0px;
padding-bottom: 0px;
padding-top: 0px; 
border-top-style: none;
border-right-style: none;
border-left-style: none;
border-bottom-style: none;
border-spacing: 0px;
}
.MainMenu_RootMenuArrow {
}
.MainMenu_MenuIcon
{
display: none;
}

 
New Post
2/5/2007 2:02 PM
 
I don't think I understand what you are saying.   Could you provide me a url to look at?

 
Previous
 
Next
HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...SOLPARTMENU Background Image IssuesSOLPARTMENU Background Image Issues


These Forums are dedicated to discussion of DNN Platform and Evoq Solutions.

For the benefit of the community and to protect the integrity of the ecosystem, please observe the following posting guidelines:

  1. No Advertising. This includes promotion of commercial and non-commercial products or services which are not directly related to DNN.
  2. No vendor trolling / poaching. If someone posts about a vendor issue, allow the vendor or other customers to respond. Any post that looks like trolling / poaching will be removed.
  3. Discussion or promotion of DNN Platform product releases under a different brand name are strictly prohibited.
  4. No Flaming or Trolling.
  5. No Profanity, Racism, or Prejudice.
  6. Site Moderators have the final word on approving / removing a thread or post or comment.
  7. English language posting only, please.
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out