Buttons Not Working On My Website

[messneremtb]

I designed a website using HTML Editor 2010. To navigate to the different pages, I used the <button> tag and to get the buttons to take visitors to the correct page all I did was use this:

<a href="index.html"><button type="button">Home</button></a>
<a href="members.html"><button type="button">Members</button></a>
<a href="missions.html"><button type="button">CAP Missions</button></a>
<a href="find.html"><button type="button">Find Us</button></a>
<a href="http://www.bdcs336.proboards.com"><button type="button">Forum</button></a>

Everything works great in Firefox, but when you use IE, the buttons don't work. Any help would be greatly appreciated.

Thanks in advance.

Oh, btw, my web address is www.bdcs336.99k.org, just in case it's needed.

[messneremtb]

I designed a website using HTML Editor 2010. To navigate to the different pages, I used the <button> tag and to get the buttons to take visitors to the correct page all I did was use this:

<a href="index.html"><button type="button">Home</button></a>
<a href="members.html"><button type="button">Members</button></a>
<a href="missions.html"><button type="button">CAP Missions</button></a>
<a href="find.html"><button type="button">Find Us</button></a>
<a href="http://www.bdcs336.proboards.com"><button type="button">Forum</button></a>

Everything works great in Firefox, but when you use IE, the buttons don't work. Any help would be greatly appreciated.

Thanks in advance.

Oh, btw, my web address is www.bdcs336.99k.org, just in case it's needed.

Ok, I got it to work in IE, all I had to do was get rid of the <button> tags and use buttons that I made. PNG files. It's working now though. Thanks.

[zpcs]

Hello Messneremtb,

Everything works great in Firefox, but when you use IE, the buttons don't work.

From W3Schools:

Always specify the type attribute for the button. The default type for Internet Explorer is "button", while in other browsers (and in the W3C specification) it is "submit".

and

The <button> tag is supported in all major browsers.

Important: If you use the button element in an HTML form, different browsers will submit different values. Internet Explorer will submit the text between the <button> and </button> tags, while other browsers will submit the content of the value attribute. Use the input element to create buttons in an HTML form.

I reason to supposition that the employ of "button", or "submit", or "reset" should be used in an HTML Form, e.g.:
(codes below are exampled in use of HTML - Transitional or Strict)

CODE

<form action="members.html" method="post">
  <table>
    <tr>
      <td><input type="submit" value="Members"></td>
    </tr>
  </table>
</form>

and not used as a general purpose HTML Link. For a general purpose HTML Link a straight non-graphic link is:

CODE

<a href="http://www.bdcs336.99k.org/members.html">Members</a> <!-- Long Version Address -->

or

CODE

<a href="http://bdcs336.99k.org/members.html">Members</a> <!-- Long Version Address -->

if you'd like to have some graphical depiction of a button (of sorts): Create, or get, an image (bmp, jpg, png, or gif) you'd desire to use for the button (and upload it to your "images" folder in your web site) and incorporate that image into the general purpose HTML Link like so:

CODE

<a href="http://www.bdcs336.99k.org/members.html"><img src="http://www.bdcs336.99k.org/images/members_button.jpg"></a> <!-- Long Version Address -->

This should help you out I trust, Messneremtb.

Edit: I must've started working on this right after your redeeming last post ... oh well the problem is solved and this is now out in the open as well. Good Luck Messneremtb!

[messneremtb]

Hello Messneremtb,

From W3Schools:

and
I reason to supposition that the employ of "button", or "submit", or "reset" should be used in an HTML Form, e.g.:
(codes below are exampled in use of HTML - Transitional or Strict)

CODE

<form action="members.html" method="post">
  <table>
    <tr>
      <td><input type="submit" value="Members"></td>
    </tr>
  </table>
</form>

and not used as a general purpose HTML Link. For a general purpose HTML Link a straight non-graphic link is:

CODE

<a href="http://www.bdcs336.99k.org/members.html">Members</a> <!-- Long Version Address -->

or

CODE

<a href="http://bdcs336.99k.org/members.html">Members</a> <!-- Long Version Address -->

if you'd like to have some graphical depiction of a button (of sorts): Create, or get, an image (bmp, jpg, png, or gif) you'd desire to use for the button (and upload it to your "images" folder in your web site) and incorporate that image into the general purpose HTML Link like so:

CODE

<a href="http://www.bdcs336.99k.org/members.html"><img src="http://www.bdcs336.99k.org/images/members_button.jpg"></a> <!-- Long Version Address -->

This should help you out I trust, Messneremtb.

Edit: I must've started working on this right after your redeeming last post ... oh well the problem is solved and this is now out in the open as well. Good Luck Messneremtb!

Thanks for the help ZPCS.

[theseowork]

You use Firefox or chrome browser because some tags not support by the IE....

[transcribe]

Buttons vary from Firefox to IE. Which version of IE are you using?

[EvilMastermindsP...]

Instead of the button tag, use the input tag, like this:

CODE

<input type='button' onclick='window.location.href="your_page.html";' style='background:url("your_custom_image_for_the_button.some_image_format");cursor:pointer;'/>

Repeat for all pages

[zpcs]

Cool, Learn something new everyday ...thanks EvilMastermindsProgram!

Instead of the button tag, use the input tag, like this...

[llucixxeu]

The most common button syntax for HTML that is working since HTML 2 is either as a from button with event like <input type="button/submit" value="" name=""> or as a hyperlink like an anchor <a href="to go">Button</a>!

Hope this will help you !

Rochii Fuste Costume Camasi Parfumuri Cosmetice

[vikramrandhawa]

<button> tag supported in all browsers...
I think you have to run the page in the IE9 ..Because some code is not supported in previous versions of the IE.
or Just make a new Page and copy the code in that new page..