Jump to content

[SOLVED] Trouble with button


spiderdan

Recommended Posts

I've been working on a site and decided to experiment with dreamweaver. This is the first time I've used it and I can't seem to get the code for a button (got it from grsites) to work. I tried to just past the html code into the code section of dreamweaver, but when I load the page up, the button doesn't show. all help is greatly appreciated.

 

here's the entire code for the page so far.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

 

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>index</title>

<style type="text/css">

<!--

body {

background-image: url(gradient.png);

}

.style1 {

font-family: "Times New Roman", Times, serif

}

-->

</style></head>

 

<body>

<div align="center">

  <table width="200" height="926" border="0" align="left">

    <tr>

      <td height="278" valign="top"><img src="cross2.gif" alt="cross" width="200"

 

height="268" align="top" longdesc="cross" /></td>

    </tr>

    <tr>

      <td><a href="index.html">

<div id='button6005' style='

height: 50; width: 150;

background: url(button92442000.gif); background-position: 0px 0px; '

onmouseover = 'document.getElementById("button6005").style.backgroundPosition =

 

"-150px 0px"; '

onmouseout =  'document.getElementById("button6005").style.backgroundPosition =

 

"0px 0px"; '

></div>

</a>

    </tr>

    <tr>

      <td valign="top"> </td>

    </tr>

    <tr>

      <td valign="top"> </td>

    </tr>

    <tr>

      <td valign="top"> </td>

    </tr>

    <tr>

      <td valign="top"> </td>

    </tr>

  </table>

  <h3 align="center"><img src="logo.gif" width="650" height="114" alt="logo"

 

longdesc="Logo" /></h3>

  <h3 align="center" class="style1"><em>1502 Deerfield Rd. Lebanon, Ohio

 

45036</em></h3>

  <h3 align="center" class="style1"><em>(513) 932-4291</em></h3>

</div>

<p align="center"><a href="Church.JPG"><img src="Church2.jpg" alt="church"

 

width="285" height="380" border="0" longdesc="church" /></a></p>

</body>

</html>

 

And here's the code for just the button

<a href="url/index.html">

<div id='button6005' style='

height: 50; width: 150;

background: url(button92442000.gif); background-position: 0px 0px; '

onmouseover = 'document.getElementById("button6005").style.backgroundPosition = "-150px 0px"; '

onmouseout =  'document.getElementById("button6005").style.backgroundPosition = "0px 0px"; '

></div>

</a>

Link to comment
Share on other sites

try

 

<a href="url/index.html">
<div id='button6005' style='
height: 50; width: 150;
background: url(button92442000.gif); background-position: 0px 0px; '
onmouseover = 'document.getElementById("button6005").style.backgroundPosition = "-150px 0px"; '
onmouseout =  'document.getElementById("button6005").style.backgroundPosition = "0px 0px"; '
></div>
</a>

Link to comment
Share on other sites

No luck  :(. also, if you were just referring to the

</a>

being turned into [/url], it was because I accidentely used quote instead of code. It's not like that in the actual code. Thanks for the advice though.

try

 

<a href="url/index.html">
<div id='button6005' style='
height: 50; width: 150;
background: url(button92442000.gif); background-position: 0px 0px; '
onmouseover = 'document.getElementById("button6005").style.backgroundPosition = "-150px 0px"; '
onmouseout =  'document.getElementById("button6005").style.backgroundPosition = "0px 0px"; '
></div>
</a>

Link to comment
Share on other sites

Well, I played around with my code a little bit and seem to have solved my own problem. I was able to get the button to work by removing the code below. Thanks for the advice!

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Link to comment
Share on other sites

This thread is more than a year old. Please don't revive it unless you have something important to add.

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.