Re: [WSG] PHI and YUI Grids

2007-10-31 Thread Maarten Stolte
Hi,

 We've been using the YUI for a while. We wrote our own variant to
 support the proportions that our Art Director likes to use, which
 include the Golden Mean.

Can you show any examples of sites using it? I'm wanting to show our
front end designer some examples.

thanks,

Maarten


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***



RE: [WSG] Rounded Courners .... Your Take

2007-10-31 Thread michael.brockington
Strictly speaking, it is the browsers that are at fault - Safari/WebKit
supports multiple background images, and FireFox/Camino et al. all
support rounded corners via border-radius. In both cases this is
(basically) according to the CSS spec.

In many cases, I use border-radius: this is purely eye-candy, and I
really don't mind it looking better in FireFox than it does on IE.

Mike


-Original Message-
From: [EMAIL PROTECTED] 
[mailto:[EMAIL PROTECTED] On Behalf Of James Jeffery
Sent: Tuesday, October 30, 2007 11:59 PM
To: wsg@webstandardsgroup.org
Subject: Re: [WSG] Rounded Courners  Your Take

Nothing wrong with it to my knowledge. I find semantic wise, 
both are invalid, this is no fault of the designer, its a 
limitation to do with CSS.



***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***



Re: [WSG] html css review wanted

2007-10-31 Thread David Laakso

Nick Cowie wrote:
Got to build new template for work, so if you could look at: 
http://nickcowie.com/other/template/index.html


ps does it work in IE7 and Opera for Mac (weird stuff happened but I 
need to upgrade)?

footer in centred will everything else is grid based.








All the disclaimers make it difficult to review.

You are relatively alright in IE7.0. In all browsers, the page is a 
little reluctant to be dragged from a full to narrower window but 
recovers: but perhaps a little less so in Mac Opera/9.24.


I have a little trouble (personal opinion) with navigation that is 
larger than content text, and content text that is set larger than default.


Best,

~dL



--
http://chelseacreekstudio.com/



***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***



Re: [WSG] Rounded Courners .... Your Take

2007-10-31 Thread Jixor - Stephen I
With the sliding doors style if your boxes have standard content such as 
a header followed by a paragraph then you can avoid adding any 
additional markup too.


James Jeffery wrote:

What methods do you find best when creating rounded corners and
which methods are the most supported?

I have been using span tags and absolute positioning. I have also
recently started to use the sliding doors method because you can
achive nice rounded boxes with some nice effects, even better if
you use PNG's.

Using the span method i did find a bug in IE 6, the 2 corner span's
wouldn't sit flush with the bottom of the containing div, although it
displayed fine in every other browser i tested it on and they could
be resized fine. It was odd though, because IE 5.x display them
perfect, was just IE 6.

Lets have your beloved methods then guys.

James


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***


  




***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***



Re: [WSG] Rounded Courners .... Your Take

2007-10-31 Thread Jixor - Stephen I
That reminds me you can see what I was playing around with a couple of 
years ago on my cruddy broken web site.

http://jixor.com/Stuff/Web/Panes

James Jeffery wrote:

What methods do you find best when creating rounded corners and
which methods are the most supported?

I have been using span tags and absolute positioning. I have also
recently started to use the sliding doors method because you can
achive nice rounded boxes with some nice effects, even better if
you use PNG's.

Using the span method i did find a bug in IE 6, the 2 corner span's
wouldn't sit flush with the bottom of the containing div, although it
displayed fine in every other browser i tested it on and they could
be resized fine. It was odd though, because IE 5.x display them
perfect, was just IE 6.

Lets have your beloved methods then guys.

James


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***


  




***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***



Re: [WSG] PHI and YUI Grids

2007-10-31 Thread James Jeffery
Hmmm interesting i might take a look at it.

I would love to know more about YUI Grids and the 'Golden Mean'.

James


On 10/31/07, Maarten Stolte [EMAIL PROTECTED] wrote:

 Hi,

  We've been using the YUI for a while. We wrote our own variant to
  support the proportions that our Art Director likes to use, which
  include the Golden Mean.

 Can you show any examples of sites using it? I'm wanting to show our
 front end designer some examples.

 thanks,

 Maarten


 ***
 List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
 Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
 Help: [EMAIL PROTECTED]
 ***




***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

Re: [WSG] PHI and YUI Grids

2007-10-31 Thread David Laakso

James Jeffery wrote:

Hmmm interesting i might take a look at it.
 
I would love to know more about YUI Grids and the 'Golden Mean'.
 
James


 


FWIW, the Golden Mean is a matter of philosophy.  I believe the search 
string you seek is Golden Ratio.


Best,

~dL


--
http://chelseacreekstudio.com/



***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***



Re: [WSG] Rounded Courners .... Your Take

2007-10-31 Thread James Ellis
Hi Paul

Too true, I'll figure out some sort of caching - probably a combo of server 
and client - at the moment it is just me hitting the script during testing.

Thanks
James


On Wed, 31 Oct 2007 11:07:45 am Paul Bennett wrote:
  Now instead of opening up inkscape it's just a call to a PHP script like:
  background-image: url(corner.png.php?fgc=cccbs=1bgc=000bc=fffr=90);

 So for everytime the css file is called, your script has to create an
 image? Has this impacted on your sites / servers performance any?

 Have you considered a caching solution - where the new image is generated
 then stored static until it needs to change again?

 Also, there's always things like this using the Dom  JavaScript:
 http://www.456bereastreet.com/archive/200505/transparent_custom_corners_and
_borders/


 ***
 List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
 Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
 Help: [EMAIL PROTECTED]
 ***




***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***



Re: [WSG] PHI and YUI Grids

2007-10-31 Thread Lars Michael Sørensen
We're using YUI grids at www.dona.dk.

I'll never use anything else again, if I can help it!

/lmss


2007/10/31, Maarten Stolte [EMAIL PROTECTED]:
 Hi,

  We've been using the YUI for a while. We wrote our own variant to
  support the proportions that our Art Director likes to use, which
  include the Golden Mean.

 Can you show any examples of sites using it? I'm wanting to show our
 front end designer some examples.

 thanks,

 Maarten


 ***
 List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
 Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
 Help: [EMAIL PROTECTED]
 ***




***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***



Re: [WSG] Site check requested :: Lecoat

2007-10-31 Thread David Laakso

Rick Lecoat wrote:

I'm recreating a table-based site that I did a few years back,
rebuilding it (hopefully) to web standards and making it as accessible
as I can. 


http://sandbox.sharkattack.co.uk/novaRebuild/working.html

  



Rick,

It is working far better than when you wrote for a check a week or so ago.

It is, imo, a little daunting to arrive on it at 116.5 dpi-- the font 
start point (at which one might begin to scale the fonts) for the 
content text is very tiny; and, the value contrast a little weak. I am 
not so sure the top links are really necessary as this is a keyboard 
function for most experienced users. And whether the coda information 
should be the same font-size as the content text is yet another matter 
of opinion, as is whether it should be there in the first place (I think 
I'd opt for deleting everything but privacy).


Some IE users, myself among them, run all versions of that browser in 
accessibility mode at text-size largest with font-sizes ignored-- 
your page /may/ wish to accommodate same.


Best,

~dL






--
http://chelseacreekstudio.com/



***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***



Re: [WSG] Rounded Courners .... Your Take

2007-10-31 Thread Bruce
Personally, and perhaps I am too motivated towards simplicity, I use three 
images.

One across the top, one in middle, one for bottom.

I find JavaScript annoying as I watch the corners filling in after page 
loads.
Four to six images using css are better, but still problematical for 
alignment,loading,  and extra css.


Bruce
bkdesign



James Jeffery wrote:

What methods do you find best when creating rounded corners and
which methods are the most supported?

I have been using span tags and absolute positioning. I have also
recently started to use the sliding doors method because you can
achive nice rounded boxes with some nice effects, even better if
you use PNG's.

Using the span method i did find a bug in IE 6, the 2 corner span's
wouldn't sit flush with the bottom of the containing div, although it
displayed fine in every other browser i tested it on and they could
be resized fine. It was odd though, because IE 5.x display them
perfect, was just IE 6.

Lets have your beloved methods then guys.

James





***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***



RE: [WSG] Rounded Courners .... Your Take

2007-10-31 Thread James Leslie
 
For fixed width boxes I use 3 images - 1 for the top, 1 for the middle
and 1 for the bottom

For totally fluid boxes I try to use tags inside the container (headings
and paragraph tags can be useful here depending on content) and then add
divs as appropriate

James


 James Jeffery wrote:
 What methods do you find best when creating rounded corners and which

 methods are the most supported?

 I have been using span tags and absolute positioning. I have also 
 recently started to use the sliding doors method because you can 
 achive nice rounded boxes with some nice effects, even better if you 
 use PNG's.

 Using the span method i did find a bug in IE 6, the 2 corner span's 
 wouldn't sit flush with the bottom of the containing div, although it

 displayed fine in every other browser i tested it on and they could 
 be resized fine. It was odd though, because IE 5.x display them 
 perfect, was just IE 6.

 Lets have your beloved methods then guys.

 James




***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***



***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***



Re: [WSG] Rounded Courners .... Your Take

2007-10-31 Thread Mike at Green-Beast.com
I can offer this simple method:
http://mikecherim.com/experiments/css_smart_corners.php

I prefer spans over divs because divs do have semantic value as divisions 
whereas span are like puffs of air in that they serve as nothing more than a 
hook for styles, etc. I'd rather offer a span to accept the background than 
a full div.

That's my take on it anyway.

Cheers.
Mike Cherim
http://green-beast.com/





***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***



Re: [WSG] Rounded Courners .... Your Take

2007-10-31 Thread Dave Woods
Hi Mike,

I was considering using span's instead of div's for my example but
was a little torn between the two as I'd usually use span's for
their inline purpose in a block of text or for styling something
within an inline element (when obviously a div would be invalid).

I suppose in either case it's using the tag for something that it
wasn't really meant for and as someone mentioned earlier is being
misused slightly due to lack of a better alternative using CSS2.1

Your example does highlight the fact that I could probably do away
with the topleft div in any case though as this could be applied to
container div :o)

Thanks
Dave

- - - - - - - - - -
http://www.dave-woods.co.uk


On 31/10/2007, Mike at Green-Beast.com [EMAIL PROTECTED] wrote:
 I can offer this simple method:
 http://mikecherim.com/experiments/css_smart_corners.php

 I prefer spans over divs because divs do have semantic value as divisions
 whereas span are like puffs of air in that they serve as nothing more than a
 hook for styles, etc. I'd rather offer a span to accept the background than
 a full div.

 That's my take on it anyway.

 Cheers.
 Mike Cherim
 http://green-beast.com/





 ***
 List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
 Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
 Help: [EMAIL PROTECTED]
 ***




***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***



Re: [WSG] Site check requested :: Lecoat

2007-10-31 Thread Rick Lecoat
On 31/10/07 (14:19) David said:

Rick,

It is working far better than when you wrote for a check a week or so ago.

It is, imo, a little daunting to arrive on it at 116.5 dpi-- the font 
start point (at which one might begin to scale the fonts) for the 
content text is very tiny; and, the value contrast a little weak. I am 
not so sure the top links are really necessary as this is a keyboard 
function for most experienced users. And whether the coda information 
should be the same font-size as the content text is yet another matter 
of opinion, as is whether it should be there in the first place (I think 
I'd opt for deleting everything but privacy).

Some IE users, myself among them, run all versions of that browser in 
accessibility mode at text-size largest with font-sizes ignored-- 
your page /may/ wish to accommodate same.

Best,

Thanks for that David.
Plenty of good points, and nothing that I disagree with.

Currently, this is a site that slightly falls between two stools; I'm
updating it away from tables-based layout but since the client hasn't
actually requested any sort of redesign (I'm doing it as a surprise
goodwill gesture), I'm trying to keep the look and feel as close as I
can to the original, even if I no longer consider that 'look' to be
necessarily the best solution.

So type sizes, if I was redesigning from scratch, would indeed be
larger, and some colours might be different. And I wouldn't use a semi-
fixed height design, that's for sure. Certainly, this is not an
accessibility-perfect site, and I fully accept that. It's more of an
exercise for me -- practise, if you like, for someone just getting on
the web standards bus, just learning about elastic layouts, and just
making the jump from GoLive to the world of hand-coded-from-the-ground-up.

I was interested by your comment about the 'top' links; I find them
useful on sites even as a fully-abled mouse-using web user, especially
where there is lots of scrolling going on. But then I've never really
been a big user of the page-down and home/end keys on the keyboard
(techniques that I suspect are possibly more common amongst people who
use word processor software on a regular basis -- just my speculation)
so you may well be right about the redundancy of those links.

I'm going to remove the Access keys I think; since I put them in place
I've read quite a lot of stuff to the effect that they are generally
more trouble than they're worth.

BTW, I don't know when you viewed the site in Explorer, but if it was
between this morning and this afternoon it was in a hell of a state, due
to a change I'd made; I had not realised that Explorer ignores media-
specific @import commands, eg:

@import url(styles.css) screen;

So for much of today the site was looking, well, unstyled in IE. That's
fixed now but I'm not sure how to specify media types when most of my
stylesheets are referenced by @import rules from inside a single
stylesheet called import.css.

If I assign a media type to import.css, will that propogate down to the
stylesheets that are imported within it?

-- 
Rick Lecoat



***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***



Re: [WSG] Site check requested :: Lecoat

2007-10-31 Thread Gunlaug Sørtun

Rick Lecoat wrote:
[...] I'm not sure how to specify media types when most of my 
stylesheets are referenced by @import rules from inside a single 
stylesheet called import.css.


You can leave the @import without a media type, and use @media wrappers
around the entire set of relevant styles in each stylesheet...
http://www.w3.org/TR/REC-CSS2/media.html#at-media-rule

I always do it this way, and leave old browsers with unstyled pages in
the process.

You can of course then also use IE/win's @import bug to feed IE/win some
additional styles...
http://www.gunlaug.no/contents/wd_additions_12.html
...in case it needs any, and/or you can use the bug to keep IE/win from
seeing styles that upsets it.

regards
Georg
--
http://www.gunlaug.no


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***



Re: [WSG] Site check requested :: Lecoat

2007-10-31 Thread David Laakso

Rick Lecoat wrote:

On 31/10/07 (14:19) David said:

  

Rick,

It is working far better than when you wrote for a check a week or so ago.





If I assign a media type to import.css, will that propogate down to the
stylesheets that are imported within it?

  


Rick,

I see Georg Sortun has answered your style sheet import question.

I seem always to skate on thin ice with regard to matters of opinion: I 
would delete the re-set style sheet , giving one rather than two style 
sheets to import.  Target only what needs to be targeted-- less bloat, 
easier maintenance, better learning experience, and more...

But in the end, it is your call. Not mine.

Best,

~dL



--
http://chelseacreekstudio.com/



***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***



Re: [WSG] html css review wanted

2007-10-31 Thread Nick Cowie
David wrote:


All the disclaimers make it difficult to review.


All I wanted  to avoid  with those disclaimers was:
1. You should of used shorthand properties to save space in layout.css (I
know, it was the quick and dirty fix)
2. Felix to remind me that not everybody has a default font size of 16px

You are relatively alright in IE7.0. In all browsers, the page is a
 little reluctant to be dragged from a full to narrower window but
 recovers: but perhaps a little less so in Mac Opera/9.24.


My main problem was with Mac Opera/9.23 when the top line of links
overlaying itself. No idea why it was the simplest part of the layout in
terms of HTML  CSS.

I think I understand one of the issues with window dragging and resizing,
the whole slow to load below the header issue.

Did the footer centre in IE7?

I am not happy with the centring of the footer, it was part of the original
design concept, but with rest of the design restricted to a tight grid, it
is out of whack. Plus I had to use 3 different different techniques to
centre a floating list that does not have a fixed width.
For Opera and Safari it was using a container div
For FF is was display: table; for the UL
and for IE (well at least 6 and below) a little bit of js.

Any better technique would be appreciated.

I have a little trouble (personal opinion) with navigation that is
 larger than content text,


That is useful feedback, I was feeling uncomfortable about the different
size text in the top nav bar and the side nav bar. Another opinion is always
good, it will change.

and content text that is set larger than default.


I set my content text size in strange way. I work out the size of the area
to be filled with text. Work out the maximum line length that is comfortable
to read (somewhere between 2 and 3 alphabets 50-80 characters ) And then
adjust the fontsize to the content text is most readable.

So with an elastic design, the main content area tends to be about 40ems.
And then stretch the design to fit the window.

I am interested in what other people believe how default content size should
be set?

Should we follow the most common behaviour and set it to 75%, 12px, 81%,
13px or something else?




-- 
Nick Cowie
http://nickcowie.com


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

Re: [WSG] html css review wanted

2007-10-31 Thread David Laakso

Nick Cowie wrote:

David wrote:


All the disclaimers make it difficult to review. 



All I wanted  to avoid  with those disclaimers was:
1. You should of used shorthand properties to save space in layout.css 
(I know, it was the quick and dirty fix)

2. Felix to remind me that not everybody has a default font size of 16px

You are relatively alright in IE7.0. In all browsers, the page is a
little reluctant to be dragged from a full to narrower window but
recovers: but perhaps a little less so in Mac Opera/9.24.


My main problem was with Mac Opera/9.23 when the top line of links 
overlaying itself. No idea why it was the simplest part of the layout 
in terms of HTML  CSS.


I think I understand one of the issues with window dragging and 
resizing, the whole slow to load below the header issue.


Did the footer centre in IE7?

I am not happy with the centring of the footer, it was part of the 
original design concept, but with rest of the design restricted to a 
tight grid, it is out of whack. Plus I had to use 3 different 
different techniques to centre a floating list that does not have a 
fixed width.

For Opera and Safari it was using a container div
For FF is was display: table; for the UL
and for IE (well at least 6 and below) a little bit of js.

Any better technique would be appreciated.

I have a little trouble (personal opinion) with navigation that is
larger than content text, 



That is useful feedback, I was feeling uncomfortable about the 
different size text in the top nav bar and the side nav bar. Another 
opinion is always good, it will change.


and content text that is set larger than default.


I set my content text size in strange way. I work out the size of the 
area to be filled with text. Work out the maximum line length that is 
comfortable to read (somewhere between 2 and 3 alphabets 50-80 
characters ) And then adjust the fontsize to the content text is most 
readable.


So with an elastic design, the main content area tends to be about 
40ems. And then stretch the design to fit the window.


I am interested in what other people believe how default content size 
should be set?


Should we follow the most common behaviour and set it to 75%, 12px, 
81%, 13px or something else?








Nick,

I am not sure how, or if to even try, to answer your specific questions. 
My approach is holistic. You are asking questions that may be best 
answered by someone approaching solutions in a linear manner. And there 
ain't nothing wrong in that.


The basis for a successful page, in my opinion, is to begin with a 
stable, robust, cross-browser reliable layout (this is one such layout 
[1] ).  The next step is to attempt not to violate that layout with what 
is put inside it. You might
say it is a matter of keeping it simple (a principle I often forget 
myself).


The basis for typography is simply to make content  readable.  But what 
that means, and how to achieve it on the Web, is debatable at best. 
FWIW, I prefer to set default on the body in percent and to use percent 
thereafter on individual selectors as deemed necessary (and allowing the 
primary content p to inherit default from the body declaration)


body {font: 100% sans-serif; }
#primary-content p {inherits default from the body declaration}
#secondary-content p {font-size: 95%;}
#tertiary-content p {font-size: 90%;}
and so on...

I guess the best we can do is to share our experiences. I am sure others 
on the list will have valid suggestions as well.


[1] http://www.alistapart.com/articles/negativemargins

Best wishes for your success in whatever way you may see fit to go...

~dL












--
http://chelseacreekstudio.com/



***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***



Re: [WSG] Rounded Courners .... Your Take

2007-10-31 Thread Jixor - Stephen I
Mike check out the example I posted earlier and you can see how it can 
be done without all the extra markup.


Mike at Green-Beast.com wrote:

I can offer this simple method:
http://mikecherim.com/experiments/css_smart_corners.php

I prefer spans over divs because divs do have semantic value as divisions 
whereas span are like puffs of air in that they serve as nothing more than a 
hook for styles, etc. I'd rather offer a span to accept the background than 
a full div.


That's my take on it anyway.

Cheers.
Mike Cherim
http://green-beast.com/





***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***


  




***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***



Re: [WSG] Rounded Courners .... Your Take

2007-10-31 Thread Jixor - Stephen I
No worries, I use threaded view in my mail client so its easy for me to 
backtrack.


http://jixor.com/Stuff/Web/Panes

Mike at Green-Beast.com wrote:

Jixor - Stephen I wrote:
  
Mike check out the example I posted earlier and you 
can see how it can be done without all the extra markup.



I need a link please.

Mike


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***


  




***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

Re: [WSG] Rounded Courners .... Your Take

2007-10-31 Thread Mike at Green-Beast.com
Jixor - Stephen I wrote:
 Mike check out the example I posted earlier and you 
 can see how it can be done without all the extra markup.

I need a link please.

Mike


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***



Re: [WSG] Rounded Courners .... Your Take

2007-10-31 Thread Mike at Green-Beast.com
Jixor - Stephen I wrote:
 http://jixor.com/Stuff/Web/Panes

Thanks. That's clever and simple.

Cheers.
Mike



***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***



[WSG] javascript help

2007-10-31 Thread Alexander Uribe
 
 
 
Hi there,
 
I have some questions for an assignment that I can't figure out. If anyone 
could be of assistance that would be much appreciated.
 
1)Which instruction will change the background colour of an element?
A   document.getElementById(t).backgroundColor = yellow 
B  document.getElementById(t).bgcolor = yellow 
C  document.getElementById(t).style.backgroundColor = yellow 
D  document.getElementById(t).style.color = yellow
 
2)
Which are the valid 'for' statement(s) 
A  for x = 1 to 10 
B  for(x=0; x10; x++) 
C  for(x=0, y=10; x10; x++, y--) 
D  for(x=0, x10, x++)
 
