[HELP] HTML Coding

[Jonstudy]

Hi, I have a custom google form which I coded into a website using multiple steps. However, there seem to be a bug with Internet Explorer, my form questions are not showing up in my google spreadsheet whenever I am using IE. But it is working with Google Chrome and etc.

Here is my submit button code:

<input class="navigation_button" type="submit">

Css:

.navigation_button {
width : 100px;
height:118px;
border: 0px;
color:transparent;
cursor: pointer;
background:url("Unable to include links here due to insufficient post");
margin-left: 3px;
float: right;
}
.submit_button {
width : 100px;
height:118px;
border: 0px;
color:transparent;
cursor: pointer;
background:url("Unable to include links here due to insufficient post");
margin-left: 3px;
float: right;
clear: right;
}

I am using an image to replace my button. But I can't seem to submit the answers using IE into my spreadsheet.

Hope I could receive some help in this forum!

 

[exim22]

Which IE version you're referring to? I still need more details of your code since your question is too brief.

 

[weap0nx]

You can't add background-image to input[type="submit"] buttons in IE which is why you don't see anything.

1) You may use another absolutely positioned element in front of the button to trigger the click.
2) If you really don't know how to use method 1), you could try using <button type="submit"> instead of <input type="submit"> but this is known to cause issues on some browsers.

I'm not an expert myself so I could be very wrong

 

[Jonstudy]

Hi, thank you for your replies.

I'm using Internet Explorer 11.

I tried replacing input with button too, but it didn't work. However, I did find a solution to the submit button :

<input type="image" value="submit" />
<input type="hidden" name="submission" value="submit" />

It does submit the answers into my google spreadsheet when using IE11.
However, it only submits the answer for first question, the other questions are all blank.

Here is a example of my steps form:
<span class="step" id="sixth"><span></span><br><div class="errorbox-good">
<div class="ss-form-entry"><center><img src="https://googledrive.com/host/0Bxbu4_4S-T54eFRZMl96MmR0UGM" /></center><br>
<table width="70%"align="center"><colgroup><col span="2"></colgroup><tr><td width="0%"><font face="COMIC SANS MS" size="2.5"><b> Name:</b></font></td><td><input size="35"type="text"name="entry.1456489371"value=""class="required"title="*"id="entry_1456489371" ></td></tr><tr><td width="40%"><font face="COMIC SANS MS" size="2.5"><b>Mobile Number:</b></font></td><td><input size="35"type="text"name="entry.2143761977" value=""class="required" title="*" id="entry_2143761977"></td></tr><tr><td width="10%"><font face="COMIC SANS MS" size="2.5"><b>Date Of Birth:</b></font></td><td><input style="width:245px;" type="date" name="entry.1766330489"value=""class="required" title="*"id="entry_1766330489"></td></tr><tr><td><font face="COMIC SANS MS" size="2.5" color="#000000"><b>Date Of Expected Delivery:</b></font></td><td><input style="width:245px;" type="date" name="entry.952435167" value=""class="required"title="*"id="entry_952435167"></td></tr><tr><td valign="top" ><font face="COMIC SANS MS" size="2.5" color="#000000"><b>Do you smoke?</b></td></font><td valign="top" width="25%"><input type="radio"name="entry.2003607963" value="Yes" id="group_2003607963_1"aria-label="Yes"><font face="COMIC SANS MS"size="2.5"><b>Yes</b</font>   <input type="radio" name="entry.2003607963" value="No" id="group_2003607963_2"aria-label="No" checked="true"><font face="COMIC SANS MS" size="2.5"><b>No</b></font><br></td></tr></table><center><img src="https://googledrive.com/host/0Bxbu4_4S-T54OFYwOVFySW5oWDA"></center></div></div></span>

 

[Jonstudy]

Which IE version you're referring to? I still need more details of your code since your question is too brief.

I am using IE11. Refer to my code I just posted.

 

[Jonstudy]

You can't add background-image to input[type="submit"] buttons in IE which is why you don't see anything.

1) You may use another absolutely positioned element in front of the button to trigger the click.
2) If you really don't know how to use method 1), you could try using <button type="submit"> instead of <input type="submit"> but this is known to cause issues on some browsers.

I'm not an expert myself so I could be very wrong

Hi, can you explain on the first point? As in how to trigger using image to the button?

 

[harky]

CSS not like this one meh? nt pro too haha

background-image:url("www.");

 

[GPGT.org]

spend US$5 on Fiverr.com will get the help you need.

 

[saysuzu]

stop doing vanilla CSS

it's time to use libraries, such as SASS, Twitter bootstrap and whatnot

 

[lovehate]

ts, IE uses their own standards. Go search stackoverflow for their standards.