Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people, just like you, are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
Solved

make butrton hyperlink in dreamweaver 8

Posted on 2007-03-26
5
872 Views
Last Modified: 2012-06-21
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
0
Comment
Question by:dwcronin
  • 2
  • 2
5 Comments
 
LVL 51

Expert Comment

by:Ryan Chong
ID: 18792581
>>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
 
LVL 51

Expert Comment

by:Ryan Chong
ID: 18792636
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
 
LVL 70

Expert Comment

by:Jason C. Levine
ID: 18795344
>> 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
 

Author Comment

by:dwcronin
ID: 18795835
I am new to dreamweaver.  What is an image map?
0
 
LVL 70

Accepted Solution

by:
Jason C. Levine earned 500 total points
ID: 18795961
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

Featured Post

Free Tool: Subnet Calculator

The subnet calculator helps you design networks by taking an IP address and network mask and returning information such as network, broadcast address, and host range.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
Dreamweaver User Authentication Problem 13 704
removing xml elements and children 5 540
Video Not Showing 8 101
Adobe Products Forum? 3 158
For those who don't know, Adobe Dreamweaver is a popular commercial web editor that enables you to design, build and manage complex websites. The editor is a WYSIWYG (What You See Is What You Get) web editor, which means that you can create your web…
Adobe Dreamweaver CS5 is a WYSIWYG web page editor that has advanced HTML, CSS, and Javascript rendering functionality and is probably the most well-known HTML editor available. Much of Dreamweaver's appeal centers around the Design View interfac…
Nobody understands Phishing better than an anti-spam company. That’s why we are providing Phishing Awareness Training to our customers. According to a report by Verizon, only 3% of targeted users report malicious emails to management. With compan…
The Email Laundry PDF encryption service allows companies to send confidential encrypted  emails to anybody. The PDF document can also contain attachments that are embedded in the encrypted PDF. The password is randomly generated by The Email Laundr…

829 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question