RE: [WSG] [OT] Posting [was:Best way to hide form legends?]

2008-05-01 Thread michael.brockington
Maybe for you, but for many of us, a carefully edited reply makes
perfect sense. Failing to ever truncate a conversation may be wasteful,
but even then, by top-posting you allow people to easily check previous
messages that have since been deleted. The message that you are quoting
was neither unusual, nor offensive in any way. (In my opinion, which is
all that matters.)

Regards,
Mike 

-Original Message-
From: [EMAIL PROTECTED] 
[mailto:[EMAIL PROTECTED] On Behalf Of Jens Brueckmann
Sent: Wednesday, April 30, 2008 11:31 PM
To: wsg@webstandardsgroup.org
Subject: Re: [WSG] [OT] Posting [was:Best way to hide form legends?]

 By that I meant someone who sees  [...]

  -Original Message-
  I've got a search box  [...]

A: Because it messes up the order in which people normally read text.
Q: Why is top-posting such a bad thing?
A: Top-posting.
Q: What is the most annoying thing in e-mail?


--
Jens Brueckmann
http://www.yalf.de


***
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]
***



[WSG] will this ever validate?(swfobject 2.0)

2008-05-01 Thread kevin mcmonagle

Hi,

Im trying  swf object 2.0.

http://www.seaviewnightclub.com/mockup2.html

Im using the static-standards compliant method that uses conditional 
comments.
I thought it would validate better than this.  Theres a lot of unclosed 
errors on the param tags. Should i just self close those i wonder? 
Theres also errors with ids being defined twice.


Is anyone else usign swfobject 2.0 here, if so are you using dynamic or 
static method and why?


-best
kevin




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



Re: [WSG] will this ever validate?(swfobject 2.0)

2008-05-01 Thread Joseph Taylor
All the javascript methods for embedding flash use a script within the 
page to replace a div with the flash code, which is another way 
validation fails.  If you write an unobtrusive script that adds the 
script tag to the page once the dom loads, you can write  a fallback for 
the flash for non-script people and everyone should be happy.


A proper fallback would be an image, or paragraph outlining the content 
of the movie etc.


Joseph R. B. Taylor
/Designer / Developer/
--
Sites by Joe, LLC
/Clean, Simple and Elegant Web Design/
Phone: (609) 335-3076
Fax: (866) 301-8045
Web: http://sitesbyjoe.com
Email: [EMAIL PROTECTED]



James Jeffery wrote:
Embedding flash has always been and issue and always will be in HTML 
4.01. There are lots of methods but there are problems with all of 
them (as i'm aware). I think the best way of doing it is follow what 
the SWFObject documentation recommends.
 
You could always dynamically include the Flash, but that would cause 
problems for users without JavaScript.
 
Im not aware of the HTML 5 developments (i know, i know, i should be 
but im a busy guy) but maybe there is a fix in the future.
 
Regards



 
On 5/1/08, *kevin mcmonagle* [EMAIL PROTECTED] 
mailto:[EMAIL PROTECTED] wrote:


Hi,

Im trying  swf object 2.0.

http://www.seaviewnightclub.com/mockup2.html

Im using the static-standards compliant method that uses
conditional comments.
I thought it would validate better than this.  Theres a lot of
unclosed errors on the param tags. Should i just self close those
i wonder? Theres also errors with ids being defined twice.

Is anyone else usign swfobject 2.0 here, if so are you using
dynamic or static method and why?

-best
kevin




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



***
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]
***begin:vcard
fn:Joseph Taylor
n:Taylor;Joseph
org:Sites by Joe, LLC
adr:;;408 Route 47 South;Cape May Court House;NJ;08210;USA
email;internet:[EMAIL PROTECTED]
title:Designer / Developer
tel;work:609-335-3076
tel;fax:886-301-8045
tel;home:609-886-9660
tel;cell:609-335-3076
x-mozilla-html:TRUE
url:http://sitesbyjoe.com
version:2.1
end:vcard




[WSG] Image links

