Solved

make butrton hyperlink in dreamweaver 8

Posted on 2007-03-26
5
868 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 49

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 49

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

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

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

Suggested Solutions

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…
This video shows how to remove a single email address from the Outlook 2010 Auto Suggestion memory. NOTE: For Outlook 2016 and 2013 perform the exact same steps. Open a new email: Click the New email button in Outlook. Start typing the address: …
I designed this idea while studying technology in the classroom.  This is a semester long project.  Students are asked to take photographs on a specific topic which they find meaningful, it can be a place or situation such as travel or homelessness.…

914 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

Need Help in Real-Time?

Connect with top rated Experts

20 Experts available now in Live!

Get 1:1 Help Now