3)
Which are the INCORRECT math equations 
A  a =+ 20; 
B  a = a + 20; 
C  a = 20 / 4; 
D  a++; 
E  a != 30; 
F  a =* 4; 
G  a = 3;
 
4)
Which are the preferred methods to use when Javascript has been disabled ?
A  noscript/noscript 
B  a href=# onCick=myFunction();Show Page/a 
C  a href=page1.htmShow Page/a 
D  a href=page1.htm onCick=myFunction();Show Page/a
 
5)
An array can be initialised by 
A  var a = new Array(ab,b,c);
B  var a = [a,b,c]; 
C  var a = (a,b,c); 
D  var a = a[a,b,c];
 
6)
When you tab into a form control (i.e. a textbox) what event is executed 
A  onMouseOut 
B  onClick 
C  onBlur 
D  onFocus
 
7)
What syntax is needed to initalise a Regular Expression 
A  var re = RegExp(); 
B  var re = new RegExp(); 
C  var re = regexp; 
D  var re = new regexp();
 
8)
What does the following function dofunction 
x(y){document.getElementById(y).style.display;a = (z=='block') ? 'none' : 
'block';z.a;} 
A  hide or shows a div tag 
B  hide or shows an element 
C  hide or shows a paragraph 
D  hide or show a table
 
