DHTML Script with Navigation bar??

[Guest]

Hi

i am creating a website for my company and with your help i managed to
understand a bit about how to add drop down menu in FP 2000. now my problem
is i have created my navigation structure and added the navigation bar on all
my pages.But now i want to create drop down(sub menus) .if i click on one
option, the whole navigation bar gets selected and i am not able to add the
DHTML script ..
what do i do??
shall i add the script first and then create the navigation bar???

 

[Ronx]

You cannot use a FrontPage navigation bar to construct a dropdown menu.
You will have to construct your own navigation from scratch.
You may be able to use custom nav-bars for the actual dropdowns, but not
for the main menu.

 

[Guest]

Hi Ronx
Thanks for the reply.
Well may be i was not able to explain you my problem correctly.i am not very
much experienced in using drop downs. do i have to first create the
navigation structure and then create the drop downs and then finally add the
navigation bar to the pages??
because i am usong fp 2000 so i have to import some dhtml scripts for the
drop downs..
pls reply

 

[Ronx]

If you are using pre-written DHTML scripts for dropdown menus you cannot
use any FrontPage components in your navigation. The scripts should guide
you through making the entire navigation system.

 

[Guest]

Thanks Ronx

I am using the scripts only for the drop down menus..but these scripts do
not guide me through the navigation part.. they are only to create the multi
level menus(if you know what i mean?)

Can you give me a bit of a direction as to how shall i put the navigation if
i am using prewritten dhtml scripts??

 

[Ronx]

There are lots of ways, but they all amount to one thing - write some text
and link it to a page.
You could put the text in tables, each link going into one cell with a
table in each menu "leaf" - the leaf is the drop-down part of the menu.
Or use unordered lists with some CSS to make them look pretty.

Example:

<ul style="background: #F0E7D7; list-style: none; margin: 0; padding-left:
1px; width: 100px;">
<li><a href="index.html" style="text-decoration:none;display:block;padding:
..3em .3em;">Home Page</a></li>
<li><a href="products.html"
style="text-decoration:none;display:block;padding: .3em .3em;">Products
Page</a></li>
<li><a href="feedback.html"
style="text-decoration:none;display:block;padding: .3em
..3em;">Feedback</a></li>
</ul>

The css is shown as Inline, but would be better in an external style sheet.

There are tutorials that use both methods at
JavaScript/Behaviours (for FrontPage 2003)
http://www.interlacken.com/winnt/tips/tipshow.aspx?tip=28 (uses tables)
and
http://myweb.tiscali.co.uk/jonspivey/menus/index.html

(mainly) CSS (all versions of FrontPage):
http://www.seoconsultants.com/css/menus/tutorial/ (uses unordered lists)

but since these are geared to the authors' own DHTML menu scripts, they may
confuse rather than help.

 

[CHRIS]

Hello,

A powerful but cheap tool for dro-down menu creation is AllWebMenus
which you can fully customize:

http://www.likno.com/

They have also a large collection of menu desings with impressive
graphics at:

http://www.likno.com/awmstyles.php

http://www.likno.com/menu-templates/gallery.php

I liked it because there is a free add-in for Frontpage.

Hope this helps.

CHRIS