PDA

View Full Version : Help With Making Button


coupi
04-15-2010, 03:51 PM
Hello there,

I'm fairly new with Dreamweaver, but I need help with making a button similar to the one shown below:

http://i43.tinypic.com/20g1z0i.jpg

The main complication is that its only the text, white box and its black outline that want to be active, the greay box and its outline want to be 'deadspace'.

Anyone able to help me?

Many thanks,

Lewis

Corrosive
04-15-2010, 05:16 PM
Quick and dirty but;

CSS

.button {
padding: 3px;
font-family:Arial, Helvetica, sans-serif;
text-align: center;
background-color: #fff;
border: 1px solid #000;
}
.outer-button {padding: 10px; background-color:#666; width: 60px; border: 1px solid #000;}

HTML

<div class="outer-button">
<div class="button">HELP</div>
</div>

Results: http://corrosiveonline.co.uk/_projects/help-button.htm

I'm sure you can think of a slicker method though.