| Author | Post |
|---|
temily
Member
| Joined: | Tue Jul 10th, 2007 |
| Location: | |
| Posts: | 2 |
| Status: |
Offline
|
| Mana: |  |
|
Posted: Wed Jul 11th, 2007 01:19 am |
|
Hi,
I am extremely new to web design and to Dreamweaver. I have looked all over the net for the past week and can't find anything on this. My problem is, I have a web button that I downloaded off of the net, I inserted it into Dreamweaver and am inserting a layer over the image (this will be my links table). This way puts the text anywhere but where I want it.
My question is, is there an easier way to add text to a button that was downloaded off of the net?
Any help is greatly appreciated.
Thanks,
temily
|
TomWhitney
Member
| Joined: | Fri Dec 30th, 2005 |
| Location: | Phoenix, Arizona USA |
| Posts: | 99 |
| Status: |
Offline
|
| Mana: |   |
|
Posted: Wed Jul 11th, 2007 02:04 am |
|
What do you mean by "web button", is it an image? Can you give a code example of what you are doing?
Tom Whitney - SharkZone Design
Web Page Design and Hosting in Phoenix Arizona
|
temily
Member
| Joined: | Tue Jul 10th, 2007 |
| Location: | |
| Posts: | 2 |
| Status: |
Offline
|
| Mana: | |
|
Posted: Wed Jul 11th, 2007 12:29 pm |
|
Hi Tom,
Thanks for replying so quickly. And yes, it is an image. I got this image from Bravenet. For this particular site, I don't like the flash buttons that Dreamweaver makes available.
What I am trying to accomplish is to have 6 'web buttons' at the bottom of the page for my links table. Right now I have the font color in yellow in order to see it on the white background because I can't set the text directly on the button. It won't stay there when previewed.
Here is the code for the entire table with the Home button/link in bold:
<table width="525" border="0">
<tr>
<td><div align="center"><a href="index.htm"><img src="images/buttons/checkered%20rose%20rect.gif" width="155" height="44" border="0"></a>
<div id="Layer1" class="style13" style="position:absolute; width:157px; height:38px; z-index:1; left: 179px; top: 622px;">Home</div>
</div></td>
<td><div align="center"><a href="Acrylic%20Painting.htm"><img src="images/buttons/checkered%20rose%20rect.gif" width="155" height="44" border="0"></a>
<div id="Layer2" class="style13" style="position:absolute; width:148px; height:37px; z-index:2; left: 361px; top: 621px;">Acrylic Painting </div>
</div></td>
<td><div align="center"><a href="Oil%20Painting.htm"><img src="images/buttons/checkered%20rose%20rect.gif" width="155" height="44" border="0"></a>
<div id="Layer3" class="style13" style="position:absolute; width:150px; height:38px; z-index:3; left: 533px; top: 621px;">Oil Painting </div>
</div></td>
</tr>
<tr>
<td><div align="center"><a href="Water%20Color.htm"> <img src="images/buttons/checkered%20rose%20rect.gif" width="155" height="44" border="0"></a></div></td>
<td><div align="center"><a href="Links.htm"><img src="images/buttons/checkered%20rose%20rect.gif" width="155" height="44" border="0"></a>
<div id="Layer5" class="style13" style="position:absolute; width:162px; height:50px; z-index:5; left: 355px; top: 671px;">Links</div>
</div></td>
<td><div align="center"><a href="Contact%20Me.htm"><img src="images/buttons/checkered%20rose%20rect.gif" width="155" height="44" border="0"></a>
<div id="Layer6" class="style13" style="position:absolute; width:159px; height:47px; z-index:6; left: 537px; top: 669px;">Contact Me </div>
</div></td>
</tr>
</table>
I hope this helps explain a little better. Thanks for any advice that you can offer.
temily
|
Meltdown
Member
| Joined: | Sat Jul 28th, 2007 |
| Location: | Singapore |
| Posts: | 6 |
| Status: |
Offline
|
| Mana: | |
|
Posted: Sat Jul 28th, 2007 05:06 pm |
|
temily wrote: Hi,
I am extremely new to web design and to Dreamweaver. I have looked all over the net for the past week and can't find anything on this. My problem is, I have a web button that I downloaded off of the net, I inserted it into Dreamweaver and am inserting a layer over the image (this will be my links table). This way puts the text anywhere but where I want it.
My question is, is there an easier way to add text to a button that was downloaded off of the net?
Any help is greatly appreciated.
Thanks,
temily
You downloaded a web button. I assume it is in graphic format. To edit it, you need a graphc editing software. Many available. Photoshop, Fireworks, and more..
|
TomWhitney
Member
| Joined: | Fri Dec 30th, 2005 |
| Location: | Phoenix, Arizona USA |
| Posts: | 99 |
| Status: |
Offline
|
| Mana: | |
|
Posted: Sun Jul 29th, 2007 06:12 pm |
|
If you are trying to put html text on top of a graphic button, the example is a demonstration for both a link and a form submit button. The example does not work well if a user resizes the browser text.
<html>
<head>
<style type="text/css">
.button
{
background : transparent no-repeat top left
url(http://www.petrasecurity.com/images/menu-button.png);
margin : 0;
width : 200px;
height : 30px;
}
.button a, .button input
{
color: white;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
text-decoration: none;
font-size: .9em;
border: none;
display: block;
background: none;
text-align: left;
width : 200px;
}
.button a
{
height: 30px;
padding: 4px 0 0 15px;
}
.button input
{
height: 25px;
padding: 0 0 0 15px;
}
</style>
</head>
<body>
<div class="button"><a href="http://www.petrasecurity.com">Petra Security</a></div>
<div class="button"><a class="button" href="http://www.sharkzonedesign.com">SharkZone Design</a></div>
<form>
<div class="button">
<input type="submit" name="Submit" value="Submit Button"/></div>
</form>
</body>
</html> |
Tom Whitney - SharkZone Design
Phoenix Arizona Computer Consultant and IT Support
|
Current time is 07:56 pm | |
|
