make butrton hyperlink in dreamweaver 8

Experts,
I'm new to dreamweaver 8 and I am trying to connect two pictures with a button.  Picture 1 is a jpeg of a screen that has a button.  I would like to use dreamweaver to put a "dreamweaver button" over the button on picture 1 so that when it is clicked, the user goes to picture 2.  Is it possible yo make a "button click area" or can I only use underlined text?

Thanks
dwcroninAsked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

Ryan ChongBusiness Systems Analyst , ex-Senior Application EngineerCommented:
>>Is it possible yo make a "button click area" or can I only use underlined text?

I guess you can try this:

<style type="text/css">
.btnUnderLine {
      text-decoration: underline;
}
</style>

then:

<input type="submit" name="Submit" value="Submit" class="btnUnderLine">
0
Ryan ChongBusiness Systems Analyst , ex-Senior Application EngineerCommented:
You may also try like this:

<a href="picture2.jpg"><img src="picture1.jpg" width="75" height="50" border="0"></a>

or

<input name="Submit" type="button" id="Submit" value="Submit" onClick="window.location.hrer='picture2.jpg'">



if this is not what you want, you may post your scripts here and indicate what you intend to do next.
0
Jason C. LevineNo oneCommented:
>> Picture 1 is a jpeg of a screen that has a button.  I would like to use dreamweaver to put a "dreamweaver button" over the button on picture 1 <<

Make it an image map...
0
dwcroninAuthor Commented:
I am new to dreamweaver.  What is an image map?
0
Jason C. LevineNo oneCommented:
Image maps are not Dreamweaver specific, they've been around since the early days of HTML.

Basically, you can designate areas of the image (known as hotspots) that are clickable links.  Dreamweaver allows for this automatically in the Properties Panel.

1) Select the image in Design View by clicking on it.

2) Make sure the Properties Panel is fully expanded

3) In the lower half of the Properties Panel, there are three buttons with blue shaded shapes.  Those are the hotspot tools.  Select one of them (for a button, I suggest rectangle) and then draw on your image a rectangular region that covers the button.

4) After drawing the region, the Properties Panel will change to the Hotspot and ask you for the destination link.  Just fill it in and you're done.

Visual version of the above:

http://www.entheosweb.com/website_design/image_maps.asp
0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
Adobe Dreamweaver

From novice to tech pro — start learning today.