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

Forum

Forums > Skinning Toolkit > Skinning Toolkit
Subject: NAV menu: submenu mis-aligned
Prev Next
You are not authorized to post a reply.

Author Messages
IcyK
Nuke Newbie
Nuke Newbie
Posts:5
14 Sep 2008 6:58 AM  
Dear all,

I'm quite a DNN novice and struggling with the NAV menu in a skin I'm trying to build (I want that skin CSS-based as much as possible).
I used the standard Blue skin (horizontal menu, fixed width) that came with DNN 04.08.04 and adapted it to my needs.

I'm using a header composed of several images; some of which are positioned using "position: relative;". The NAV menu is positioned in the 'bottom' of the header.

The NAV menu itself is not the problem, but the submenu's (Admin, Host etc.) are. They are seriously mis-aligned ... I think because of using "position: relative;" in the header part before the NAV menu.

But ... I can't figure out where de NAV submenu's are build and what properties are used ...

So if anyone has experienced something like this ans has a solition, or knows where the NSV submenu's get their properties and would like to share ... I't appreciate it BIG time!

Thanks in advance,

IcyK

NB: the site currently exists only on my Visual Web Developer 'server', so unfortunately I can't provide a link ...


[edit]
It seems that the submenu inherits the offset from the main menu.
Say I have the NAV menu positioned 100 px from the top and 50 px from the left, then the Admin submenu gets positioned 100 px below and 50 px to the right of the Admin link ...
[/edit]
IcyK
Nuke Newbie
Nuke Newbie
Posts:5
23 Sep 2008 8:13 PM  
Am I really the only one experiencing this challenge .... ;-)
Lee Sykes
DNN Creative Staff
Nuke Master VI
Nuke Master VI
Posts:6364
24 Sep 2008 3:20 AM  
Hello,

apologies for the delayed response, I could do with viewing the actual skin to make a comment, you can attach zip files to forum posts if you wish. However, if you wish to create a pure CSS skin I would recommend you use the housemenu or snapsis CSS Menu.

Both of these menus will create an unordered list for the menu which the search engines will find easy to index and will ensure that your page sizes are small. For the details you have here, I would recommend you check out the Snapsis menu - a discount is available to subscribers
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
IcyK
Nuke Newbie
Nuke Newbie
Posts:5
24 Sep 2008 6:37 PM  

Well, of all the people on this forum you should be one of the very last to apologize I think ... considering the time and effort you put in helping others.

I have attached a skin.zip that shows the problem. I stripped it down a bit to reduce the file size.
I'm sorry I can't point you to an actual 'live' site yet ...

The problem shows in the admin and the host submenu. I guess it'll show in other submenu's too, once they are in use.

If you (or someone else) could find the time to take a look, I'd appreciate it very much ...

Thanks in advance,

IcyK

Attachment: 1924374941971.zip
Lee Sykes
DNN Creative Staff
Nuke Master VI
Nuke Master VI
Posts:6364
26 Sep 2008 8:26 AM  
Hello,

Ok, going through the code I have found the problem:

.VillaHeaderNavmenuContainer {
   clear: both;
    top: -13px;
    left: 79px;     
    margin: 0 auto;      
    background-color: aabbcc;   

}

removing position: relative; fixes the problem


I would also recommend you set a background colour for this class:
.VillaHeaderNavmenuBackground

- so if a user is viewing with images disabled then the text in the menu is still readable

Also, I've noticed you have used a script in your skin to specify the doc type, are you aware that you can add a doc type file with your skin to set the doc type? checkout this tutorial:
How to select DOC TYPES in DotNetNuke 4.4

I troubleshooted this skin by using the methods outlined in this tutorial:
Troubleshooting DotNetNuke Skins

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
You are not authorized to post a reply.
Forums > Skinning Toolkit > Skinning Toolkit > NAV menu: submenu mis-aligned


ActiveForums 3.7

Latest Forum Posts

RE: sql script - modify data in a column by Sh@wn
Thank you Mark! I have used this script:ALTER TABLE dbo.C5SLLC_FormData ALTER COLUMN FormData NVARCH...
RE: sql script - modify data in a column by MarkXA
Assuming you're on SQL 2005 or 2008, it sounds like you need to convert the ntext column to nvarchar...
RE: Dl all DNN Videos by greet@fashionchannel21.com
Hello. First of all I need to say that I'm really happy with all the information that I have found o...
RE: sql script - modify data in a column by Sh@wn
this is the error: 'The data types ntext and varchar are incompatible in the equal to operator er...
RE: sql script - modify data in a column by jncraig
What is the error?
sql script - modify data in a column by Sh@wn
hello, I have successfully changed an ModuleID Column with this script: Update dbo.C5SLLC_FormDa...
RE: css class styles by jncraig
I'm afraid that I don't have anything helpful to offer here.
RE: linking to an external resource by jncraig
I think that, as you have discovered, the framework doesn't include that option. One thing that y...
RE: Implementing ISearchable by originator
Hello, Just assign GUID property as follows: SearchItemInfo si = new SearchItemInfo(...) .....
DotNetNuke Nucleus Skin Designer Tutorial - Issue 60 by leesykes
Add any comments or questions regarding the DotNetNuke Nucleus Skin Designer Tutorial from Issue 60
How to use Papayas Auto Upgrade for DotNetNuke - Issue 60 by leesykes
Add any comments or questions regarding the How to use Papayas Auto Upgrade for DotNetNuke tutori...
How to Setup and Use the DotNetNuke Survey Module - Issue 60 by leesykes
Add any comments or questions regarding the How to Setup and Use the DotNetNuke Survey Module tut...
Creating an Events Calendar for DNN using DotNetMushroom RAD - Issue 60 by leesykes
Add any comments or questions regarding the Creating an Events Calendar for DotNetNuke using DotNetM...
RE: Dl all DNN Videos by leesykes
Hello,No I'm afraid there isn't. But you can download all the videos from each issue by visiting eac...
RE: css class styles by cyborama
anyone have anymore insight on this issue with applying contextual background color to the telerik e...
linking to an external resource by cyborama
Hello Lee and Joe, Seems like it should be a no brainer but I am trying to link one of my menu it...
RE: Setting Page Skin by jncraig
The ribbon bar and controls are shown only to users who are logged into your site and given administ...
RE: Changing BG color of solpart sub sub menu ???? by jncraig
You will need to identify the classes assigned to those items and adjust the styles applied to them....
RE: Registered Users by jncraig
As I understand your question, yes.
RE: Admin--> Google Analytics page blank by jncraig
Make sure that you are not in Layout mode.If you are in View Mode or Edit Mode, you might want to ch...
DNN Creative Subscribe
RSS Feeds