Andreas Boehmer [Addictive Media] wrote:
adding a title attribute for good measure and increased accessibility,
providing your image doesn't use tiny text, and has good contrast
between text and background ?
I prefer giving my users the ability to increase font, if possible.
-Original Message-
From: Matthew Cruickshank [mailto:[EMAIL PROTECTED]
Sent: Sunday, 19 December 2004 2:08 PM
To: [EMAIL PROTECTED]
Subject: Re: [WSG] accessible image form buttons
I haven't ever found any accessibility expert saying images of text are
inaccessible when the
image
Hmmm... I have tried to hide the border of an input field in Opera, but
it flatly refused:
input{border:0;}
This is Opera 7.23
oh, that bug. Fixed in 7.50 or 7.60...
For Opera 7.2 use:
input {border: 0 solid;}
--
regards, Kornel Lesiski
**
The
On 17 Dec 2004, at 10:01 am, Kornel Lesinski wrote:
divinput//div
div {background: darkcolor url(darkimage);}
input {opacity: 0.5; -moz-opacity: 1; background: lightcolor
url(lightimage);}
As far as I know currently it is quite safe, but it will start to
cause trouble when Opera implements
-Original Message-
From: Philippe Wittenbergh [mailto:[EMAIL PROTECTED]
Sent: Saturday, 18 December 2004 3:55 PM
To: [EMAIL PROTECTED]
Subject: Re: [WSG] accessible image form buttons
What is wrong with solution 3:
input type=image src=Searchbutton.gif alt=Search title=search
What if at the first place you write in the document:
input type=submit value=Search
Which should be OK for any klient.
And, if the browser happens to support DOM correctly,
you remove it with Javascript and replace with:
a href=javascript:submitForm()Search/a
input type=image src=button.gif
But I have noticed some browsers completely ignore input styles.
Yes, but it is partly a good thing - some elements should really be
rendered by the system GUI...
See http://www.pixy.cz/blog/obrazky/styled-forms.gif for comparison.
--
Jan Brasna :: alphanumeric.cz | webcore.cz | designlab.cz |
Andreas Boehmer wrote:
What would you recommend is the best way to create a form with a submit
button made up of text+image? So what I have planned is the word
Search followed by a little icon. The user can click either of them
and the form will submit.
I am playing with multiple solutions, but
SOLUTION 1:
BUTTON
Search img src=button.gif alt=Search
/BUTTON
Problem: Doesn't work in older browsers (e.g. NN4).
Eh, another good solution spoiled by this zombie.
a href=javascript:submitForm()Search/a
Forget hackish href=javascript:. Use onclick instead.
To make this less evil you could put
On Thu, 16 Dec 2004 14:52:15 -0800, Andreas Boehmer
[EMAIL PROTECTED] wrote:
What would you recommend is the best way to create a form with a submit
button made up of text+image? So what I have planned is the word
Search followed by a little icon. The user can click either of them
and the form
Generally if the submit button is just a stylised button with search
or submit as foreground text then I show them some mockups that style
the button using css (removing the border, using a background image).
If it's more complex than that, with an icon or a non-standard font then
a carefully
The problem is the input style doesn't work in all browsers. In
particular Opera and some of the Mac browsers will ignore them, if I
remember correctly.
Current version of Opera does excellent job with styling input elements.
Opera even lets you change border on checkbox elements. I haven't
The problem is the input style doesn't work in all browsers. In
particular Opera and some of the Mac browsers will ignore them, if I
remember correctly.
Current version of Opera does excellent job with styling input elements.
Hmmm... I have tried to hide the border of an input field
Hi
The correct syntax is
border : none;
Cheers
James
input{border:0;}
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
Hi
The correct syntax is
border : none;
Cheers
James
input{border:0;}
Thanks, but even that does not seem to work in my version of Opera.
**
The discussion list for http://webstandardsgroup.org/
See
On 17 dec 2004, at 01.36, Andreas Boehmer wrote:
The problem is the input style doesn't work in all browsers. In
particular Opera and some of the Mac browsers will ignore them, if I
remember correctly.
A couple of months ago, I spent hours (or was it days?) making
screenshots of styled form
this is the style we use for our submit button
input.submit {
border: 3px double #999;
border-top-color: #ccc;
border-left-color: #ccc;
padding: 0.15em;
background: #feb333 url(../images/o.gif) repeat-x 0 0;
color: #333;
font-weight: bold;
Andreas Boehmer wrote:
What would you recommend is the best way to create a form with a submit
button made up of text+image? So what I have planned is the word
Search followed by a little icon. The user can click either of them
and the form will submit.
How about using a normal submit
18 matches
Mail list logo