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

Forum

Forums > Users Lounge > Everything Else
Subject: Menu bar and CSS
Prev Next
You are not authorized to post a reply.

Author Messages
wsiwpg
DNN Creative Magazine Subscriber
Nuke Newbie
Nuke Newbie
Posts:8
03 Oct 2008 2:57 PM  

Hi There,

I have created a vertical menu bar and am positioning where it is on the pg with CSS. I have the menu placed on a background and again positioned the background with CSS. I have used position:relative; in the css file to position it where I need it on the page. Now when I hover over the links, whenever I have subpages those pop out somewhere else on the page, no where near the actual menu. And to make matters worse, I have 2 other items on the page positioned with the relative property and so some of the sub pages go under one of the other items and I can't even get to the link to click on it now. Is there a way to move the sub page links up to beside the menu where they should be and to appear on top of any items located close by? Sorry if this is a bit confusing. Any help would be greatly appreciated.

Thanks
leesykes
DNN Creative Staff
Nuke Master III
Nuke Master III
Posts:3325
03 Oct 2008 5:04 PM  
can you attach your skin file or give us a link?
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
wsiwpg
DNN Creative Magazine Subscriber
Nuke Newbie
Nuke Newbie
Posts:8
03 Oct 2008 5:14 PM  
I have attached the skin to here. The site is: brownandrutherford.com.previewyoursites.com and I have applied the skin to the Test page.

Attachment: 110314941671.zip
wsiwpg
DNN Creative Magazine Subscriber
Nuke Newbie
Nuke Newbie
Posts:8
08 Oct 2008 1:03 PM  

Just wondering if anyone has figured out how to solve my problem.

Thanks
leesykes
DNN Creative Staff
Nuke Master III
Nuke Master III
Posts:3325
10 Oct 2008 9:14 AM  
ok, I'm back from openforce, I can't see any sub menus on the test page, can you add some sub menus so I can see this in action, 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
wsiwpg
DNN Creative Magazine Subscriber
Nuke Newbie
Nuke Newbie
Posts:8
15 Oct 2008 12:49 PM  
Ok, i have now added some sub pages to the site. Can you please go look at it now.

Thanks.
leesykes
DNN Creative Staff
Nuke Master III
Nuke Master III
Posts:3325
17 Oct 2008 9:14 AM  
The first problem is related to the relative property, the method you have used causes each sub menu to also use the relative position which is why each sub menu is positioned further away.

Next problem was the large width for the menu, I set the background to #fff so that I could see the size of the main menu + could then find a suitable width of 150px.

Next problem is the sub menus display underneath the flash - this is a common problem and I do not know of a solution, but if you look, I moved the flash further to the right so that you can see the sub menus.

These changes will not be suitable for your skin, but at least from here you will be able to see the menu working and then see what changes you need to make from there.

.menu_style
{
    float:left;
    width:150px;
    height:370px;
    z-index:3;
    background-color:#fff;
}
.flash_style
{
    float:right;
    width:785px;
    height:300px;
    background:#603311;
    position:relative;
    z-index:2;
    left:-10px;
}
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 > Users Lounge > Everything Else > Menu bar and CSS


ActiveForums 3.7

Latest Forum Posts

DNN Intranet Localhost by amine97
Hi, I would like to start an Intranet for my division (65 users) but only 10 users will have the ed...
RE: Menu's, menu's, and more menu's! by roadshow41
Well, I've purchased the Snapsis CSSMenu.  Installing it is turning out to be more complicated than ...
RE: Reversing Limited Access to the Admin Menu by wynnjon
OK-So I've updated the TABS table entries in the database and set the previously modified entries (t...
RE: localhost Install issues by leesykes
If you go to the subscribe page and click on the get free trial button - this takes you to a page wh...
localhost Install issues by cdees
I've set up a local host and want to run DNN for a local development machine.  The host is set up; h...
RE: Reversing Limited Access to the Admin Menu by wynnjon
That is what I thought.  So for my clients that will need to manage user accounts, I can not limit t...
RE: Reversing Limited Access to the Admin Menu by leesykes
I seem to recall it doesn't work
RE: Reversing Limited Access to the Admin Menu by wynnjon
Thanks Lee-  I will give that a try.An additional question- If you place the "User Accounts" page un...
RE: Reversing Limited Access to the Admin Menu by leesykes
all you need to do is reverse the process within the SQL tables.Compare the data to the other rows i...
RE: Module not working when logged off. by leesykes
thanks for the info,
Reversing Limited Access to the Admin Menu by wynnjon
Hi!  I followed the tutorial for limiting the access to the admin menu.  What a great thing!However,...
RE: Trouble installing! Designer trying to be a Developer. by leesykes
glad to hear you found a solution, thanks,
RE: Skim Question by leesykes
You could but you will not be able to have an XHTML compliant page as the SolpartMenu is non-complia...
RE: Include in Menu - Weird Request by leesykes
For your sitemap.xml file - use GSiteCrawlerYou could create the site map before moving the sub menu...
RE: Trouble installing! Designer trying to be a Developer. by awright14
It looks like I had ASP installed in the wrong order.  Copying and pasting this into the Run Command...
RE: Need Help Changing Containers Contentpane's Text Color by leesykes
Hello,Have you tried adding a class to the content area of your container and then styling the p, a,...
RE: Vertical SolpartMenu by leesykes
hello,If you wish to display the admin and host menus within the house menu, you need to enable it i...
RE: Firefox Does Not Display WMV File In Media Module by leesykes
Hello,I have just tested this and I can play a wmv file in Firefox 3.0.3, so it does suggest that it...
RE: advice wanted convert site to DNN while keeping existing asp functionality by leesykes
You could try using the IFrame module in DotNetNuke and then just link the IFrame to the current pag...
RE: Need Help Changing Containers Contentpane's Text Color by CROKeefe
Thanks for the quick update... I know it looks broken right now, but I had the TITLE classes working...
AppTheory
RSS Feeds