Win a copy of Design for the Mind this week in the Design forum!
  • Post Reply
  • Bookmark Topic Watch Topic
  • New Topic

DHTML menu problems, keeps going and going...

 
Gregg Bolinger
GenRocket Founder
Ranch Hand
Posts: 15302
6
Chrome IntelliJ IDE Mac OS X
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
I am trying to create a DHTML meny that I can put on any page and not have to worry about positioning. So I am trying to make everything inside a Table and relative to the table cells. The problem is that the table cells are being set to the same height as the hidden drop down menu which pushed the rest of the page down. Can someone look at this code and see what I might be able to do to make this work better or give me a better solution to DHMTL menus all together.
Thanks

[ September 30, 2003: Message edited by: Eric Pascarello ]
 
Chris Baron
Ranch Hand
Posts: 1061
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
Hi Greg,
since you use getElementById older browsers seem to irrelevant.
So you can use "display" instead of "visibility".
I also nested the divs

Sorry for the formatting, i copy&pasted yours, into my editor but it was only 1 line. So i just ironed over it with codesweeper
cb
[ September 29, 2003: Message edited by: Chris Baron ]
[ September 29, 2003: Message edited by: Chris Baron ]
 
Gregg Bolinger
GenRocket Founder
Ranch Hand
Posts: 15302
6
Chrome IntelliJ IDE Mac OS X
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
That's a start. The only problem now is that when the menu displays, the table cell is still expanded to the height of the menu items. So it still wants to shift the rest of the page down.
 
Chris Baron
Ranch Hand
Posts: 1061
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
Oh yes,
whats about taking the div out of the table and positioning it absolute? Then you could park it pixel-exact under "about".

[ September 29, 2003: Message edited by: Chris Baron ]
[ September 30, 2003: Message edited by: Eric Pascarello ]
 
Gregg Bolinger
GenRocket Founder
Ranch Hand
Posts: 15302
6
Chrome IntelliJ IDE Mac OS X
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
This was my problem to begin with. I cannot have any absolute positioning. My menu is in an included html file. So if I line it up correctly in the included file, it will not line up correctly on the parent page.
Thanks for the suggestion though.
 
Eric Pascarello
author
Rancher
Posts: 15385
6
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
Gregg,
You are going to be stuck like that. You can use display:block and display:none and the border will grow with it.
You can put the submenus in a seperate cell and give that no borders, but this whole method is going to shift your whole page down.
I will try to come up with a solution later this afternoon when my project will die down.
Eric
 
Eric Pascarello
author
Rancher
Posts: 15385
6
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
I changed things around. See if this is what you were going for.....
 
Gregg Bolinger
GenRocket Founder
Ranch Hand
Posts: 15302
6
Chrome IntelliJ IDE Mac OS X
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
I think that is perfect Eric! Thanks.
 
Gregg Bolinger
GenRocket Founder
Ranch Hand
Posts: 15302
6
Chrome IntelliJ IDE Mac OS X
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
Everything about the latest script you wrote works pretty good. There is just one little thing that is happening and I am not real sure why.
Can someone look at this, http://gregg.embeddedthought.com/mom/index.html, and see if they can tell why the menu that shows up under "Crafts" is showing about 3 px lower on the y-axis than the About menu?
The code Eric gave works just fine. And everything I have is the exact same except for the extra parts of the web page, the Header, the body, the CSS. If you do a view source on the page, everything is in there.
I just can't figure out why my 1 of my menus shows up lower than the other one?
Also, I stripped out just my Menu Table, and put it on a page by itself, and it works just fine. So I think there is something else in my page that is screwing it up.
Thanks.
[ October 13, 2003: Message edited by: Gregg Bolinger ]
 
Gregg Bolinger
GenRocket Founder
Ranch Hand
Posts: 15302
6
Chrome IntelliJ IDE Mac OS X
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
BTW - it is showing up differently in IE vs Mozilla. In Mozilla the Y-axis is lower all together. In IE one is lower than the other. ???
 
  • Post Reply
  • Bookmark Topic Watch Topic
  • New Topic