9)
Which cross browser (but not W3C DOM compliant instructions) can be used to 
find the Height and Width of an object on a web page A  clientWidth, 
clientHeight 
B  scrollWidth, scrollHeight 
C  scrollTop, scrollLeft 
D  offsetWidth, offsetHeight
 
10)
If Javascript has been disabled by the user then 
A  inline scripting will still work 
B  only mouse events will still work 
C  AJAX will still be useable 
D  no scripts will be executed
 
 
Cheers.
_
What are you waiting for? Join Lavalife FREE
http://a.ninemsn.com.au/b.aspx?URL=http%3A%2F%2Flavalife9%2Eninemsn%2Ecom%2Eau%2Fclickthru%2Fclickthru%2Eact%3Fid%3Dninemsn%26context%3Dan99%26locale%3Den%5FAU%26a%3D30288_t=764581033_r=email_taglines_Join_free_OCT07_m=EXT

***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***


[WSG] Javascript Help

2007-10-31 Thread Alexander Uribe
 
 
 
Hi there,
 
If anyone can help with the following questions, that would be greatly 
appreciated
 
 
 
1) Which are the preferred methods to use when Javascript has been disabled 
A noscript/noscript 
b a href=# onCick=myFunction();Show Page/a 
ca href=page1.htmShow Page/a
d a href=page1.htm onCick=myFunction();Show Page/a
 
 
 
 
2)An array can be inititialsed by?
A
var a = new Array(ab,b,c); 
B
var a = [a,b,c]; 
C
var a = (a,b,c); 
D
var a = a[a,b,c];
 
 
3)When you tab into a form control (i.e. a textbox) what event is executed 
A
onMouseOut 
B
onClick 
C
onBlur 
D
onFocus
 
