Creative COW SIGN IN :: SPONSORS :: ABOUT US :: CONTACT US
WEB: Web Design Forum- TutorialsDreamweaver Forum- TutorialsFlash Forum- TutorialsWeb StreamingTraining

3-Way Button

Cow Forums : Adobe Dreamweaver
3-Way Button
by David Bark on Jun 30, 2008 at 3:27:58 am

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 click. 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. 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.



Respond to this post     Return to posts index

Re: 3-Way Button
by Abraham Chaffin on Jun 30, 2008 at 4:06:31 pm

You're on the right track. You can use the OnClick behavior - the line of code your want to put in the behavior is

this.src='ADDRESS_TO_IMAGE_FILE';


Abraham

Respond to this post     Return to posts index

<< PREVIOUS THREAD   •   VIEW ALL THREADS   •   PRINT   •   NEXT THREAD >>


FORUMSLIBRARYPODCASTSBLOGSMAGAZINESERVICESNEWSLETTERSNEWSSTOREEVENTS

© CreativeCOW.net All rights are reserved.

[Top]