DHTML Menu help - Page 1 - Post ID 364

User 379692 Photo


Registered User
25 posts

I need help with 2 DHTML Menu issues I am having. The page in question can be viewed at www.pittfootball.ca

Both issues have been reported to some extent in these forums, but I am not clear on what exactly I need to do, so would appreciate some clear direction.

#1 The DTHML code fills up a significant portion of the code on the page, making it difficult for me to actually work on the page elements. It would also be a pain if I have to copy all that code to each new page.

My understanding is I can place it in a .js, can some one give me exactly what I put in the .js, and what I need in my html to reference it?

#2 When the webpage is viewed at different resolutions, the menu appreas in different places. How can I make the menu dynamic so that it appears correctly regardless of resolution?

I have seen posts that talk about using: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
The problem with that is I work offline (away from internet) many times, and if I have that code in the html, I cannot view it in a browser, because there is no internet access.

Again a clear methodology would be appreciated.

Thx in advance!!
User 379692 Photo


Registered User
25 posts

I guess I'm a little disappointed :-(

I found in instructions in the online help that showed me how to successfully create the .js, and populate the DHTML Menu into it and call it from my html Yahoo!

But, in my research I came across this in the online help:
You won't be able to achieve 'relative' positioning, meaning that the menu moves to a certain spot depending on how large the users browser window/screen resolution is.

You also cannot place the DHTML Menu in a table cell.

That's not good!!!!! What is the point of a menu bar if it won't appear on a page where you want it?

Any suggestions?
User 355448 Photo


Ambassador
3,144 posts

Victor,

The menu will work wonderfully. I use it on my site, and the menu stays in the center of the browser window (as does the content of my page). Notice that this Coffee Cup page is centered in your browser window. If you do that, you can position the menu where you want it and center it in the window. All you need to do is use a few style commands.

If you would like, I can copy the style I use on my web site and post it in a message here when I get back home.
User 379692 Photo


Registered User
25 posts

billr wrote:
Victor,

The menu will work wonderfully. I use it on my site, and the menu stays in the center of the browser window (as does the content of my page). Notice that this Coffee Cup page is centered in your browser window. If you do that, you can position the menu where you want it and center it in the window. All you need to do is use a few style commands.

If you would like, I can copy the style I use on my web site and post it in a message here when I get back home.

By all means Bill.

I was not able to get it to center on the page when resolutions changed. So please pass along the styles you use to keep the menu centered.

Why wouldn't this info, or even the code be automatically included in the DHTML Menu?
User 393233 Photo


Trial User
13 posts

Hi Victori

I know a good resource of solving these types of issues.
http://www.coffeecup.com

Hope it's helpful to you!

[wilkin]
User 355448 Photo


Ambassador
3,144 posts

Victor,

Here is what I have in my CSS file that pertains to the whole thing:

* {
margin: 0px;
padding: 0px;
}
body {
text-align: center;
min-width: 770px;
}
#container {
text-align:left;
margin-left:5%;
margin-right:5%;
position:relative;
margin:0 auto;
padding:0 0 9px;
width:770px;
}

The third section is the one that sets a left and right margin and sets the content to a 770 PX width.
User 403108 Photo


Trial User
1 post

Hi,

Can anyone help me?
I have a 3 level menu and i would like to see new pages even when i click on the first level.

Like in the example below I would like to see a new page when i click on main2 and not only the submenu's links.

main1
main2
sub1
sub2
subsub1
subsub2
sub3
main3

Thanks,
komarci
User 355448 Photo


Ambassador
3,144 posts

Komarci,

If you want to be able to click on each step, you need to put a link in place for each step. Does main2 have a separate page, or do you want to have sub1 page open?

When you click on Add Root Item, you fill in the text you want displayed and a link. If you remove the link code, you can not click on this link. If you want to be able to click on this link, you have to enter a link.

The same applies to each step in the menu.

Does this answer your question? If not, elaborate on what you are trying to do, and another post will be forthcoming.
User 3004957 Photo


Registered User
866 posts

Hi Bill,

How do I incorporate the entire DHTML menu functions into my
own menu style. I want to use my own color (which got a mix
of little dark and light combo) for my menu tabs.

For example, the "Home Breakfast Lunch Dinner Supper" menu
tabs as shown in the link below:

http://img212.imageshack.us/my.php?image=menuyz8.png

Appreciate your help in this, Thanks.

Oinky
User 355448 Photo


Ambassador
3,144 posts

Oinky,

You can change the colors in the settings for the DHTML menu builder. Be creative, and you can come up with some nice looking menus.

If you need more options than the program provides, you might want to look at the Flash Menu Builder, I think it will allow you to use buttons.

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.