uestion 22 : (DOM 1) 












  






_
Your Future Starts Here. Dream it? Then be it! Find it at www.seek.com.au
http://a.ninemsn.com.au/b.aspx?URL=http%3A%2F%2Fninemsn%2Eseek%2Ecom%2Eau%2F%3Ftracking%3Dsk%3Ahet%3Ask%3Anine%3A0%3Ahot%3Atext_t=764565661_r=OCT07_endtext_Future_m=EXT

***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***


RE: [WSG] javascript help

2007-10-31 Thread Kepler Gelotte
 Hi there,

 I have some questions for an assignment that I can't figure out. If anyone
could be of assistance that would be much appreciated.
 
How many credits do we get for the correct answers? ;-)


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

Re: [WSG] javascript help

2007-10-31 Thread Breton Slivka
Do you have any specific questions, or do you just want us to do your
homework for you?
-Breton.

On 11/1/07, Alexander Uribe [EMAIL PROTECTED] wrote:



 Hi there,

 I have some questions for an assignment that I can't figure out. If anyone
 could be of assistance that would be much appreciated.

 1)Which instruction will change the background colour of an element?
 A   document.getElementById(t).backgroundColor = yellow
 *B*  document.getElementById(t).bgcolor = yellow
 *C*  document.getElementById(t).style.backgroundColor = yellow
 *D*  document.getElementById(t).style.color = yellow

 2)
 Which are the valid 'for' statement(s)
 *A*  for x = 1 to 10
 *B*  for(x=0; x10; x++)
 *C*  for(x=0, y=10; x10; x++, y--)
 *D*  for(x=0, x10, x++)

 3)
 Which are the INCORRECT math equations
 *A*  a =+ 20;
 *B*  a = a + 20;
 *C*  a = 20 / 4;
 *D*  a++;
 *E*  a != 30;
 *F*  a =* 4;
 *G*  a = 3;

 4)
 Which are the preferred methods to use when Javascript has been disabled ?
 *A*  noscript/noscript
 *B*  a href=# onCick=myFunction();Show Page/a
 *C*  a href=page1.htmShow Page/a
 *D*  a href=page1.htm onCick=myFunction();Show Page/a

 5)
 An array can be initialised by
 *A*  var a = new Array(ab,b,c);
 *B*  var a = [a,b,c];
 *C*  var a = (a,b,c);
 *D*  var a = a[a,b,c];

 6)
 When you tab into a form control (i.e. a textbox) what event is executed
 *A*  onMouseOut
 *B*  onClick
 *C*  onBlur
 *D*  onFocus

 7)
 What syntax is needed to initalise a Regular Expression
 *A*  var re = RegExp();
 *B*  var re = new RegExp();
 *C*  var re = regexp;
 *D*  var re = new regexp();

 8)
 What does the following function do
 function x(y){
 document.getElementById(y).style.display;
 a = (z=='block') ? 'none' : 'block';
 z.a;
 }
 *A*  hide or shows a div tag
 *B*  hide or shows an element
 *C*  hide or shows a paragraph
 *D*  hide or show a table

 9)
 Which cross browser (but not W3C DOM compliant instructions) can be used
 to find the Height and Width of an object on a web page *A*  clientWidth,
 clientHeight
 *B*  scrollWidth, scrollHeight
 *C*  scrollTop, scrollLeft
 *D*  offsetWidth, offsetHeight

 10)
 If Javascript has been disabled by the user then
 *A*  inline scripting will still work
 *B*  only mouse events will still work
 *C*  AJAX will still be useable
 *D*  no scripts will be executed


 Cheers.

 --
 Join Lavalife for free. What are you waiting 
 for?http://a.ninemsn.com.au/b.aspx?URL=http%3A%2F%2Flavalife9%2Eninemsn%2Ecom%2Eau%2Fclickthru%2Fclickthru%2Eact%3Fid%3Dninemsn%26context%3Dan99%26locale%3Den%5FAU%26a%3D30288_t=764581033_r=email_taglines_Join_free_OCT07_m=EXT

 ***
 List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
 Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
 Help: [EMAIL PROTECTED]
 ***


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

