CSS Horizontal Flyout Menu (Full Version)

All Forums >> [Web Development] >> Cascading Style Sheets



Message

vision2000 -> CSS Horizontal Flyout Menu (2/18/2005 10:27:08)

Hi,

How do I create a simple flyout menu for the aboutus link (3 topics, same page) that integrates with the rest of the side menu on this page?

http://www.ihost-websites.com/dunamis/home.shtml

I want to replace the drop down box.

I tried to use the CSS drop down style sheet and script mentioned in the forum but could not position it in the left table.

Thank you.
Herman



jaybee -> RE: CSS Horizontal Flyout Menu (2/18/2005 10:54:13)

Go take a look here. There are so many different options you'll be spoiled for choice.

http://css.maxdesign.com.au/listamatic/



c1sissy -> RE: CSS Horizontal Flyout Menu (2/18/2005 10:59:56)

Also check this out
http://www.frontpagewebmaster.com/m-238893/tm.htm
I think there might be some things in there that might be of help?



vision2000 -> RE: CSS Horizontal Flyout Menu (2/18/2005 12:31:20)

Thanks, how do I now position the flyout menu to fit inside my left table (replace current nav bar)?

It seems to be absolutely positioned top left.

http://www.ihost-websites.com/dunamis/menu2.shtml

Herman



jaybee -> RE: CSS Horizontal Flyout Menu (2/18/2005 15:08:43)

If you look in the code you've posted into your page you'll see

#menu {
position: absolute;
top: 1em;
left: 1em;
width: 10em;

That is css for

Fix the position of the menu 1 space from the top and one space from the left and make it 10 spaces wide.

What a space is depends on the overriding size of your font.



vision2000 -> RE: CSS Horizontal Flyout Menu (2/18/2005 16:56:12)

Thanks alot...I think I have it right now..even in FF

http://www.ihost-websites.com/dunamis/menu2.shtml

Herman



Page: [1]

Valid CSS!




Forum Software © ASPPlayground.NET Advanced Edition 2.4.5 ANSI
0.046875