Solved

make butrton hyperlink in dreamweaver 8

Posted on 2007-03-26
5
874 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
[X]
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
  • 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
pin image to base of site 14 362
Manipulate Access Database from Web Page 8 525
Adobe Dreamweaver regular expression to replace a filename 7 501
Debug PHP with Dreamweaver 6 919
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…
I still run into .cgi files every now and then. In some instances, I actually prefer the simplicity of a .cgi script to other options. Since I use DreamWeaver extensively, what I needed was a way to open .cgi scripts in Dreamweaver. And I wanted to …
A short tutorial showing how to set up an email signature in Outlook on the Web (previously known as OWA). For free email signatures designs, visit https://www.mail-signatures.com/articles/signature-templates/?sts=6651 If you want to manage em…

749 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