Re: [WSG] Javascript Help

2007-10-31 Thread Brian Cummiskey

Alexander Uribe wrote:
If anyone can help with the following questions, that would be greatly 
appreciated

do your own homework.


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***



[WSG] Javascript Help

2007-10-31 Thread Alexander Uribe
 
 
 
 
It was just a few questions that i was unsure of.
 
 
Dont bother
 
 
Cheers,
 
 
_
Your Future Starts Here. Dream it? Then be it! Find it at www.seek.com.au
http://a.ninemsn.com.au/b.aspx?URL=http%3A%2F%2Fninemsn%2Eseek%2Ecom%2Eau%2F%3Ftracking%3Dsk%3Ahet%3Ask%3Anine%3A0%3Ahot%3Atext_t=764565661_r=OCT07_endtext_Future_m=EXT

***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***


RE: [WSG] javascript help

2007-10-31 Thread Frank Palinkas
Alexander,

 

What good will it do you if the correct answers are supplied and you have
absolutely no concept as to why they are correct?

 

Time to do some research, study, and experimentation, like everyone else.

 

Kind regards,

Frank

 

From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Alexander Uribe
Sent: Thursday, 01 November, 2007 6:46 AM
To: wsg@webstandardsgroup.org
Subject: [WSG] javascript help
 
