[WSG] Javascript Dropdown Problems

2007-11-12 Thread James Jeffery
Slight issue. I have a list of links with a nested list within one for the li's. The nested listed is hidden from view and made visable when the user clicks the parent li. It works fine, apart from for accessibility reasons how should i implement this list? Users with JS disabled but CSS enabled

Re: [WSG] Javascript Dropdown Problems

2007-11-12 Thread Diego La Monica
Hallo James, James Jeffery: I have a list of links with a nested list within one for the li's. The nested listed is hidden from view and made visable when the user clicks the parent li. It works fine, apart from for accessibility reasons how should i implement this list? Users with JS

Re: [WSG] Javascript Dropdown Problems

2007-11-12 Thread John Hancock
Hi James, This might sound like a stupid idea - it's late and I haven't thought it through fully, but can't you hide it the relevant nodes by triggering something through onLoad on the body tag - that way if JS is disabled the page will load with the lists expanded rather than invisible.

[WSG] [CSS3] background-image:

2007-11-12 Thread James Jeffery
Why does 'background-repeat:' determine the number of images to add? background-image: url(1), url(2), url(3); background-repeat: top, left, right, bottom; is equal to background-image: url(1), url(2), url(3), url(4); background-position: top, left, right, bottom; Would it not be better for it

Re: [WSG] [CSS3] background-image:

2007-11-12 Thread James Jeffery
Sorry made an error in the second example (url(4) should be url(1)) background-image: url(1), url(2), url(3); background-repeat: top, left, right, bottom; is equal to background-image: url(1), url(2), url(3), url(1); background-position: top, left, right, bottom; On 11/12/07, James Jeffery

RE: [WSG] Javascript Dropdown Problems

2007-11-12 Thread Thierry Koblentz
On Behalf Of James Jeffery I have a list of links with a nested list within one for the li's. The nested listed is hidden from view and made visable when the user clicks the parent li.   It works fine, apart from for accessibility reasons how should i implement this list? Users with JS

[WSG] layout help requested

2007-11-12 Thread Ray Leventhal
Hi all, I'm trying to wrap up the page located at: http://www.cprtools.net/international/inquiry.php CSS: http://www.cprtools.net/international/international.css Issues I seem to be having: 1) Ideally, I'd like #head #general and the table to all appear as one unit, with a white background,

[WSG] Best way to clear a float

2007-11-12 Thread Likely, James A.
Hello, I am curious to see how others clear floats. Here is the problem. Div one and two float left and take 50% of the screen. Content is to go below the two floats. div style=float: leftone/div div style=float: lefttwo/div divContent/div In the past I would use: div style=float:

Re: [WSG] Best way to clear a float

2007-11-12 Thread Bob Schwartz
I used br clear: both until I read somewhere authoritive that it's better to use a div. So I started using a div and IE reared its ugly head on occasion. Georg from Norway gave me an IE bug killer div!-- --/div (clear: both in CSS) and I've had no more problems. Hello, I am curious to

Re: [WSG] Best way to clear a float

2007-11-12 Thread Jamie Stewart
My preference would be to clear floats through the CSS and not through adding in any additional markup. The code for this is below, so any two elements being floated to sit side by side should be put in a container with the class .clearfix. I use this approach purely because I view this as a

Re: [WSG] Best way to clear a float

2007-11-12 Thread Palle
Well, in my opinion - it's alway best practice to use CSS, e.g. div id=oneone/div div id=twotwo/div div id=contentContent/div ... div#one {float:left} div#two {float:left} div#content {clear:both} That should do the trick for you. :) On Nov 12, 2007 4:58 PM, Likely, James A. [EMAIL

Re: [WSG] Best way to clear a float

2007-11-12 Thread Gage Batubara
Hello James, Maybe you can do this: div style=width: 100%; overflow: hidden; div style=float:left;Left/div div style=flaot:rightRight/div /div hope this can help you. Likely, James A. [EMAIL PROTECTED] wrote: Best way to clear a float Hello, I am curious to see how

Re: [WSG] Best way to clear a float

2007-11-12 Thread Rahul Gonsalves
On 12-Nov-07, at 9:28 PM, Likely, James A. wrote: I am curious to see how others clear floats. Jamie, I often use this method [1]. It seems to work well, and far better CSS-brains than myself have recommended it. Best, - Rahul. [1] http://www.positioniseverything.net/easyclearing.html

RE: [WSG] Best way to clear a float

2007-11-12 Thread Mohamed Jama
You don't have to even clear anything if you the parent div is floated right such: div id=parent div id=oneone/div div id=twotwo/div div id=contentContent/div /div div#parent {float:left} div#one {float:left} div#two {float:left} that would work just fine

RE: [WSG] Best way to clear a float

2007-11-12 Thread Ant Tears
Hi Jamie, Easy clear is my current method of clearing also. The only problem is that your css does not then validate (as inline-block is from the css2.1 spec) This is a W3C Candidate Recommendation, which means the specification has been widely reviewed and W3C recommends that it be

