Solved

make butrton hyperlink in dreamweaver 8

Posted on 2007-03-26
5
876 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 52

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 52

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

Announcing the Most Valuable Experts of 2016

MVEs are more concerned with the satisfaction of those they help than with the considerable points they can earn. They are the types of people you feel privileged to call colleagues. Join us in honoring this amazing group of Experts.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
Why does this script not work in this site 2 313
Editing PHP within Adobe DreamWeaver 11 192
Coldfusion CFMESSAGEBOX Passing Variables 6 153
Adobe Products Forum? 3 173
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…
This article is very specific and is only intended to help if you are installing Dreamweaver 8 in a Windows 7 environment with Office 2007 installed.   I'm not sure why Microsoft tends to release OS' that should not be released but they do.  Windows…
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…

752 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