2008-05-01 Thread Dean Matthews
When you set up an anchor rule that has an underline on hover meant  
for text, is there a simple way to prevent the underline on image  
links in the same ID or do you have to set up a separate class with  
anchor rules?


Thanks,

Dean




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



Re: [WSG] Image links

2008-05-01 Thread Benjamin White
On 5/1/08, Dean Matthews [EMAIL PROTECTED] wrote:
 When you set up an anchor rule that has an underline on hover meant for
 text, is there a simple way to prevent the underline on image links in the
 same ID or do you have to set up a separate class with anchor rules?

By underline do you mean the underline text-decoration or a bottom
border? If it's the former, it isn't really an issue. Browsers
won't—as far as I know—add an underline or border to image links even
if you've declared it to be there on hover. The trick is you want to
change the styles on the image inside the anchor instead of the anchor
itself. Like so:

a img {
border: 0;
}

Or what have you.

If you're adding a border-bottom to links and you don't want it to
show up on images you have a wholly different problem. In this case
the border is being applied to the link that just so happens to have
an image inside of it. It won't put an underline, because that
underline is a text decoration and there ain't no text in the link.
There's no CSS selector to target something that has a child.

The way I see it you have a few options:

1.) Apply a class to every anchor with an image.
2.) Make sure all of your images are inside another element with a
class or id and then target the links inside of it.
3.) Use JavaScript to crawl through the document looking for links
that meet an if loop.
4.) Scrap the whole idea of a bottom border on links and use the underline.

I tend to choose option 4.

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

Re: [WSG] Image links

2008-05-01 Thread Mahendran Venkatesan
  * **img a *{
 text-decoration : none;
   }

Is there any chance 'img' can be a parent of 'anchor' tag?

I suggest the following:

  a.someclassname{text-decoration:none;}

  OR

 a{text-decoration:none;}

Thanks!
Venkatesan M



On Fri, May 2, 2008 at 3:44 AM, Mike at Green-Beast.com 
[EMAIL PROTECTED] wrote:

 Hi Dean,

  When you set up an anchor rule that has an underline on hover meant for
  text, is there a simple way to prevent the underline on image
 

 This should work for you:

 img a {
  text-decoration : none;
 }

 Cheers.
 Mike Cherim




 ***
 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]
***

[WSG] making big selections

2008-05-01 Thread Andrew Harris
Been having problems with deciding on the best user interface for a
particular type of form input (for an intranet application).

When we have a list of values from which a user can select one or more
items, there are a couple of choices.
- we can use checkboxes, which is nice and easy for (lets say) up to
15 options, starts to get a bit clunky up to 25 and just gets ugly
from then on.
- we can use a multiple select list, which operates reasonably well up
to quite a large number of choices, but gets a bit of negative
feedback from users who don't find it intuitive. The whole modifier
key thing throws people and they can't tell what's been selected
without scrolling right through the list (what a nightmare that would
be on a screenreader!).

AFAIK, the multi-select is the *right* way to go, but when we're
talking about your larger lists (200+ items) I agree that it is next
to impossible to use - scrolling increments become tiny and you can't
tell what's been selected at a glance (as all selections may be
outside the viewport of the form control).

We recently trialled something like this
http://justinsomnia.org/2005/01/roll-your-own-multiple-select-listbox/
(an array of checkboxes styled to look like a big multi select), but
although I was pretty happy with the style and feel of it, the user
testing canned it... they'd rather sort through a huge array of
hundreds of checkboxes (!). At least they can see at a (sort of)
glance, what has been selected.

In the end, I had to admit a partial defeat. Standard HTML elements
are just not set up for this scale of information. Sticking to my
roots, however, I'm looking for some sort of 'progressive enhancement'
javascript that will allow me to use the multiple select as the basis
for a more user friendly representation.

So, any thoughts? either on the problem, or suggested solutions / UI
libraries / examples.

-- 
Andrew Harris
[EMAIL PROTECTED]
http://www.woowoowoo.com

~~~ * ~~~


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



Re: [WSG] Image links

