Re: [WSG] Q: cross browser submit button image replacement
On Aug 15, 2005, at 4:15 AM, Rex Chung wrote: Anyone know what is the best practise for image replacement with rollover states for submit buttons. I tried adding onmouseover class change javascript with: 1. background image for input type=submit / but - doesnt work for safari, value attribute shows up 2. text-indent=-1000em for button type=submit submit/button but onmouseover doesnt seem to work for IE. Is there a reason you can't use an input type=image, and then swap the src value on rollover? For purposes of having readable text, make sure to add an alt attribute. -- Ben Curtis : webwright bivia : a personal web studio http://www.bivia.com v: (818) 507-6613 ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
RE: [WSG] Q: cross browser submit button image replacement
Rex, Safari won't let you style at all. Take a look at what I did on www.whatcanido.com.au for the search fields top-left. Thanks, Tatham Oddie Fuel Advance - Ignite Your Idea www.fueladvance.com -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Rex Chung Sent: Monday, 15 August 2005 9:16 PM To: wsg@webstandardsgroup.org Subject: [WSG] Q: cross browser submit button image replacement Hi all, Anyone know what is the best practise for image replacement with rollover states for submit buttons. I tried adding onmouseover class change javascript with: 1. background image for input type=submit / but - doesnt work for safari, value attribute shows up 2. text-indent=-1000em for button type=submit submit/button but onmouseover doesnt seem to work for IE. I haven't found a good solution for cross browser capability with rollover states. Thanks! Rex. ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Q: cross browser submit button image replacement
background-image, text-indent=-1000em for button type=submit submit/button this works for all browsers except onmouseover doesnt seem to work for IE. On 8/15/05, Tatham Oddie (Fuel Advance) [EMAIL PROTECTED] wrote: Rex, Safari won't let you style at all. Take a look at what I did on www.whatcanido.com.au for the search fields top-left. Thanks, Tatham Oddie Fuel Advance - Ignite Your Idea www.fueladvance.com -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Rex Chung Sent: Monday, 15 August 2005 9:16 PM To: wsg@webstandardsgroup.org Subject: [WSG] Q: cross browser submit button image replacement Hi all, Anyone know what is the best practise for image replacement with rollover states for submit buttons. I tried adding onmouseover class change javascript with: 1. background image for input type=submit / but - doesnt work for safari, value attribute shows up 2. text-indent=-1000em for button type=submit submit/button but onmouseover doesnt seem to work for IE. I haven't found a good solution for cross browser capability with rollover states. Thanks! Rex. ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **