My Button Doesn't Work!

Question

Building my first site and I'm oh so close (until the next
thing goes wrong.) Right now I'm preoccupied with my navigation
buttons. Actually, I'm just trying to test one button in a #nav
div, but all the other buttons are ready to go if I can figure this
one out.
I've created three versions of the button. Outer bevel, for
normal, outer bevel with white text for rollover, and inner shadow
with white text for active. (I know, typical, but this is my first
time! I can't wait to get Flash and learn how to make super sweet
nav bars!) I started out inserting rollover images...but I can only
use two images there. Next I tried to use CSS ID rules ie. #nav a,
# nav a:hover, #nav a"active, thinking I could change the
background to the new image, but that didn't work, either. (I'm
assuming those rules are just for simple text buttons, plus I
couldn't get that crazy blue line to go away even though I set
decoration to none. In any case, it didn't work.)
Then I remembered the behaviors palette from my reading, and
I started playing around with that. So I went back to insert
rolloever image, and I've got my onmouseover and onmouseout
behaviors there, but I can't figure out how to add an onclick
behavior and get that third image (button) to work! (By the way,
there's some crazy script function stuff going on in code view,
which I assume is all about the behaviors: function swap image
restore, preload images, swap image, etc. No idea what any of that
means, which is why I'm learning Dreamweaver and not writing code!)
I'm not getting anywhere so far, but I think I might be on
the right track, since there's an "onClick" behavior. I just can't
make it work. Any help will be greatly appreciated. I'm going to be
jumping for joy when I get my first site working!

Answer 1

> I can't wait to get Flash
> and learn how to make super sweet nav bars!
Oh yes you can. If you want to use Flash for navigation,
consider this -
1. Some people don't have Flash installed - what do they do?
2. Search engines don't parse Flash links - your site will
not be spidered
3. Screen assistive devices don't parse Flash links - what
will those users
do?
4. DW cannot maintain links within a Flash movie, so if you
move or rename
a linked file, your navigation will break - what will you do?
It's usually a very bad idea for these reasons...
> but I can't figure out how to add
> an onclick behavior and get that third image (button) to
work!
You won't be able to. There's not a place for a three-state
rollover when
using DW's javascript behaviors. Instead, go back to your CSS
approach with
the button images as BACKGROUND images on the anchor tags.
Make sure you
give each 'button' a unique ID, like -
<a href="..." id="button1"...
<a href="..." id="button2"...
and then you can use CSS to set the "down" button's
background image to the
down state on each page.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"dmchord" <[email protected]> wrote in
message
news:[email protected]...
> Building my first site and I'm oh so close (until the
next thing goes
> wrong.)
> Right now I'm preoccupied with my navigation buttons.
Actually, I'm just
> trying
> to test one button in a #nav div, but all the other
buttons are ready to
> go if
> I can figure this one out.
>
> I've created three versions of the button. Outer bevel,
for normal, outer
> bevel with white text for rollover, and inner shadow
with white text for
> active. (I know, typical, but this is my first time! I
can't wait to get
> Flash
> and learn how to make super sweet nav bars!) I started
out inserting
> rollover
> images...but I can only use two images there. Next I
tried to use CSS ID
> rules
> ie. #nav a, # nav a:hover, #nav a"active, thinking I
could change the
> background to the new image, but that didn't work,
either. (I'm assuming
> those
> rules are just for simple text buttons, plus I couldn't
get that crazy
> blue
> line to go away even though I set decoration to none. In
any case, it
> didn't
> work.)
>
> Then I remembered the behaviors palette from my reading,
and I started
> playing
> around with that. So I went back to insert rolloever
image, and I've got
> my
> onmouseover and onmouseout behaviors there, but I can't
figure out how to
> add
> an onclick behavior and get that third image (button) to
work! (By the
> way,
> there's some crazy script function stuff going on in
code view, which I
> assume
> is all about the behaviors: function swap image restore,
preload images,
> swap
> image, etc. No idea what any of that means, which is why
I'm learning
> Dreamweaver and not writing code!)
>
> I'm not getting anywhere so far, but I think I might be
on the right
> track,
> since there's an "onClick" behavior. I just can't make
it work. Any help
> will
> be greatly appreciated. I'm going to be jumping for joy
when I get my
> first
> site working!
>