That looks like it did the trick, had to pull the button up a bit with
position: relative;
top: -3px;
I'm not sure why.
Anyways, I ended up with
button#btnGo {
background: url(/proximer/_resource/generic/image/btn_go.jpg) top
left no-repeat;
border: none;
width: 26px;
height: 20px;
cursor: pointer;
position: relative;
top: -3px;
}
button#btnGo span {
position: relative;
left: -3000px;
}
Cheers
On Tue, Jul 15, 2008 at 9:37 AM, Chris Knowles <[EMAIL PROTECTED]> wrote:
> Taco Fleur wrote:
>>
>> I have a question in regards to styling a submit button.
>>
>> I have the following HTML
>> <input name="doSearch" type="image" id="btnGo" value="GO"
>> src="/certainedge/_resource/generic/image/btn_go.jpg" alt="GO">
>>
>> Would it be acceptable to just use a input of type "submit" and leave
>> the value empty?
>
> you could use:
>
> <button type='submit><span>Submit</span></button>
>
> then shift the span off the page and style the button with a sprite - this
> gets around having an empty value
>
> --
> Chris Knowles
>
>
> *******************************************************************
> List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
> Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
> Help: [EMAIL PROTECTED]
> *******************************************************************
>
>
--
Kind regards,
Taco Fleur
clickfind™ - The new Australian Online Marketing Platform (OMP)
http://www.clickfind.com.au
*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*******************************************************************
