Webmaster Forum - View Single Post

ToTheWeb · 03-07-2005, 11:07 AM

I am looking for a software too that can create DHTML nav menus that contain graphics that are relatively positioned (Dreamweaver can't do this). I don't know javascript so this tool needs to have a simple interface where I can manipulate the script. I am open to hiring someone to make these new menus work the way I want. But I need it done in the next two days. Read on for more details.

The DHTML popup nav menus will appear when you mouseover the main nav links. This is for a redsign of a site I built a few years ago. Currently the site design is a variable width, left aligned design, and it is changing to a fixed width, centered design. That means that the popup menus cannot be absolutely positioned, because the position of the main nav links will change depending on the width of the browser window.

To see what I mean, go to:
<http://totheweb.com/clients/mdv/mdv_newsite/index.htm>Vary the width of your browser window and observe how the distance of the page content from the left and right edges of the window changes.

Now mouseover the "For Entrepreneurs" link. As intended, the popup menu of additional nav choices appears. And it appears in the correct position regardless of the width of the browser window. All well and good! Well, not quite...

The problem is that the large empty space under the nav link row and above the row of 4 photos is not supposed to be there. It is created because of a DIV layer that is defined as "hidden" but is nevertheless forcing a lot of empty space into the design.

The DIV layer HTML (search the HTML code for DIV ID="entrepreneursmenu") is located within the table cell that contains the "For Entrepreneurs" link graphic. One might say "just move that DIV layer HTML to the bottom of the page" but that doesn't work for a DIV that is positioned relatively (it would work for absolute positioning) because then the layer HTML won't appear in the correct location when you mouseover the "For Entrepreneurs" link.

There are very complex scripts that can produce popup menus but I'm have trouble understanding them and am trying to do this a simple way. I am puzzled as to why a "hidden" DIV layer forces so much space into the page layout. This seems like a flaw.

Thanks for any suggestions.

03-07-2005, 11:07 AM	#1 (permalink)
ToTheWeb Junior Member Join Date: 03-07-05 Posts: 10 iTrader: 0 / 0% Latest Blog: None	DHTML menu that is relatively positioned I am looking for a software too that can create DHTML nav menus that contain graphics that are relatively positioned (Dreamweaver can't do this). I don't know javascript so this tool needs to have a simple interface where I can manipulate the script. I am open to hiring someone to make these new menus work the way I want. But I need it done in the next two days. Read on for more details. The DHTML popup nav menus will appear when you mouseover the main nav links. This is for a redsign of a site I built a few years ago. Currently the site design is a variable width, left aligned design, and it is changing to a fixed width, centered design. That means that the popup menus cannot be absolutely positioned, because the position of the main nav links will change depending on the width of the browser window. To see what I mean, go to: <http://totheweb.com/clients/mdv/mdv_newsite/index.htm>Vary the width of your browser window and observe how the distance of the page content from the left and right edges of the window changes. Now mouseover the "For Entrepreneurs" link. As intended, the popup menu of additional nav choices appears. And it appears in the correct position regardless of the width of the browser window. All well and good! Well, not quite... The problem is that the large empty space under the nav link row and above the row of 4 photos is not supposed to be there. It is created because of a DIV layer that is defined as "hidden" but is nevertheless forcing a lot of empty space into the design. The DIV layer HTML (search the HTML code for DIV ID="entrepreneursmenu") is located within the table cell that contains the "For Entrepreneurs" link graphic. One might say "just move that DIV layer HTML to the bottom of the page" but that doesn't work for a DIV that is positioned relatively (it would work for absolute positioning) because then the layer HTML won't appear in the correct location when you mouseover the "For Entrepreneurs" link. There are very complex scripts that can produce popup menus but I'm have trouble understanding them and am trying to do this a simple way. I am puzzled as to why a "hidden" DIV layer forces so much space into the page layout. This seems like a flaw. Thanks for any suggestions.