Hi there,
 
I have some questions for an assignment that I can't figure out. If anyone
could be of assistance that would be much appreciated.
 





Join Lavalife for free. What are you waiting for?
http://a.ninemsn.com.au/b.aspx?URL=http%3A%2F%2Flavalife9%2Eninemsn%2Ecom%2E
au%2Fclickthru%2Fclickthru%2Eact%3Fid%3Dninemsn%26context%3Dan99%26locale%3De
n%5FAU%26a%3D30288_t=764581033_r=email_taglines_Join_free_OCT07_m=EXT 


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*** 



***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***


Re: [WSG] javascript help

2007-10-31 Thread Christian Snodgrass
I don't like giving out answers to homework questions, but here are some 
hints:
1) Which attribute is used for setting the background (in HTML)? Which 
property is used to set a background color with CSS (which is what style 
uses)?

2) Only one of those is correct. Check online for the  proper syntax.
3) The short operators have the operator then the = sign. Also, ! is a 
conditional operator for not.
4) There is only one of those I would consider using... I don't like 
having to click to see my page.
5) Only one of those is correct. I bet you can figure out which one is 
needed to make a new array.
6) There is only one. onClick and onMouseOut don't sound like something 
a keyboard could do. Use google to figure out what the other two do.
7) Objects always have capital letters, so you should use them when you 
make a new one.
8) I think the second line needs to be z = 
document.getElementById(y).style.display;. === is a comparison operator 
to compare something. The line that starts with a is an alternate form 
of an if statement with the syntax of contition : iftrue ? iffalse

