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:3426
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:3426
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:3426
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

RE: Child portal to live site by psgrzelak
Ok the original site that I had a standard web site was jacksonnjgop.com I than created a child port...
RE: Child portal to live site by jncraig
Is there any URL that will get me to your site?
RE: Child portal to live site by jncraig
"Ok I changed the A record of the Jackson site to point to the IP address of the DNN portal. I than...
RE: Child portal to live site by jncraig
I'm sorry that I offended you.  I was trying to give an honest answer.  That answer is, I continue t...
RE: Child portal to live site by psgrzelak
Kind of a round about way of answering my question without answering it.... I prefer the straight fo...
RE: Child portal to live site by jncraig
A subscription to this site will let you view the tutorials.  I believe that will be useful.  In fac...
RE: Child portal to live site by psgrzelak
Ok I changed the A record of the Jackson site to point to the IP address of the DNN portal. I than w...
RE: DotNetNuke News 8th Dec 08 by jncraig
Yes, I'm getting an error, also. But ... you can probably get the podcast from this link: http...
RE: Can't Login! Login Page can't be accessed... by jncraig
This table is part of your DotNetNuke database.You might first want to review these tutorials to hel...
DotNetNuke News 8th Dec 08 by pwadding
When I attempt to download the  Podcast I get an error message. Tried both servers. The first few li...
RE: Can't Login! Login Page can't be accessed... by e-kreator
a database that you mean.
RE: DotNetNuke 4.9.1 and 5.0.0 by jncraig
Yes, lots of learning, lots of new things and new ways.  I played a little with Beta6 of DotNetNuke ...
RE: PDF File Content by jncraig
If you want to just serve up the PDF files as PDF files, upload them using the File Manager.  You ca...
RE: Navigating between modules by jncraig
What is the URL that is generated? To which page does it send you?
RE: New Logo cant display by jncraig
There is nothing wrong with this, provided that you did it correctly.  I would have to look at your ...
RE: Child portal to live site by jncraig
You should set DNS to point the URL to the IP address of the DotNetNuke installation.  Inside of the...
RE: PopUp Page by jncraig
To open a link in a new window, format the link this way:Link to us! It is the target="_blank" that...
RE: How to Change fckeditor alignment by jncraig
It might be easier to use a different skin for your administrative pages. There have been some ot...
RE: Can't Login! Login Page can't be accessed... by jncraig
If you have access to your database, look at the Portals table.  Make sure that LoginTabID is set to...
RE: Can't Login! Login Page can't be accessed... by e-kreator
Hello my problem is that the configuration management in login page page was sent to a Web page that...
AppTheory
RSS Feeds