RE: [WSG] Is there any way to set the width of a file input field in Firefox?
Hi, Irina Sorry, I misunderstood the problem (that's what happens when we read too fast :-( I've found something about styling input=file on http://www.quirksmode.org/dom/inputfile.html. I don't know the quality of the solution (I could not test it yet), but it worths the try. Good luck! Angela -Message d'origine- De : [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] la part de Irina Ahrens Envoyé : jeudi 10 février 2005 13:14 À : wsg@webstandardsgroup.org Objet : Re: [WSG] Is there any way to set the width of a file input field in Firefox? Angela, Your suggestion is for input type=text. It does not work for input type=file. See shots attached produced by the following style: div#Attachment {width: 600px;background-color:yellow;border: 1px solid black;} #txtAttachment {width:400px;background-color:red;text-align: right;} Cheers, Irina. On Fri, 4 Feb 2005 10:44:32 +0100, Ricci Angela [EMAIL PROTECTED] wrote: Terrence All you need to do is to give an id to the form field and define its width on the CSS. It will work for all browers. input type=text id=ffield / CSS: #ffield {width: 100px;} Cheers! Ge RICCI -Message d'origine- De : [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] la part de Terrence Wood Envoyé : vendredi 4 février 2005 10:27 À : wsg@webstandardsgroup.org Objet : Re: [WSG] Is there any way to set the width of a file input field in Firefox? Styling file input is inconsistent cross browser and platform here is a work around: http://www.quirksmode.org/dom/inputfile.html Terrence Wood. Irina Ahrens wrote: Hello, Does anybody knows how to set the width of a file input field in Firefox? ** 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 **
Re: [WSG] Is there any way to set the width of a file input field in Firefox?
Hi everyone A reminder about attachments on the list - not allowed. Please post links to your files instead. This is covered in the mail list guidelines. Reasons: 1.They increase the traffic and bandwidth through the WSG list server. 2. Viruses commonly fake file extensions. Regards James --- admin On Fri, 11 Feb 2005 09:25:52 +0100, Ricci Angela [EMAIL PROTECTED] wrote: Hi, Irina Sorry, I misunderstood the problem (that's what happens when we read too fast :-( I've found something about styling input=file on http://www.quirksmode.org/dom/inputfile.html. I don't know the quality of the solution (I could not test it yet), but it worths the try. Good luck! Angela -Message d'origine- De : [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] la part de Irina Ahrens Envoyé : jeudi 10 février 2005 13:14 À : wsg@webstandardsgroup.org Objet : Re: [WSG] Is there any way to set the width of a file input field in Firefox? Angela, Your suggestion is for input type=text. It does not work for input type=file. See shots attached produced by the following style: div#Attachment {width: 600px;background-color:yellow;border: 1px solid black;} #txtAttachment {width:400px;background-color:red;text-align: right;} Cheers, Irina. On Fri, 4 Feb 2005 10:44:32 +0100, Ricci Angela [EMAIL PROTECTED] wrote: Terrence All you need to do is to give an id to the form field and define its width on the CSS. It will work for all browers. input type=text id=ffield / CSS: #ffield {width: 100px;} Cheers! Ge RICCI -Message d'origine- De : [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] la part de Terrence Wood Envoyé : vendredi 4 février 2005 10:27 À : wsg@webstandardsgroup.org Objet : Re: [WSG] Is there any way to set the width of a file input field in Firefox? Styling file input is inconsistent cross browser and platform here is a work around: http://www.quirksmode.org/dom/inputfile.html Terrence Wood. Irina Ahrens wrote: Hello, Does anybody knows how to set the width of a file input field in Firefox? ** 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 ** ** 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] Is there any way to set the width of a file input field in Firefox?
Angela, Your suggestion is for input type=text. It does not work for input type=file. See shots attached produced by the following style: div#Attachment {width: 600px;background-color:yellow;border: 1px solid black;} #txtAttachment {width:400px;background-color:red;text-align: right;} Cheers, Irina. On Fri, 4 Feb 2005 10:44:32 +0100, Ricci Angela [EMAIL PROTECTED] wrote: Terrence All you need to do is to give an id to the form field and define its width on the CSS. It will work for all browers. input type=text id=ffield / CSS: #ffield {width: 100px;} Cheers! Ge RICCI -Message d'origine- De : [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] la part de Terrence Wood Envoyé : vendredi 4 février 2005 10:27 À : wsg@webstandardsgroup.org Objet : Re: [WSG] Is there any way to set the width of a file input field in Firefox? Styling file input is inconsistent cross browser and platform here is a work around: http://www.quirksmode.org/dom/inputfile.html Terrence Wood. Irina Ahrens wrote: Hello, Does anybody knows how to set the width of a file input field in Firefox? ** 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 ** attachment: InputOfFileType_IE6.gifattachment: InputOfFileType_Firefox.gif
Re: [WSG] Is there any way to set the width of a file input field in Firefox?
Irina, Am Freitag, 4. Februar 2005 um 05:50:36 haben Sie geschrieben: IA Does anybody knows how to set the width of a file input field in Firefox? Take a look at the form.css in res under your firefox installation directory. There you will find the following styling: /* file selector */ input[type=file] { -moz-appearance: none; white-space: nowrap; cursor: default; -moz-binding: none; padding: 0 !important; border-style: none !important; } input[type=file] input[type=text] { border-color: inherit; background-color: inherit; color: inherit; font-size: inherit; height: inherit; } /* button part of file selector */ input[type=file] input[type=button] { height: inherit; font-size: inherit; } Feel free to override the defaults. :) Martin. ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Spam: RE: [WSG] Is there any way to set the width of a file input field in Firefox?
Irina wrote: Does anybody knows how to set the width of a file input field in Firefox? Style like this produces funny looking input field (see file attached) Never had any problems with form elements or input fields with Firefox, other than legend. Most of what I use, I accquired from Cameron Adams via: http://www.themaninblue.com/writing/perspective/2004/03/24/ Nick This email is from the Department of Consumer and Employment Protection and any information or attachments to it may be confidential. If you are not the intended recipient, please reply mail to the sender informing them of the error and delete all copies from your computer system, including attachments and your reply email. As the information is confidential you must not disclose, copy or use it in any manner. ** 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] Is there any way to set the width of a file input field in Firefox?
Styling file input is inconsistent cross browser and platform here is a work around: http://www.quirksmode.org/dom/inputfile.html Terrence Wood. Irina Ahrens wrote: Hello, Does anybody knows how to set the width of a file input field in Firefox? ** 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] Is there any way to set the width of a file input field in Firefox?
Terrence All you need to do is to give an id to the form field and define its width on the CSS. It will work for all browers. input type=text id=ffield / CSS: #ffield {width: 100px;} Cheers! Ge RICCI -Message d'origine- De : [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] la part de Terrence Wood Envoyé : vendredi 4 février 2005 10:27 À : wsg@webstandardsgroup.org Objet : Re: [WSG] Is there any way to set the width of a file input field in Firefox? Styling file input is inconsistent cross browser and platform here is a work around: http://www.quirksmode.org/dom/inputfile.html Terrence Wood. Irina Ahrens wrote: Hello, Does anybody knows how to set the width of a file input field in Firefox? ** 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 **
[WSG] Is there any way to set the width of a file input field in Firefox?
Hello, Does anybody knows how to set the width of a file input field in Firefox? Style like this produces funny looking input field (see file attached) div.row #txtAttachment { width: 96%; height: 2em; } Thank you in advance, Irina. www.ssw.com.au attachment: FileInputFieldInFirefox.gif