9) Don't have a hint for this one. I recommend google again.
10) It'd be annoying for Javascript to work when it was turned off. .

Hope that helped, without giving it away. ;)

Also, Google is your friend. =)

Alexander Uribe wrote:
 
 
Hi there,
 
I have some questions for an assignment that I can't figure out. If 
anyone could be of assistance that would be much appreciated.
 
1)Which instruction will change the background colour of an element?

A   document.getElementById(t).backgroundColor = yellow
*B*  document.getElementById(t).bgcolor = yellow
*C*  document.getElementById(t).style.backgroundColor = yellow
*D*  document.getElementById(t).style.color = yellow
 
2)

Which are the valid 'for' statement(s)
*A*  for x = 1 to 10
*B*  for(x=0; x10; x++)
*C*  for(x=0, y=10; x10; x++, y--)
*D*  for(x=0, x10, x++)
 
3)

Which are the INCORRECT math equations
*A*  a =+ 20;
*B*  a = a + 20;
*C*  a = 20 / 4;
*D*  a++;
*E*  a != 30;
*F*  a =* 4;
*G*  a = 3;
 
4)

Which are the preferred methods to use when Javascript has been disabled ?
*A*  noscript/noscript
*B*  a href=# onCick=myFunction();Show Page/a
*C*  a href=page1.htmShow Page/a
*D*  a href=page1.htm onCick=myFunction();Show Page/a
 
