Edited by Drumbum667, 04 December 2006 - 03:31 PM.

Buttons on a site
#1
Posted 04 December 2006 - 03:30 PM

#2
Posted 04 December 2006 - 04:22 PM


#3
Posted 04 December 2006 - 04:29 PM

Since i don't have dreamweaver i can't help you, but google helped me.
http://www.adesdesig...r/mouseOver.php
That link shows you how.
James
edit: the notch beat me, is this what you want to do?
Edited by james_8970, 04 December 2006 - 04:30 PM.
#4
Posted 04 December 2006 - 04:53 PM

#5
Posted 04 December 2006 - 04:56 PM


James
#6
Posted 04 December 2006 - 07:27 PM

Edited by Drumbum667, 04 December 2006 - 07:29 PM.
#7
Posted 05 December 2006 - 08:13 AM

Or do you want a rollover button created from CSS?
Or do you want a mapped image button?
The link part is not the issue here. I am not tracking what you are wanting the button to do or how it is to be created.
If you want a button from an image you will need two images, one as the normal image and the second as the hover image. Then in Dreamweaver choose under the Common layout options, Rollover Image. Fill in the blanks and you have a clickable image from your button graphics.
To create a CSS button is a whole other monster, it is however the preferred method. There are multiple ways to do this. Below is jsut one example:
Create a stylesheet and add the following:
.button /* clickable button */ { background-color : #FFFFCC; color : #000099; border : 3px outset #d2d2d2; margin : 0px 2px 0px 2px; font-family :Arial,Helvetica,sans-serif; font-size : 120%; padding : 0px 6px 0px 6px; width:100px; }
Now in your HTML document add the following line in your <head> area:
<link href="yourstylesheetname.css" rel="stylesheet" type="text/css" />
In the same HTML document, wherever you want the button to appear add the following code and change the text to whatever you need it to be:
<div class="button">Click Me</div>
The last option is the mapped image. In Dreamweaver all you do is add an image and then look in your Properties area and in the bottom left you will see the Map area:

Choose whichever hotspot drawing tool (rectangle, oval, polygon) and draw the area on the image which you wish to make clickable.
Without specifics thats what I am getting from your post.
#8
Posted 05 December 2006 - 06:46 PM

#9
Posted 05 December 2006 - 07:42 PM

James
Edited by james_8970, 05 December 2006 - 07:44 PM.
#10
Posted 05 December 2006 - 08:24 PM

You would just need to modify this:
<div class="button">Click Me</div>
to this:
<div class="button"><a href="yourlink.html">Click Me</a></div>
#11
Posted 06 December 2006 - 06:15 PM

Similar Topics
0 user(s) are reading this topic
0 members, 0 guests, 0 anonymous users
As Featured On:






