Re: [WSG] Flash Ads Disabled with New IE Update
There is a excelent blog writing about this:http://weblogs.asp.net/jgalloway/archive/2006/03/03/439483.aspxAnd also a workaraoud - Flashobject by http://blog.deconcept.com/flashobject/
[WSG] Willing to contact CSS design experts in France
Good afternoon, Sorry if a bit out of topic... but I'm searching to contact CSS design experts that live in the north of France for a part time job. Please contact me out of list. Cheers! Angela ** 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 of CSS specificity
Barrie North wrote: I need some help, what is the difference between: table.module At 07:45 PM 3/5/2006, Lachlan Hunt wrote: Specificity: 0,0,1,1 To see where Lachlan is getting these numbers, read: 6.4.3 Calculating a selector's specificity http://www.w3.org/TR/CSS21/cascade.html#specificity Both that page (6 Assigning property values, Cascading, and Inheritance) and the previous one (5 Selectors) make for pretty interesting reading. I think everyone working with CSS should read the whole spec at least once. I refer back to it once or twice a week to refresh my memory on specific points. Cascading Style Sheets, level 2 revision 1 CSS 2.1 Specification http://www.w3.org/TR/CSS21/ Regards, Paul ** 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] how important are validation-programs?
Return Receipt Your Re:[WSG] how important are validation-programs? document: wasDennis Lapcewich/R6/USDAFS received by: at:03/06/2006 08:19:02 ** 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] tableless layout stuff
on 06/03/06 16:57 Christian Montoya said the following: On 3/5/06, Jack Pivac [EMAIL PROTECTED] wrote: Hi Everyone, Few questions: http://temp.delphinus.co.nz/newsite/shop/shop.php?product=accessories I'm using white-space: pre; so dont have to br every line in the green description stuff... but if the window is resized it doesn't wrap AT ALL... is there a better way to do this? Sorry, but you would have to use 'br' or a list. Pre wrapped text does not break, that's how it behaves. Ok thats fine, I've just used some php to add the 'br's in automatically. But does anyone have any idea how to put that alongside the title and image etc without using a table? or should i just use a table? Cheers, Jack ** 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] tableless layout stuff
On 07/03/06, Jack Pivac [EMAIL PROTECTED] wrote: But does anyone have any idea how to put that alongside the title andimage etc without using a table? or should i just use a table? The simplest way would be to wrap the bits you want to have on the left (title, pic, price, etc) in some sort of containing element such as a div and float it left. I'd suggest floating your green paragraph to the right, but that would require it to come first in the source I believe, and that's probably not a good idea. If nothing else, it will realy confuse people who don't get the benefit of CSS (older browsers, text browser, screen readers, etc) to see the details before the title! ;) Cheers, Seona.
Re: [WSG] tableless layout stuff
on 07/03/06 12:17 Seona Bellamy said the following: On 07/03/06, *Jack Pivac* [EMAIL PROTECTED] mailto:[EMAIL PROTECTED] wrote: But does anyone have any idea how to put that alongside the title and image etc without using a table? or should i just use a table? The simplest way would be to wrap the bits you want to have on the left (title, pic, price, etc) in some sort of containing element such as a div and float it left. I'd suggest floating your green paragraph to the right, but that would require it to come first in the source I believe, and that's probably not a good idea. If nothing else, it will realy confuse people who don't get the benefit of CSS (older browsers, text browser, screen readers, etc) to see the details before the title! ;) Cheers, Seona. but if i float it left.. then doesn't that mean i have the wrap the whole lot in another div.. and overflow: auto; that, which requires a width for it to work in IE... but was after a more liquid layout... Open to any ideas. ** 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] tableless layout stuff
Jack wrote: But does anyone have any idea how to put that alongside the title and image etc without using a table? or should i just use a table? Hi Jack, There shouldnt be any need for a table here. just mark your list up as a list and float your image to one side. something like this: http://c41.com.au/test/delphinus_example/index.html (css in the head so just view source) hoping thats what you meant :) pete ** 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] tableless layout stuff
On 07/03/06, Jack Pivac [EMAIL PROTECTED] wrote: The simplest way would be to wrap the bits you want to have on the left (title, pic, price, etc) in some sort of containing element such as a div and float it left.but if i float it left.. then doesn't that mean i have the wrap the whole lot in another div.. and overflow: auto; that, which requires awidth for it to work in IE... but was after a more liquid layout...Open to any ideas. I'm not sure why you feel you need to use overflow:auto... Wrap them in a div, yes, and then give it a width based on one of two factors: 1) If the image will always be the same width and you want the details to sit fairly close beside them, make the div a little wider than the image (eg: if the image is 100px, make the div 120px). 2) Give the div a width of, say 50% or some other percentage - that way it will always occupy a relative amount of space regardless of the width of the content block and the details will all line up neatly in the other half of the page. All you need to do then is use some sort of clearing element ( I tend to favour PIE's Easy Clearing method [1]) under the details to make content below respect the height of the floated bits. Cheers, Seona. [1] http://www.positioniseverything.net/easyclearing.html
[WSG] Keeping a table ordered
Hi all I have a group of retail outlets which I need to order alphabetically by location and still maintain row heights when there are differing amounts of content, eg: CANBERRAABC Company Email SYDNEY XYZ Company Address Ph Email I guess, at first glance this is best designed using a table. However, in order to keep the locations in alphabetical order as new locations are added, it gets a bit messy having to moving all the tds around. I've looked at floating columns, and definition lists, but can't seem to find a way to use either of them that degrades well when stylesheets are disabled. Also, using floating columns causes a problem with row alignment when there are different amounts of content in each list. Has anyone found a way to manage this? -- XERT Communications email: [EMAIL PROTECTED] office: +61 2 4782 3104 mobile: 0438 017 416 http://www.xert.com.au/ web development : digital imaging : dvd production ** 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] Keeping a table ordered
Sarah Peeke (XERT) wrote: CANBERRAABC Company Email SYDNEY XYZ Company Address Ph Email table thead tr thLocation/th thCompany details/th /tr /thead tbody tr td scope=rowCanberra/td tdABC Companybr /Email/td /tr tr td scope=rowSydney/td tdXYZ Companybr /Addressbr /Phbr /Email/td /tr ... /tbody table I guess, at first glance this is best designed using a table. However, in order to keep the locations in alphabetical order as new locations are added, it gets a bit messy having to moving all the tds around. Not that messy if you keep the above simple structure (and no, I'm not getting into an argument as to whether or not br / is appropriate in an address context). P -- Patrick H. Lauke __ re·dux (adj.): brought back; returned. used postpositively [latin : re-, re- + dux, leader; see duke.] www.splintered.co.uk | www.photographia.co.uk http://redux.deviantart.com __ Web Standards Project (WaSP) Accessibility Task Force http://webstandards.org/ __ ** 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] tableless layout stuff
on 07/03/06 12:29 Peter Ottery said the following: Jack wrote: But does anyone have any idea how to put that alongside the title and image etc without using a table? or should i just use a table? Hi Jack, There shouldnt be any need for a table here. just mark your list up as a list and float your image to one side. something like this: http://c41.com.au/test/delphinus_example/index.html (css in the head so just view source) hoping thats what you meant :) pete Thats a much better idea! cheers i'll give that go now :) ** 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] Collapsing columns on liquid design
Hi guys, I am fighting with this little css problem but I am coming to the conclusion that it is impossible to solve. I thought I should check with others though, just to make sure I don't overlook anything: I am working on a liquid design of a website. The design fits fine into 800x600 and starts expanding beyond that. The problem I am facing is that I want a 10 pixel border to appear on the left and right of the design if the browser window is larger than 800x600. If the window is 800x600 the border should disappear (because otherwise the design doesn't fit). So in a way I am creating a three-column design: |--||---||--| | || || | | || || | | || || | | || || | |--||---||--| Column 1: max-width of 10px, collapses to 0px on 800x600 Column 2: min-width of 780px, expands on larger windows Columns 3: max-width of 10px, collapses to 0px on 800x600 Has anybody done something like this before? Of course I would want it to work on all major browsers (at least IE and FF) Thanks! Andreas. ** 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] Styling Fieldset and Legend Elements
Hi, I'm looking for a way to style a legend element with a background that spans the whole width of the page. I originally used a regular heading (h3) because I knew the design would have difficulty with fieldset/legend, but the after the accessibility review it was requested that we use fieldset/legend anyway and I need to get the design as close as possible. By default, legends are only as wide as they need to be to fit the text and there seems to be little one can do about this in current browsers. I came up with one solution using a thick top border on the fieldset behind the legend element which works in Firefox, but it doesn't quite work in IE because it leaves a small white gap between the legend and fieldset border. I currently don't have access to any other browsers for testing, but I'd like it to work fairly well in at least all major browsers. The following test case demonstrates how I want it to look and my current solution that works in Firefox. Both examples in the page should look roughly identical http://lachy.id.au/dev/2006/03/fieldset -- Lachlan Hunt http://lachy.id.au/ ** 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] Styling Fieldset and Legend Elements
-Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Lachlan Hunt Sent: Tuesday, 7 March 2006 4:12 PM To: wsg@webstandardsgroup.org Subject: [WSG] Styling Fieldset and Legend Elements Hi, I'm looking for a way to style a legend element with a background that spans the whole width of the page. I originally used a regular heading (h3) because I knew the design would have difficulty with fieldset/legend, but the after the accessibility review it was requested that we use fieldset/legend anyway and I need to get the design as close as possible. I never managed to get legends to look anywhere close to what I wanted them to in all browsers. They are just being interpreted so differently, I ended up working around it: I am now using a div and a legend both containing the same content. Something like this: div class=fieldsetTitleYour Details/div fieldset legendYour Details/legend /fieldset In the css I hide the legend from the general public and format the .fieldsetTitle the way I want it. I know this is a nasty way of doing it and I end up doubling information, but that's the only way I ever found. Legends just cannot be formatted properly. ** 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] Styling Fieldset and Legend Elements
On Mar 7, 2006, at 2:12 PM, Lachlan Hunt wrote: I'm looking for a way to style a legend element with a background that spans the whole width of the page. I originally used a regular heading (h3) because I knew the design would have difficulty with fieldset/legend, but the after the accessibility review it was requested that we use fieldset/legend anyway and I need to get the design as close as possible. By default, legends are only as wide as they need to be to fit the text and there seems to be little one can do about this in current browsers. I came up with one solution using a thick top border on the fieldset behind the legend element which works in Firefox, but it doesn't quite work in IE because it leaves a small white gap between the legend and fieldset border. I currently don't have access to any other browsers for testing, but I'd like it to work fairly well in at least all major browsers. The following test case demonstrates how I want it to look and my current solution that works in Firefox. Both examples in the page should look roughly identical http://lachy.id.au/dev/2006/03/fieldset On OS X 10.4.5 Firefox 1.5, Camino - latest nightly trunk build, iCab 3.0, Safari 2.03 and WebKit nightly build, Opera 9 tp2, all look the same. and so does Konqueror/KDE 3.5 running on top of OS X . IE 5.2 Mac has a small 1px white border around the legend, barely visible given your light background-color. There is also some white- space under the legend (padding on fieldset, you won't get rid of it). Philippe --- Philippe Wittenbergh http://emps.l-c-n.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] Styling Fieldset and Legend Elements
Philippe Wittenbergh wrote: http://lachy.id.au/dev/2006/03/fieldset On OS X 10.4.5 Firefox 1.5, Camino - latest nightly trunk build, iCab 3.0, Safari 2.03 and WebKit nightly build, Opera 9 tp2, all look the same. and so does Konqueror/KDE 3.5 running on top of OS X . Great! But I still need a solution to fix it in IE6. IE 5.2 Mac has a small 1px white border around the legend, barely visible given your light background-color. There is also some white-space under the legend (padding on fieldset, you won't get rid of it). That's acceptable, IE/Mac is obsolete now anyway, so as long as the page is readable, I'm not concerned. -- Lachlan Hunt http://lachy.id.au/ ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **