Philippe and Gail, thanks for your helpful suggestions.
Philippe's src="blank.gif" (using a blank image) worked for me. Solved
the problems in both Safari and IE.
Gail, for some reason, the browser ignores any background-position
instructions I use in the stylesheet. Further, Firebug shows a
background position of "0 0" when I try to position a background image
through the stylesheet. I have no idea why this occurs.
I resorted to positioning the image with style settings in the html.
Since it works, I'll have to stick with it.
Thanks again.
On 6/16/11 7:32 PM, Philippe Wittenbergh wrote:
On Jun 17, 2011, at 6:27 AM, RePost wrote:
I'm using a css sprite image for the submit button in two forms on this site.
It displays fine in Firefox, but not so well in Safari and IE.
Safari is displaying the text "Submit" in the area designated for the submit
images. IE is just displaying the image oddly.
I've removed the "title" and "alt" portions of the submit button form text, so
they look something like this:
<input type="image" class="searchbutton" style="position:absolute;top:-34px;left:173px;"
name="sa" id="go" />
<input type="image" class="signup" style="position:relative;top:22px;left:206px;" name="sa"
id="go" />
Here's the site. Forms are at upper right: http://bit.ly/eYGXbo
Anything I can do to correct the problem?
Dunno about IE (haven't checked…). Safari is trying to be user friendly.
You don't have a 'src=""' for the image and the (required) alt attribute is missing;
Safari then adds an alt attr. on its own (similarly as what it does when a input
type="submit" is missing a value).
Either use a<button> or if you must use an<input type="image"> and have that
:hover/:active dance, give it a 'src' to a blank, transparent image.
Anyway, not really a CSS issue.
Philippe
--
Philippe Wittenbergh
http://l-c-n.com/
______________________________________________________________________
css-discuss [[email protected]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
.
______________________________________________________________________
css-discuss [[email protected]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
