You need to Register for free and Login to post a message in the forum.

Forum

Subject: different solpart menu view of IE and firefox
Prev Next
You are not authorized to post a reply.

Author Messages
Foko
Nuker
Nuker
Posts:12

03 Nov 2006 10:12 AM  

Hi,

Gratulations to the great page. There I found the first time the infos I need to skin to solpartmenu.

Now I run into a difficult problem. Internet Explorer and Mozilla Firefox view diffent borders of the submenues. like you can see here

http://www.wh-portal.de/ Rassen

Why does this happen. In my opinion the IE is displaying correct.

Here is the .css for the menu

Any idea?

BW

/* Main Menu */
.MainMenu_MenuContainer {
 background-color: Transparent;
}
.MainMenu_MenuBar {
 cursor: pointer;
 cursor: hand;
 height: 25px;
 background-color: Transparent;
}
.MainMenu_MenuItem {
 cursor: pointer;
 cursor: hand;
 color: #FFCC00;
 font-size: 10pt;
 font-weight: normal;
 font-style: normal;
 border: #FFF 1px solid;
 border-width: 1px 0px 1px 0px;
  background-image: url(wh-portal-hg.jpg);
         font-family: Verdana;
 height: 30px;
}
.MainMenu_MenuIcon {
 cursor: pointer;
 cursor: hand;
  background-image: url(wh-portal-hg.jpg);
 border: #EEE 1px solid;
 border-width: 1px 0px 1px 1px;
 text-align: center;
 width: 15px;
 height: 25px;
}
.MainMenu_SubMenu {
 z-index: 1000;
 cursor: pointer;
 cursor: hand;
  background-image: url(wh-portal-hg.jpg);
 border: #EEE 1px solid;
 border-width: 1px 1px 1px 1px;
}
.MainMenu_MenuBreak
{
   display: none;
}
.MainMenu_MenuItemSel {
 cursor: pointer;
 cursor: hand;
         color: #F60400;
 font-size: 10pt;
 font-weight: normal;
 font-style: normal;
  background-image: url(wh-portal-hg.jpg);
 border: #EEE 0px solid;
 border-width: 0px 0px 0px 0px;
 height: 30px;
         font-family: Verdana;
}
.MainMenu_MenuArrow {
 font-family: webdings;
 font-size: 10pt;
 cursor: pointer;
 cursor: hand;
 border: #FFF 1px solid;
 border-width: 1px 1px 1px 0px;
 height: 25px;
}
.MainMenu_RootMenuArrow {
 font-family: webdings;
 font-size: 10pt;
 cursor: pointer;
 cursor: hand;
 height: 25px;
}

leesykes
DNN Creative Staff
Nuke Master III
Nuke Master III
Posts:3308

03 Nov 2006 10:29 AM  
Hello,

As I mention in the skinning toolkit, this is a bug which shows up a lot. I've run some tests in FF for you using the web developers toolbar but can not see a solution.

The only option I think you have is to either remove all of the borders that disappear, or to place a white line in the background image that you are using.

In most cases when testing skins you will find that FF is usually correct and IE is the one that doesn't display correctly. If you can get your skin working in FF you will find it is much more likely to work in all other browsers as well.

Hope this gives you a starting point, thanks,

Lee Sykes
Site Administrator
Subscribe to the website : DotNetNuke Video Tutorials : The Skinning Toolkit : DotNetNuke Podcasts

Twitter: www.twitter.com/leesykes

Lee Sykes's Facebook Profile
Foko
Nuker
Nuker
Posts:12

03 Nov 2006 1:39 PM  

I think the problem are the default settings of the solpartmenue. There are still the default settings in the .html code. like backcolor=#333333,. menubarheight=16,...

So I want to override them. but I do no know where. I am directly editing the skin .ascx files. and not using the html and .xml files where I could configurate the attributes.

Where can I change this? Because there seems no chance to get a good menue in IE and FF, except the background is white, because this are the default settings.

Where I have to overwrite the default solpartmenu settings?

BW

leesykes
DNN Creative Staff
Nuke Master III
Nuke Master III
Posts:3308

05 Nov 2006 3:42 AM  
Hello,

If you have a read of this article, it may provide some answers for you:
Introduction to CSS and inheritance in DotNetNuke skins

To override the settings, you can either delete the Solpart code in the default.css file or override the settings in default.css file by specifying them in your skin.css file. - Examples are provided in the article above,

Thanks,

Lee Sykes
Site Administrator
Subscribe to the website : DotNetNuke Video Tutorials : The Skinning Toolkit : DotNetNuke Podcasts

Twitter: www.twitter.com/leesykes

Lee Sykes's Facebook Profile
Foko
Nuker
Nuker
Posts:12

05 Nov 2006 7:59 AM  
Thx for help,