5)

An array can be initialised by
*A*  var a = new Array(ab,b,c);
*B*  var a = [a,b,c];
*C*  var a = (a,b,c);
*D*  var a = a[a,b,c];
 
6)

When you tab into a form control (i.e. a textbox) what event is executed
*A*  onMouseOut
*B*  onClick
*C*  onBlur
*D*  onFocus
 
7)

What syntax is needed to initalise a Regular Expression
*A*  var re = RegExp();
*B*  var re = new RegExp();
*C*  var re = regexp;
*D*  var re = new regexp();
 
8)

What does the following function do
function x(y){
document.getElementById(y).style.display;
a = (z=='block') ? 'none' : 'block';
z.a;
}
*A*  hide or shows a div tag
*B*  hide or shows an element
*C*  hide or shows a paragraph
*D*  hide or show a table
 
9)
Which cross browser (but not W3C DOM compliant instructions) can be 
used to find the Height and Width of an object on a web page *A*  
clientWidth, clientHeight

*B*  scrollWidth, scrollHeight
*C*  scrollTop, scrollLeft
*D*  offsetWidth, offsetHeight
 
10)

If Javascript has been disabled by the user then
*A*  inline scripting will still work
*B*  only mouse events will still work
*C*  AJAX will still be useable
*D*  no scripts will be executed
 
 
Cheers.



Join Lavalife for free. What are you waiting for? 
http://a.ninemsn.com.au/b.aspx?URL=http%3A%2F%2Flavalife9%2Eninemsn%2Ecom%2Eau%2Fclickthru%2Fclickthru%2Eact%3Fid%3Dninemsn%26context%3Dan99%26locale%3Den%5FAU%26a%3D30288_t=764581033_r=email_taglines_Join_free_OCT07_m=EXT

***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*** 



--

Christian Snodgrass
Azure Ronin Web Design
http://www.arwebdesign.net/
Phone: 859.816.7955



***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***



[WSG] javascript help

2007-10-31 Thread Alexander Uribe
 
 
 
Thanks for the reply.
 
I took everyones advice and found out the answers myself.
Javascript always seems to be quite daunting for me, but found out that it 
doesn't have to be at all.
 
 
Apologies for the email.
_
Your Future Starts Here. Dream it? Then be it! Find it at www.seek.com.au
http://a.ninemsn.com.au/b.aspx?URL=http%3A%2F%2Fninemsn%2Eseek%2Ecom%2Eau%2F%3Ftracking%3Dsk%3Ahet%3Ask%3Anine%3A0%3Ahot%3Atext_t=764565661_r=OCT07_endtext_Future_m=EXT

***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***