navigation
a webmaster learning community
     Home    Register     Search      Help      Login    
Sponsors

Shopping Cart Software
Ecommerce software integrated into Frontpage, Dreamweaver and Golive templates. No monthly fees and available in ASP and PHP versions.

Website Templates
We also have a wide selection of Dreamweaver, Expression Web and Frontpage templates as well as webmaster tools and CSS layouts.

Frontpage website templates
Creative Website Templates for FrontPage, Dreamweaver, Flash, SwishMax

Search Forums
 

Advanced search
Recent Posts

 Todays Posts
 Most Active posts
 Posts since last visit
 My Recent Posts
 Mark posts read

Microsoft MVP

 

CSS Horizontal Flyout Menu

 
View related threads: (in this forum | in all forums)

Logged in as: Guest
Users viewing this topic: none
Printable Version 

All Forums >> Web Development >> Cascading Style Sheets >> CSS Horizontal Flyout Menu
Page: [1]
 
vision2000

 

Posts: 530
From: USA
Status: offline

 
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

 

Posts: 13957
Joined: 10/7/2003
From: Berkshire, UK
Status: offline

 
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/

_____________________________

If it ain't broke..... fix it until it is.
:)

:)
GAWDS
Now where did I put that Doctype?

(in reply to vision2000)
c1sissy

 

Posts: 5079
Joined: 7/20/2002
From: NJ
Status: offline

 
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?

_____________________________

Deb-aka-c4Ksissy
high panjandurum and alpha female of the silverback tribe
As decreed by Jesper 5-24-2003.
The only stupid question is... the one that is never asked!!
http://directory.css-styling.com
http://fmsforum.com
http://positioniseverything.net/
http://www.tanfa.co.uk/

(in reply to jaybee)
vision2000

 

Posts: 530
From: USA
Status: offline

 
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

(in reply to c1sissy)
jaybee

 

Posts: 13957
Joined: 10/7/2003
From: Berkshire, UK
Status: offline

 
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.

_____________________________

If it ain't broke..... fix it until it is.
:)

:)
GAWDS
Now where did I put that Doctype?

(in reply to vision2000)
vision2000

 

Posts: 530
From: USA
Status: offline

 
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

(in reply to jaybee)
Page:   [1]

All Forums >> Web Development >> Cascading Style Sheets >> CSS Horizontal Flyout Menu
Page: [1]
Jump to: 1





New Messages No New Messages
Hot Topic w/ New Messages Hot Topic w/o New Messages
Locked w/ New Messages Locked w/o New Messages
 Post New Thread
 Reply to Message
 Post New Poll
 Submit Vote
 Delete My Own Post
 Delete My Own Thread
 Rate Posts