I delete all .MainM... from all .css except in the portals.css. But the problem is ( I think) the the solpart menu renders "hardcoded" some settings too.

Here is the Code In front there is e.g. BackColor"#333333" which I never set anywhere. I only changed th .css classes. e.g. in the css my MenuBarHeight is 30 which works well. So where I can change this? The settings are nowhere specified.

As I understood you vidoes, the skins are .ascx files, which can be automatic generated from the .htm and .xml files. I do not want to go this way. I want only to edit the .ascx skin files. So where would be such specified? Or how is this done?

The problem is with IE 6.0. FF works fine.

Are there other usable Menues?

BW



leesykes
DNN Creative Staff
Nuke Master III
Nuke Master III
Posts:3308

06 Nov 2006 11:20 AM  
Hello,

Yes Solpart does have some hardcoded elements which could be your problem. The only way to edit this is to edit the source code for Solpart menu.

If you want to view you skin.ascx file, just go to the portals / default or portals / 0 (portal no. folder) where you installed the skin.

Other menus I have covered in the tutorials is the HouseMenu, but you can not create reliably a hover over menu as with Solpart, you can view the various options here:
How to install and configure the House of Nuke menu for a DotNetNuke skin
How to create a pure CSS skin
How to create Horizontal CSS menus in DotNetNuke using the HouseMenu

Other options would be to look at the new DNN menu that comes with 4.3.x - but I haven't looked at that menu yet so can't offer any advice.

If you are trying to troubleshoot your skin, I would check out this tutorial that I have just created for issue 16 - it will be officially released in issue 16 - Dec - but here is the link to the page ;-)

Troubleshooting DotNetNuke skins using the web developer toolbar

Hope you find it useful,

Thanks,

Lee Sykes
Site Administrator
Subscribe to the website : DotNetNuke Video Tutorials : The Skinning Toolkit : DotNetNuke Podcasts

Twitter: www.twitter.com/leesykes

Lee Sykes's Facebook Profile
Foko
Nuker
Nuker
Posts:12

07 Nov 2006 2:48 AM  
Thx a lot, Very usefull.
You are not authorized to post a reply.
Forums > Skinning Toolkit > Skinning Toolkit > different solpart menu view of IE and firefox



ActiveForums 3.7

Latest Forum Posts

RE: Restart Application by leesykes
It will restart your DotNetNuke installation and reload the application.Clearing cache will clear th...
RE: How can i edit any module from front end by leesykes
hello,I have just tested this and can see exactly the same as you, I suspect the core team have set ...
RE: EasyCGI help? by leesykes
You may want to ask them to reset the correct permissions on your DotNetNuke installation files, som...
RE: quick question by leesykes
Hello,It will be possible to a degree, but it depends on how both of the skins have been built. You ...
RE: EasyCGI help? by Dr Joe
I'll let you know how it works out. I think I opened up about 6 tickets with them so far. ...
RE: EasyCGI help? by derpir
Hi Joe amazing to say the least! I will change host to PowerDNN as soon as possible, seems to me t...
RE: EasyCGI help? by Dr Joe
Amazing - I'm going through this exact same thing with EasyCGI! I managed to successfully instal...
Running the local host installation after building the application by saintX
My localhost installation of DNN was running blameless. After I oppened the application with VWD it ...
RE: quick question by derpir
Hello Is it possible to buy two skins and combine them? for example put one skins visual attributes...
RE: Environment Variables by leesykes
Thanks for the info,
RE: How can i edit any module from front end by sanju_k1421
ok if i added an text html . now i want to fill into that have to log in ,but i want that an...
Module not working when logged off. by t.ramya85
Hi friends,I have created two modules which interact with each other and i have kept one module to b...
RE: Environment Variables by fandnet
There are many ways to use variables like what I was trying to use...But here is how I did it.DotNet...
RE: OpenForce '08 by mgordon
It was truly a great time.  I really feel this year was much better than last year.  I hope to ge th...
Environment Variables by fandnet
I am creating a simple module that registered users can use to send an email invitation to people wh...
RE: How can i edit any module from front end by leesykes
I'm not sure that I follow, could you provide an example?
RE: Development of modules by leesykes
Hello,Glad you find them useful, at the moment there are not any plans to go into Module Development...
RE: SQL Server 2008 Documents Module DotNetNuke by leesykes
Hello,Thanks for the tip. Yes both connection strings are in correctly and the user has full permiss...
RE: Now, portal creation problem by jncraig
Since you have other issues with installing modules, etc. I believe that you are correct that it's a...
RE: How do I display the current time by jncraig
The [CURRENTDATE] skin object has a DateFormat attribute. The examples give MMMM dd, yyyy as a typi...
DotNetNuke Modules
RSS Feeds