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
https://forums.phpfreaks.com/topic/63755-solved-trouble-with-button/
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>

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>

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">

Archived

This topic is now archived and is closed to further replies.

×
×
  • 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.