RE: [WSG] Site check - lastminute.com
Read this for Font-Sizing, this is the method I use: http://clagnut.com/blog/348/ ** 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] Playing a sound file - what is the best way?
I think more browsers would have the swf plugin installed than the quicktime plugin one. I would use flash and provide alteratives that launches a real media file/player and a widows meadia file/player. -kvnmcwebn ** 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] Site check
very nice- i found a couple minor breaks in ie5 mac 0s9 if you care about this i will post screen shots online. -Kev ** 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] Site check - lastminute.com
Felix Miata wrote: You might say but the text looks too big if I just leave it like that. Make it smaller then. But *in your browser*. How would you recommend solving the problem? Hi, Font sizing issues are always a heated topic. If we have to get right down to the nitty-gritty of the matter, Felix is absolutely correct--the user's font size should be the default and the designer should not attempt to override that setting. The only way to ensure this happens is to make our font-size: 100%; and let it ride... aesthetics be damned. On the other hand, and in real world situations, expecting too much from our users always proves unwise. Giving users options and users actually being capable of taking advantage of or understanding those options are separate issues. I'd bet I don't know a single non-techie person, with normal vision, that can tell me if it is possible to, and if it is possible how to, change the default font settings in their browser. Font-size is just not an issue people with normal vision concern themselves with. A 80% (I use 76% on the body and 1.0em on my container) font-size is, generally, more than sufficient for online readability for the majority of users. Individuals with vision problems will no doubt disagree, however, because of their situation, those users have had to extend their knowledge of browsers and font sizing capabilities to compensate for the popular 12px fixed font sizing prevalent online. In most cases these users have already set a default font-size larger than normal and are aware of quick and simple ways to increase the font-size further when necessary. These users are also more likely to surf with browsers that are more flexible and customizable in the area of personal preferences and accessibility. Ideally, these users should not be required to do these things, but technology, like all other things in life, is rarely ideal. Because we live in this world and not the all things to all people world we would like, I've made the choice to reduce the default font-size of my pages to a setting the *majority* of users will find acceptable; all without requiring anything further from them--capable or not. Out of respect for those users who do not find those settings to be acceptable, I've ensured they have final control of font-sizing. I find this middle ground to be the most appropriate and flexible approach. Since adopting this method, I've not received a single complaint about readability and don't expect to going forward. Best regards, M. Wilson ** 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] Site check - lastminute.com
Patrick H. Lauke wrote: Felix Miata wrote: You might say but the text looks too big if I just leave it like that. Make it smaller then. But *in your browser*. As idealistic as it sounds, the devil's advocate counter question: are you going to tell every single user of your site to do that in their browser? because sure enough, if they set their size to small by default, 70 odd percent of the other sites which use relative base sizes lower than 100% will look too small... Guess the devil has had too much control for too long. As always; it becomes a mess. :-) No sites are able to set font-size lower than the person with the browser chooses to accept, so all this back and forth about font-size is only a game played in front of the ignorant part of the public. The devil loves ignorance (don't know about his advocate). At the end of the day; all that matters is that a web page/site can take whatever font-size the visitor chooses -- without breaking. Define it in pixels if you like. It will still end up being the same mess if it isn't done properly. regards Georg -- http://www.gunlaug.no ** 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] Site check
No, it's a bit old-school for me to worry about. Thanks anyway. On 5/18/05, Kvnmcwebn [EMAIL PROTECTED] wrote: very nice- i found a couple minor breaks in ie5 mac 0s9 if you care about this i will post screen shots online. -Kev ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** -- Tom Hamshere ** 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] Playing a sound file - what is the best way?
Does anyone have a link to an online article that shows you how to do this in Flash? Thanks, Stephen - Original Message - From: Mike Foskett [EMAIL PROTECTED] To: wsg@webstandardsgroup.org Sent: Tuesday, May 17, 2005 5:14 PM Subject: RE: [WSG] Playing a sound file - what is the best way? I completely agree, use Flash. I'd say the same for video too, for the same reasons. Why: One solution multiple platforms. Saturation on all computers is over 90%. That's more than any browser. No platform compatibility issues Mac / PC. No browser issues Firefox / IE / Netscape / Opera. With a single start / stop button in Flash, alongside a link to download the file. -- No virus found in this outgoing message. Checked by AVG Anti-Virus. Version: 7.0.322 / Virus Database: 266.11.12 - Release Date: 17/05/2005 ** 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] Playing a sound file - what is the best way?
Here is the code I am using at the moment. Please let me know what browsers and platforms would have a problem accessing the mp3 file. object id=MPlayer6-4 height=69 classid=clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95 param name=AutoStart value=false param name=AutoSize value=true param name=AnimationAtStart value=true param name=EnableContextMenu value=true param name=filename value=media/file.mp3 param name=ShowStatusBar value=true param name=ShowControls value=true param name=ShowPositionControls value=true param name=EnableFullScreenControls value=false param name=volume value=-200 embed src=media/file.mp3 autostart=0 audiostream=1 showcontrols=1 width=280 height=69 volume=-200 type=application/x-mplayer2 showstatusbar=1 pluginspage=http://www.microsoft.com/Windows/MediaPlayer/;/embed diva href=media/file.mp3 class=bodylinkListen to advert/a/div /object Thanks, Stephen - Original Message - From: Stevio [EMAIL PROTECTED] To: wsg@webstandardsgroup.org Sent: Wednesday, May 18, 2005 4:09 PM Subject: Re: [WSG] Playing a sound file - what is the best way? Does anyone have a link to an online article that shows you how to do this in Flash? Thanks, Stephen - Original Message - From: Mike Foskett [EMAIL PROTECTED] To: wsg@webstandardsgroup.org Sent: Tuesday, May 17, 2005 5:14 PM Subject: RE: [WSG] Playing a sound file - what is the best way? I completely agree, use Flash. I'd say the same for video too, for the same reasons. Why: One solution multiple platforms. Saturation on all computers is over 90%. That's more than any browser. No platform compatibility issues Mac / PC. No browser issues Firefox / IE / Netscape / Opera. With a single start / stop button in Flash, alongside a link to download the file. -- No virus found in this outgoing message. Checked by AVG Anti-Virus. Version: 7.0.322 / Virus Database: 266.11.12 - Release Date: 17/05/2005 ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** -- No virus found in this outgoing message. Checked by AVG Anti-Virus. Version: 7.0.322 / Virus Database: 266.11.12 - Release Date: 17/05/2005 ** 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] Playing a sound file - what is the best way?
You can use media component in flash and import dynamic mp3. If you want, I can send you an example. cheers Daniele http://www.gizax.it - Original Message - From: Stevio [EMAIL PROTECTED] To: wsg@webstandardsgroup.org Sent: Wednesday, May 18, 2005 5:35 PM Subject: Re: [WSG] Playing a sound file - what is the best way? Here is the code I am using at the moment. Please let me know what browsers and platforms would have a problem accessing the mp3 file. object id=MPlayer6-4 height=69 classid=clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95 param name=AutoStart value=false param name=AutoSize value=true param name=AnimationAtStart value=true param name=EnableContextMenu value=true param name=filename value=media/file.mp3 param name=ShowStatusBar value=true param name=ShowControls value=true param name=ShowPositionControls value=true param name=EnableFullScreenControls value=false param name=volume value=-200 embed src=media/file.mp3 autostart=0 audiostream=1 showcontrols=1 width=280 height=69 volume=-200 type=application/x-mplayer2 showstatusbar=1 pluginspage=http://www.microsoft.com/Windows/MediaPlayer/;/embed diva href=media/file.mp3 class=bodylinkListen to advert/a/div /object Thanks, Stephen - Original Message - From: Stevio [EMAIL PROTECTED] To: wsg@webstandardsgroup.org Sent: Wednesday, May 18, 2005 4:09 PM Subject: Re: [WSG] Playing a sound file - what is the best way? Does anyone have a link to an online article that shows you how to do this in Flash? Thanks, Stephen - Original Message - From: Mike Foskett [EMAIL PROTECTED] To: wsg@webstandardsgroup.org Sent: Tuesday, May 17, 2005 5:14 PM Subject: RE: [WSG] Playing a sound file - what is the best way? I completely agree, use Flash. I'd say the same for video too, for the same reasons. Why: One solution multiple platforms. Saturation on all computers is over 90%. That's more than any browser. No platform compatibility issues Mac / PC. No browser issues Firefox / IE / Netscape / Opera. With a single start / stop button in Flash, alongside a link to download the file. -- No virus found in this outgoing message. Checked by AVG Anti-Virus. Version: 7.0.322 / Virus Database: 266.11.12 - Release Date: 17/05/2005 ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** -- No virus found in this outgoing message. Checked by AVG Anti-Virus. Version: 7.0.322 / Virus Database: 266.11.12 - Release Date: 17/05/2005 ** 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] CSS list spacing: margin or line-height?
I've noticed that the CSS 'line-height' property provides extra spacing between list items, such as in an ordered list, unordered list, as well as definition lists. In the past, I've always used the 'margin' property to add spacing between list items. IE: ul li { margin-bottom: 5px; } However, this works just as well: ul li { line-height: 20px; } Both seem to do the trick, in many browsers. I was wondering if anyone else uses 'line-height' - or do most people use 'margin'? Which would you think is more correct, in terms of 'CSS semantics'? And please don't just point to a CSS 'line-height' or 'margin' specification. I want to know you think, first... ** 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] CSS list spacing: margin or line-height?
G'day I've noticed that the CSS 'line-height' property provides extra spacing between list items, such as in an ordered list, unordered list, as well as definition lists. ... I was wondering if anyone else uses 'line-height' - or do most people use 'margin'? I'd stick with margins (or padding) unless you also want extra white-space between lines in a list item if the items wrap. Example (simulated as this is plain text email): * First list item * Second list item does not fit on one line. Using line-height the second line would be a long way from the first... * Third list item Would the following not be better? * First list item * Second list item does not fit on one line but since we use margin, the lines stay together * Third list item Margin, padding and line-height are presentational attributes, which is why we use CSS for them. I don't think semantics come into it. But I may be wrong. Regards -- Bert Doorn, Better Web Design http://www.betterwebdesign.com.au/ Fast-loading, user-friendly websites ** 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] Site check - lastminute.com
On 5/17/05, Josef Dunne [EMAIL PROTECTED] wrote: I'd been recommended 80% as an ideal default text size by a wide variety of people, including, IIRC, the WAI. How would you recommend solving the problem? I would set the font size to 62.5% in the body tag. Then I would use Ems to set the sizes of all my fonts on the page, By setting the font-size to 62.5% means that if you enter 1.0em this will = 10px, same as 1.1em = 11px, 1.2em = 12px and so forth, so its easier to work out Ems that way, they make more sense. Also if you now try and set internet explorer to smallest setting your text is still readable. Same as if you went to the largest. I can't see that making the default text size that small makes sense - I'm perfectly happy with the text sizes we've defined and don't really care about the equivalent pixel size, just their relative size to each other. 80% is roughly equivalent to the old font size=2, which has been the standard default font size for as long as I can remember. I'm happy to go with it, and other than our fellow here have never had a complaint. -- Tom Hamshere ** 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] Site check - lastminute.com
On 5/17/05, Felix Miata [EMAIL PROTECTED] wrote: Tom Hamshere wrote: I'd been recommended 80% as an ideal default text size by a wide variety of people, including, IIRC, the WAI. If from WAI it must be some misinterpreation. No, probably me just mis-remembering, as I said. You might say but the text looks too big if I just leave it like that. Make it smaller then. But *in your browser*. That doesn't make sense. If the default text size is ugly and difficult to read, we should change it. I don't want the site to look shit by default and I don't believe for a second that anyone from the creative team to marketing to legal to editorial to the ceo is going to agree with you on this one. I don't really see why it's an issue for someone with sight/reading difficulties to increase their default text-size. What you're saying is along the lines of saying all stairs should be ramps, just in case someone with a wheel chair comes along. I've never seen someone in a wheel chair complain that stairs exist if there's a ramp as well. Here's the real problem: http://members.ij.net/mrmazda/evang-part.html#note2 But that's not really a problem, is it, if you follow the percentage and ems route? -- Tom Hamshere ** 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 Issue
Hi At the url: http://emeraldprinciple.com/ On IE PC the body image and body copy content area are moved down about 400px, leaving blank space at the top. An attempt to fix this with a negative margin on bodyCopy: div#bodyCopy{ margin: -600px 0 0 224px; width: 553px; } This works in all browsers except IE. Would some knowledgeable soul offer a solution? Cheers, Chris Kennon Principal ckimedia ** 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] CSS list spacing: margin or line-height?
Matt Thommes wrote: I've noticed that the CSS 'line-height' property provides extra spacing between list items, such as in an ordered list, unordered list, as well as definition lists. I try to favor line-height rather than padding if I'm dealing with an element that is styled with a height declaration (because of IE5/Win's broken box model). So for horizontal lists, I use: line-height: X min-height: X and then height: X for MSIE This technique has the advantage of centering the text vertically without the need of padding. It works with vertical Lists too, but there is a bug in Gecko browsers that would randomly create a small gap between some of the list items. Thierry | http://www.TJKDesign.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 **
[WSG] lights flashing - I'm not the only one seeing this - CSS list sp acing: margin or line-height?
Hi Thierry This has been bugging me lately and I've been adding margin-top:-1px to some of my navigation lists to avoid this random space between list items in firefox. Do you have any recommendations for avoiding this? Ted Thierry wrote I try to favor line-height rather than padding if I'm dealing with an element that is styled with a height declaration (because of IE5/Win's broken box model). So for horizontal lists, I use: line-height: X min-height: X and then height: X for MSIE This technique has the advantage of centering the text vertically without the need of padding. ! It works with vertical Lists too, but there is a bug in Gecko browsers that would randomly create a small gap between some of the list items. ! Thierry | http://www.TJKDesign.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] IE Issue[revision]
Hi, I've solved the one problem, but created another. The content area now spills over the footer, what do I need to do? http://ckimedia.com/ep_site/index.htm On May 18, 2005, at 10:17 AM, Chris Kennon wrote: Hi At the url: http://emeraldprinciple.com/ On IE PC the body image and body copy content area are moved down about 400px, leaving blank space at the top. An attempt to fix this with a negative margin on bodyCopy: div#bodyCopy{ margin: -600px 0 0 224px; width: 553px; } This works in all browsers except IE. Would some knowledgeable soul offer a solution? Cheers, Chris Kennon Principal ckimedia ** 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] lights flashing - I'm not the only one seeing this - CSS list sp acing: margin or line-height?
Drake, Ted C. wrote: Hi Thierry This has been bugging me lately and I've been adding margin-top:-1px to some of my navigation lists to avoid this random space between list items in firefox. Do you have any recommendations for avoiding Hi Ted, It's Bruno Fassino on CSS-D who gave me a heads up about this bug. This is its original post: bruno I haven't looked at your code, but the manifestation of the problem and the fact that it moves changing font-size makes me think that it is a so-called rounding error (due to measurements expressed in em.) Ingo Chao has a very detailed description here [1]; also check [2]. hth, Bruno [1] http://www.satzansatz.de/cssd/geckogaps.html [2] http://www.positioniseverything.net/round-error.html bruno Using padding *only* fixed my problem HTH Thierry | http://www.TJKDesign.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] Site check - lastminute.com
On Wed, 18 May 2005 07:49:10 -0400, Michael Wilson [EMAIL PROTECTED] wrote: Felix Miata wrote: You might say but the text looks too big if I just leave it like that. Make it smaller then. But *in your browser*. How would you recommend solving the problem? Hi, [...] A 80% (I use 76% on the body and 1.0em on my container) font-size is, generally, more than sufficient for online readability for the majority of users. [...] I've not received a single complaint about readability and don't expect to going forward. Bingo! You just got you first complaint. Best regards, M. Wilson Regards, David Laakso -- http://www.dlaakso.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] Playing a sound file - what is the best way?
Hi all This is starting to move off topic into the realm of Flash development. Questions on embedding content in compliant markup are definitely on topic for the list, but actionscript et al are off topic and should be kept off list. The easiest way to solve the initial problem would be to provide a link to the file in question. How the user has set up their system to handle mp3's will determine what they do with it (e.g play in the browser or force a download). You may not want to stream an mp3 to low bandwidth users as it could impact their download times. James - admin ** 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] Question about multiple style sheets
I was wondering whether it is better to use the import command in the main style sheet and import the other style sheets that way or to have multiple link hrefs to stylesheets or whether it makes no difference how you do it. @import will stop working at 2 levels deep (an @imported stylesheet will import another, but that second @imported file won't import a thrid) -- or as is my understanding (sorry, can't find reference atm) It doesn't really make a difference. The main factor in my mind is browser negotiation. Which browsers do you want to serve your CSS to? Is the type.css file simple CSS1? If so, perhaps use the plain old link / method (with media='screen' or 'all' ONLY) so NN4 can get some nicer typographic styling... The print one is simple -- link media='print' / If you've got crazy floated column madness (who doesn't?), I'd import that one like this: style media=screen,projection type=text/css /* block IEmac 'cause it tends to bork with float layouts \*/ @import url(layout.css); /* that'll do nicely */ /style the media attribute value of 'screen,projection' will block NN4, the comment hack will block IEmac. The 'projection' value tells Opera to use this stylesheet in the rare occassion that someone views your site in Opera's full screen/projection mode. It's a bit old now, but I wrote an article about this stuff last year: http://leftjustified.net/journal/2004/10/07/css-negotiation/ hope that helps :) Andrew. p.s -- Helen, I think we were both on a Blackboard conference call together last week! (Im with Griffith uni) Small world! ;) http://leftjustified.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 **