Button image is not right-

[OliviasMama12]

Ok Hi again Michael! Again thanks for your help!

So here is my next question, as I continue to goof this up:

I'm trying to place a .png file as a button ON TOP of the background image I am using for my content. Not sure if I am inserting it at the wrong insertion point, or if I have to create some weird rule for it to fall "on top" of my background image, but everytime I try and place an button image it just shows up below my background instead of "on" it. If I go to the WYSIWYG and just try and drag the image on top, it just gets placed "above" the background image, not on it... so lost. I feel like I must be missing several steps to this or something. Is it OK to even use an image as a button? or does it have to be a certain text created on dreamweaver, or like a linked image sort of thing?

Nikki

[Instructor]

Image buttons are just fine, don't worry about it.

My guess is that you've placed your "background" image as a foreground image, that is, placed it in the HTML. You want your background image to be placed into your "container" via your CSS.

First things first, double click on your "container" rule in Dreamweaver. On the "CSS Rule definition" window that pops up, go to the "Background" category. Click Browse next to "Background Image" and go find your background image in your images folder. Once you have found the right image click choose on the finder widow and that will place your image in. Next, in the "Background" category, make sure "Repeat" is set for no-repeat and "Horizontal" and "Vertical" position are set to center.

Next double click on your "body" rule in Dreamweaver. On the "CSS Rule definition" window that pops up, go to the "Background" category. Click on the square next to "Background color" and select a color for your overall website background.

http://www.youtube.com/watch?v=m2c-DW-b8e8
Here's another video that should help you out.