Help - Search - Members - Calendar
Full Version: Buttons Not Working On My Website
Zymic Webmaster Forums > Web Design & Development > General Web Design Discussion
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
QUOTE(messneremtb @ Jan 31 2011, 02:48 AM) *
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,
QUOTE
Everything works great in Firefox, but when you use IE, the buttons don't work.

From W3Schools:
QUOTE
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
QUOTE
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
QUOTE(zpcs @ Feb 1 2011, 05:56 PM) *
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?
EvilMastermindsProgram
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 wink.gif ...thanks EvilMastermindsProgram!
QUOTE
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..
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2013 Invision Power Services, Inc.