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 **
[WSG] IE fixed: PNG transparency working like Firefox???
Hi, A developer on my project showed me a site with a lot of PGNs using alpha transparency. Formely we had to include a piece of javascript to get it working the way we want in IE 6.x Since the last patchday it seems that IE 6.x got a security update that fixed the alpha transparency issues as well. Is there some one who can verify our findings? Regards, JW http://pomtiedom.com ** 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] IE fixed: PNG transparency working like Firefox???
So far, IE 6.x on Windows supports PNG-8, which has index transparency. The only way I know of to make IE support alpha transparency is to use a javascript, such as Dean Edward's IE7, or to use Microsoft's proprietary filter: in CSS (Read more here: http://www.koivi.com/ie-png-transparency/). Hope this helps. :-) --Zachary JW wrote: Hi, A developer on my project showed me a site with a lot of PGNs using alpha transparency. Formely we had to include a piece of javascript to get it working the way we want in IE 6.x Since the last patchday it seems that IE 6.x got a security update that fixed the alpha transparency issues as well. Is there some one who can verify our findings? Regards, JW http://pomtiedom.com ** 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 best way to predict the future is to invent it. [EMAIL PROTECTED] http://www.hopkinsprogramming.net ** 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] Why DO floats not stretch their containers?
Andreas Boehmer wrote: Can you give an example of where standard-compliant browsers expand the outer container with a float as content? I believe Roger pointed to the almost perfect example: http://www.complexspiral.com/publications/containing-floats/ Myself, being a heavy user of floats, simply forgot to point to the obvious: floats will expand to contain floats, unless we fix the container's dimensions in such a way that the content-float overflow its container. - Standard compliant browsers will respect the dimensions first, and expand to contain other floats if allowed to. - IE/win will need some negative margins on the content-float, to reduce its actual dimensions, or dimensions set on the floating outer container will not be respected. Example: http://www.gunlaug.no/contents/wd_1_02_03.html regards Georg ** 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] IE fixed: PNG transparency working like Firefox???
JW wrote: Hi, A developer on my project showed me a site with a lot of PGNs using alpha transparency. Formely we had to include a piece of javascript to get it working the way we want in IE 6.x Since the last patchday it seems that IE 6.x got a security update that fixed the alpha transparency issues as well. Is there some one who can verify our findings? Regards, JW http://pomtiedom.com I posted this on Channel9, many of the IE devs regularly post there as well Here's the responses so far: http://channel9.msdn.com/ShowPost.aspx?PostID=40863 Doesn't look like Are you sure you're not getting confused with PNG8 w/ Index Transparency? -- -David R ** 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] IE fixed: PNG transparency working like Firefox???
JW wrote: Hi, A developer on my project showed me a site with a lot of PGNs using alpha transparency. Formely we had to include a piece of javascript to get it working the way we want in IE 6.x [skipped] I have uploaded all latest updates from WindowsUpdate to confirm what you wrote. PNG still doesn't work :( ** 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] Proper way to embed fonts?
Hi, I'm working on redesigning a company website to make it more accessable and I've done a pretty decent job with makeing everything scale with the font sizes, but I have one big problem. Our company is developing a particular font that we want to use for our company name, a font that will be used on all our products. So, either I put the text in an image (which is making me cringe already), or I find some way to enable our visitors to download the fonts automatically. I did a little searching around and I found that there is a way to do that for certain versions of IE, but I was wondering if there was a way that works that I could do this that would work on all browsers, or at least NN4, IE=5, FF, Moz, Safari, Opera. Has the W3C created and standards to allow this to work? ** 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] Safari and overflow:auto
On 11 Feb 2005, at 11:34 am, Paul Ross wrote: Hope this is not off-topic but I have a page that validates as XHTML strict but it is breaking in Safari. This confirms my opinion that Safari is the Victorian Parent of the browser world (ie: overly strict IMO) but why would it break a perfectly valid page? I think it is something to do with its handling of overflow: auto(?). See the right column of graphics links are munged in Safari. Works fine in Firefox 1.0 and IE6 and even IE5.2 on a MAC. Has anyone come across a problem like this? Here's my test page if anyone has the time to point me in the right direction... http://www.skyrocket.com.au/Concepts/Grindley/BuildingProjects.html It is not a problem with overflow:auto; but with Safari acting up on the ul adjacent to the floated images. Having the images part of the li should help fixing the problem. Philippe ---/--- Philippe Wittenbergh now live : http://emps.l-c-n.com/ code | design | web projects : http://www.l-c-n.com/ IE5 Mac bugs and oddities : http://www.l-c-n.com/IE5tests/ ** 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] Proper way to embed fonts?
Alan Trick wrote: Hi, I'm working on redesigning a company website to make it more accessable and I've done a pretty decent job with makeing everything scale with the font sizes, but I have one big problem. Our company is developing a particular font that we want to use for our company name, a font that will be used on all our products. So, either I put the text in an image (which is making me cringe already), or I find some way to enable our visitors to download the fonts automatically. I did a little searching around and I found that there is a way to do that for certain versions of IE, but I was wondering if there was a way that works that I could do this that would work on all browsers, or at least NN4, IE=5, FF, Moz, Safari, Opera. Has the W3C created and standards to allow this to work? Alan, Here are my suggestions for cross-browser font embedding: sIFR http://www.mikeindustries.com/blog/archive/2004/12/sifr-2.0-release-candidate-3 or: sIIR http://axisfive.net/aboutsiir/ I experimented with the MS WEFT tool on some design layouts before finding I can deliver standards compliant font embedding with sIFR. sIIR may be better suited for your company font as sIFR depreciates back to CSS font calls when either Javascript or Flash isn't enabled. Lawrence Meckan Absalom Media http://www.absalom.biz ** 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] accessibilty and responsibility
Ok, I see your point here, but I'm the web designer for a company. Most of our customers probably wouldn't know what a 'browser' is and think that the 'e' is the is only way to 'download the internet'. I can't simply forget my customers browsers without alienating them as well, because they have no clue what the issues are. Tom Livingston wrote: Giving users a reasonable time to upgrade to the latest-- and hopefully best-- version of the browser of their choice, and then simply forgetting to code for the older versions, is one way we can push (a little) where it matters. Ding, ding, ding... we have a winner! ** 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] Proper way to embed fonts?
Thanks for the resources. I dont' think I can use sIIR cause we have an IIS server (as far as I could tell it's php only), but I'll try sIFR. Is they're any quick tutrials on how to implement it? Absalom Media wrote: Alan Trick wrote: Hi, I'm working on redesigning a company website to make it more accessable and I've done a pretty decent job with makeing everything scale with the font sizes, but I have one big problem. Our company is developing a particular font that we want to use for our company name, a font that will be used on all our products. So, either I put the text in an image (which is making me cringe already), or I find some way to enable our visitors to download the fonts automatically. I did a little searching around and I found that there is a way to do that for certain versions of IE, but I was wondering if there was a way that works that I could do this that would work on all browsers, or at least NN4, IE=5, FF, Moz, Safari, Opera. Has the W3C created and standards to allow this to work? Alan, Here are my suggestions for cross-browser font embedding: sIFR http://www.mikeindustries.com/blog/archive/2004/12/sifr-2.0-release-candidate-3 or: sIIR http://axisfive.net/aboutsiir/ I experimented with the MS WEFT tool on some design layouts before finding I can deliver standards compliant font embedding with sIFR. sIIR may be better suited for your company font as sIFR depreciates back to CSS font calls when either Javascript or Flash isn't enabled. Lawrence Meckan Absalom Media http://www.absalom.biz ** 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] ie INSANITY ... please help me
note to all: IF IN DOUBT, add position:relative; -- it fixes many, many IE bugs :) POSITION:RELATIVE ... EUREKA! I feel like such an eejit - I should have known! I have already taken to adding position:relative to all my main divs, don't know why I didn't think of it as a first step towards debugging lower level elements. Argh! Thanks for the tip, Andrew. You saved my bacon! Mani Sheriar Sheriar Designs | www.ManiSheriar.com 925|914.0741 ** 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] help with mystery IE padding
Hi All I've been pounding my head against the desk for a while trying to figure out why I'm getting a space between my h1 tag and the topnav. It looks fine in firefox, naturally, but in IE, there is about a 10px margin between the h1 and ul#topnav. This is visible by the jog in the blue bar as it extends past the top nav. http://tdrake.net/cruise/index.html check out the nifty use of class=here to move the cruise ship around. It's not exactly mind blowing, but should get a grin from the bosses. I've tried using borders, changing heights, using !important to declare 0 margins, and removed whitespace in the code to see if those would fix the issue. I have validated the page already. Thank you for any advice. Ted ** 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] accessibilty and responsibility
Alan Trick wrote: Ok, I see your point here, but I'm the web designer for a company. Most of our customers probably wouldn't know what a 'browser' is and think that the 'e' is the is only way to 'download the internet'. I can't simply forget my customers browsers without alienating them as well, because they have no clue what the issues are. Giving users a reasonable time to upgrade to the latest-- and hopefully best-- version of the browser of their choice, and then simply forgetting to code for the older versions, is one way we can push (a little) where it matters. Once you know a site works well in the latest versions of Opera, Safari, Gecko and so on-- and IE6-- and no one is shut out, then it is just a question of going back and see if there's a version of any of these that is less than a few months (or a reasonable timespan) older than the one you have coded for. Maybe a small workaround is needed for one of those 'older' versions, but most likely not. None of the older blue 'e' are within such a time frame, so their users need a little hint that their more than 2 year old blue 'e' is in need of an upgrade. If that happens to be a new blue 'e', so be it. No one is suggesting you should forget IE6 (although we wouldn't mind if we all could do just that ;-) ). IE6 is the latest for those who wants to 'download the internet', so it's about time they 'downloaded it'. regards Georg ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **