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, ...CanCan't get CSSSeparator to work
Previous
 
Next
New Post
10/25/2010 5:16 PM
 
I'm trying to setup a separator and have gotten the image to display, but it messes up the entire nav menu... I was going to play around with the other css separator properties, but I'm not sure if they're even working. Using firebug, I can't see the image grabbing the .CSSSeparator property, that it's supposed to be using. Here is my nav menu HTML:

"<object id="dnnNAV" codetype="dotnetnuke/server" codebase="NAV">
                                    <param name="ProviderName" value="DNNMenuNavigationProvider" />
                                    <param name="IndicateChildren" value="false" />
                                    <param name="ControlOrientation" value="Horizontal" />
                                    <param name="CSSControl" value="mainMenu" />
                                    <param name="CSSSeparator" value="CSSSeparator" />
                                    <param name="SeparatorHTML" value="<img src=&quot;images2/leftborder.png&quot;>" />
        </object>"
 
New Post
10/28/2010 9:12 PM
 
Try placing a "class=CSSSeparator" in the 'img' tag. Then it should pick it up. I think the CSSSeparator may not be valid in the DNN Nav menu?

I use a different approach. I set the separator html to a span tag with a class assigned and no content, then for that class I set width, height, and background image, that way it's all css to control the separator, and you don't have alignment issues with the image. It just behaves better with it being placed via css background image.

JOHN GIESY
DotNetNuke Hosting Expert

DotNetNuke 7 Hosting $70 /year
DNN4Less.com Team DotNetNuke  

New Post
10/28/2010 9:19 PM
 
Just peaked at my code and forgot to mention that I use a 'display: inline-block' in the separator's css to also help it behave nicely. I aslo noticed that I do place an & n b s p ; (remove the spaces) inbetween the opening and closing span tags. I think DNN tried to remove the closing tag and self close the span tag when there was no content. I don't need to set the font-size with mine, but if you needed to you can always set the font size to 1px to keep the hard-space from making your separator too wide.

JOHN GIESY
DotNetNuke Hosting Expert

DotNetNuke 7 Hosting $70 /year
DNN4Less.com Team DotNetNuke  

Previous
 
Next
HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...CanCan't get CSSSeparator to work


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