Welcome to WebmasterWorld Guest from 3.234.210.89

Forum Moderators: open

Message Too Old, No Replies

Firefox and Form Input Button

     
2:28 pm on Aug 23, 2005 (gmt 0)

Preferred Member

10+ Year Member

joined:Jan 19, 2004
posts:562
votes: 0


I have a site with a small form that users access database info with. The button labeled "Search" has an area on it that is not active when moused in Firefox but the total button is active in IE. It's easy to click on it in Firefox and think the button is dead.

I guess the question is are there attributes that can be added to make Firefox see the button as IE does?

5:53 pm on Aug 23, 2005 (gmt 0)

Senior Member from CA 

WebmasterWorld Senior Member encyclo is a WebmasterWorld Top Contributor of All Time 10+ Year Member

joined:Aug 31, 2003
posts:9074
votes: 6


Are you talking about a standard form submit button for a form, bumpaw? Usually the default look for buttons is controlled by the operating system: Windows XP adds a mouseover highlighting effect. However, this should happen in Firefox too running the same OS.

Have you styled the button with any CSS at all?

7:08 pm on Aug 23, 2005 (gmt 0)

Preferred Member

10+ Year Member

joined:Jan 19, 2004
posts:562
votes: 0


We are talking standard form submit buttons with no style directly on the button, but maybe I'll have to dig deeper here. I have another page that's very similar that doesn't exhibit the problem so it could be a style. I did this php site over a year ago and have to get my mind around it.
Windows XP adds a mouse over highlighting effect.

Yep that's it but the troubled button has a dead area in it with Firefox.
5:57 am on Aug 24, 2005 (gmt 0)

Full Member

10+ Year Member

joined:Nov 18, 2003
posts:202
votes: 0


Maybe you have positioned a layer or div on top of part of the button.
7:23 am on Aug 24, 2005 (gmt 0)

Senior Member from US 

WebmasterWorld Senior Member jab_creations is a WebmasterWorld Top Contributor of All Time 10+ Year Member

joined:Aug 26, 2004
posts:3178
votes: 22


A generic input {} (or button {}?) may be hidden away someplace?
3:59 pm on Sept 6, 2005 (gmt 0)

Preferred Member

10+ Year Member

joined:Jan 19, 2004
posts:562
votes: 0


Solution found: Lucky I had another page that worked to compare with. Both pages validated html 4.01 transitional but yet Firefox was having a problem with only one submit button.

This was working:

[3]</div>
<p>
<input type="submit" name="Submit" value="Search">
</p>
</form>
</div>
[/3]

This was the page that had the bug:

[3]<tr><td colspan="2">
<p><input type="submit" name="Submit" value="Search">
</p></td></tr>
</table>
</div>
</form>
</div>
[/3]

By moving the <input> down next to the </form> it solved the problem:

[3] </td>
</tr>
</table>
</div>
<p>
<input name="Search" type="submit" id="Search" value=" Search">
</p>
</form>
</div>
[/3]