Re: [WSG] layout help requested

2007-11-12 Thread David Laakso
Ray Leventhal wrote: Hi all, I'm trying to wrap up the page located at: http://www.cprtools.net/international/inquiry.php CSS: http://www.cprtools.net/international/international.css Issues I seem to be having: 1) Ideally, I'd like #head #general and the table to all appear as one unit, with

Re: [WSG] Best way to clear a float

2007-11-12 Thread David Hucklesby
On Mon, 12 Nov 2007 09:58:37 -0600, Likely, James A. wrote: Hello, I am curious to see how others clear floats. *Sometimes* I find this works: #parent {overflow: auto;} This does require thorough testing, however. Another simple method is the one Mohamed described - floats always contain

Re: [WSG] Best way to clear a float

2007-11-12 Thread David Hucklesby
On Mon, 12 Nov 2007 09:58:37 -0600, Likely, James A. wrote: Hello, I am curious to see how others clear floats. *Sometimes* I find this works: #parent {overflow: auto;} This does require thorough testing, however. Another simple method is the one Mohamed described - floats always contain

Re: [WSG] Best way to clear a float

2007-11-12 Thread Chris Wilson
Why not just use clearfix? On Nov 12, 2007 12:15 PM, David Hucklesby [EMAIL PROTECTED] wrote: On Mon, 12 Nov 2007 09:58:37 -0600, Likely, James A. wrote: Hello, I am curious to see how others clear floats. *Sometimes* I find this works: #parent {overflow: auto;} This does require

Re: [WSG] Best way to clear a float

2007-11-12 Thread John Faulds
*Sometimes* I find this works: #parent {overflow: auto;} You need to combine that with a width for it to work in IE. You might also find in some situations that you need to use oveflow: hidden as auto will create scrollbars. -- Tyssen Design www.tyssendesign.com.au Ph: (07) 3300 3303 Mb:

RE: [WSG] Best way to clear a float

2007-11-12 Thread Thierry Koblentz
On Behalf Of John Faulds *Sometimes* I find this works: #parent {overflow: auto;} You need to combine that with a width for it to work in IE. I think it is a hasLayout issue, so it is possible to make it work without having to declare a width (using zoom:1 for example). You might also

RE: [WSG] Best way to clear a float

2007-11-12 Thread Tim MacKay
This is an interesting discussion, I have always used div class=cleardiv/div on the page and then put .cleardiv {height: 1em; clear:both;} in the style sheet. Not sure if this is the best way, its seemed to work well without testing it too rigorously. I've definitely got some new ideas now to try

Re: [WSG] Best way to clear a float

2007-11-12 Thread Peter Ottery
re - using the 'clearfix' fix... as a way of clearing floats by not adding any additional markup i've always thought that argument was a bit of a stretch. You are adding extra markup - and its hardcoded presentational markup. What happens when you have class=clearfix all through your code and

Re: [WSG] Social Networking Site Software / Script

2007-11-12 Thread Raena Jackson Armitage
On Nov 9, 2007 10:34 PM, Web Dandy Design [EMAIL PROTECTED] wrote: Can anyone recommend a Social Networking Site Software / Script which is standards compliant? I've been hunting around and most scripts are table based and don't seem to be compliant/accessible. Drupal can be, if you play

[WSG] opera doesn't play nice with Opacity

2007-11-12 Thread Tee G. Peng
On this site, body {background:#FFB701} where footer wrap has opacity of 0.92 with a bg color #ftr_wrap {background:#0d0d0d; opacity:0.92;} and 3 columns has #col1, #col2, #col3 {background:#1a1a1a;} I think Safari and Firefox got it right, that the 3 columns' elements are

Re: [WSG] opera doesn't play nice with Opacity

2007-11-12 Thread James Ellis
Hi Tee You are correct: Opera doesn't do opacity. The best way I have found is to use an opaque transparent PNG, which will work on everything not IE6. For IE6, use one of their opacity filter: things. Not to helpful with those fade effects but it will work in your case. With Opera I have a

Re: [WSG] opera doesn't play nice with Opacity

2007-11-12 Thread Philippe Wittenbergh
On Nov 13, 2007, at 10:51 AM, Tee G. Peng wrote: body {background:#FFB701} where footer wrap has opacity of 0.92 with a bg color #ftr_wrap {background:#0d0d0d; opacity:0.92;} and 3 columns has #col1, #col2, #col3 {background:#1a1a1a;} I think Safari and Firefox got it right, that

Re: [WSG] opera doesn't play nice with Opacity

2007-11-12 Thread Tee G. Peng
On Nov 12, 2007, at 8:56 PM, Ben Buchanan wrote: You are correct: Opera doesn't do opacity. Actually a quick test in Opera 9.24 (PC) shows that Opera does do opacity; so opacity support isn't the issue. Perhaps a selector/ inheritance issue? Test case: Hi Ben, thanks for the test.