2008-05-01 Thread Adam Martin
it should be:

a img {

}

On Fri, May 2, 2008 at 2:51 PM, Mahendran Venkatesan 
[EMAIL PROTECTED] wrote:


   * **img a *{
  text-decoration : none;
}

 Is there any chance 'img' can be a parent of 'anchor' tag?

 I suggest the following:

   a.someclassname{text-decoration:none;}

   OR

  a{text-decoration:none;}

 Thanks!
 Venkatesan M




 On Fri, May 2, 2008 at 3:44 AM, Mike at Green-Beast.com 
 [EMAIL PROTECTED] wrote:

  Hi Dean,
 
   When you set up an anchor rule that has an underline on hover meant for
   text, is there a simple way to prevent the underline on image
  
 
  This should work for you:
 
  img a {
   text-decoration : none;
  }
 
  Cheers.
  Mike Cherim
 
 
 
 
  ***
  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]
 ***




-- 
-
http://myfitness.ning.com
A community of people that care about their health and fitness
Free fitness videos, recipes, blogs, photos etc.
--


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

Re: [WSG] Image links

2008-05-01 Thread Mike at Green-Beast.com

Hi Venkatesan,


Is there any chance 'img' can be a parent of 'anchor' tag?


How about this then:

a img, img a {
 text-decoration : none;
}

This is a fuller version with some interaction as a usability enahancement.

img, a img, img a {
 text-decoration : none;
 border : 2px solid #ccc; /* try the background color if wanted */
 font-size : 80%;  /* allows more alt text without overflow issues */
}

img a:hover, img a:focus {
 border : 2px solid #999;
}

img a:active{  /* focus in IE, onkeypress for all else (?) */
 border : 2px solid #000;
}

Respectfully,
Mike Cherim
www.green-beast-com



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



RE: [WSG] Image links

2008-05-01 Thread Jason Gray
a img{

border:none;

}

 

 

Isn't the order decided based on how you have coded the inline elements? 

 

Maybe someone else can clarify...?

 

 

 

Regards

 

Jason Gray

 

Webwidget Pty Ltd

ABN 27 122 916 134 | PO Box 2633 Taren Point NSW 2229 | Ph 0423 038 000 |
Fax 02 8205 8330

 http://www.webwidget.com.au www.webwidget.com.au

 

Please consider our environment before printing this email.

 

The information in this email and in any attachments is confidential and may
be privileged. If you are not the intended recipient, please destroy this
message, delete any copies held on your systems and notify the sender
immediately. You should not retain, copy or use this email for any purpose,
nor disclose all or any part of its content to any other person. 

 

 

From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Susie Gardner-Brown
Sent: Friday, 2 May 2008 3:20 PM
To: wsg@webstandardsgroup.org
Subject: Re: [WSG] Image links

 

I can never remember which way round these are supposed to go! Can someone
explain (again!) the rules here?

Thanks
susie


On 2/5/08 3:11 PM, Adam Martin [EMAIL PROTECTED] wrote:

it should be:

a img {

}

On Fri, May 2, 2008 at 2:51 PM, Mahendran Venkatesan
[EMAIL PROTECTED] wrote:


   img a {
 text-decoration : none;
   }

Is there any chance 'img' can be a parent of 'anchor' tag?

I suggest the following:

  a.someclassname{text-decoration:none;}
  
  OR

 a{text-decoration:none;}

Thanks!
Venkatesan M




On Fri, May 2, 2008 at 3:44 AM, Mike at Green-Beast.com
[EMAIL PROTECTED] wrote:

Hi Dean,



When you set up an anchor rule that has an underline on hover meant for
text, is there a simple way to prevent the underline on image 


This should work for you:

img a {
 text-decoration : none;
}

Cheers.
Mike Cherim




***
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]
***

 

 


***
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] Image links

2008-05-01 Thread Mike at Green-Beast.com

it should be:

a img {

}


Ah, yeah, duh, sorry can't do img a. Drop that from my previous example 
please. It's late, I'll Tweet my goof and go to bed :)


Mike 




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