[WSG] CSS/Accessibility question

2007-11-01 Thread Likely, James A.
Hello,

I am pretty new to this group but have been seeing all of the useful
emails that have been sent over the past month and thought I would try
my luck.

I am working on a feature story box.  I am trying to develop this using
web standards but since this is fairly new to me, I thought that I would
email and see if anyone has any suggestions on how to improve. My goal
is to make this as accessible as possible to users with disabilities.

Note that there is no JavaScript yet, this is just the demo.  Once the
JavaScript is in place, when the user rolls over the link, the main
background image would change as well as the selected state of the link.

http://internetworks.ca/james/feature/

Any feedback is welcome, good or bad! 

Thanks for taking the time to help!

James


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


RE: [WSG] CSS help

2007-11-01 Thread Likely, James A.
Rob,

What I do is start off with a default style sheet. (see attached). In
this starting CSS I break it down into different sections. This helps me
out as like you, if I don't plan ahead, it gets pretty messy and
disorganized very quick. 

If the project is big then I would use a couple of style sheets. One for
the layout/framework of the site and then one for rest of the styles.
(framework.css and common.css). That way if you have a problem with the
layout of the site you can turn off the other style sheet to see what
the problem is. This would be difficult if you had all of your style in
one file.

Is there a correct way to do this, I don't think so. Depending on who
you ask, every one has a different way or organizing their style sheets.

Here are some articles that might help you out.

http://www.andybudd.com/archives/2003/08/how_i_organize_my_stylesheets/
http://www.digital-web.com/articles/architecting_css/
http://www.mezzoblue.com/css/cribsheet/

I hope this helps.

James





-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
On Behalf Of Rob Enslin
Sent: Thursday, November 01, 2007 12:35 PM
To: wsg@webstandardsgroup.org
Subject: [WSG] CSS help

Dear Group,

I'm a relative newby to web design so please excuse me if this
question is simple.

The problem:

I don't have (or know how to have) a structured system of building my
style sheets. I find I keep just adding to the file until problems in
my output display start to develop. They very often become messy and
conflict-ridden. My style sheets end up being very long and don't
cascade well.

The question/advise/thoughts:

Is there a way, a logical procedure or rule which I should adopt to
prevent me from going forwards and backwards and constantly patching
it up?

Any help from an already helpful discussion forum most appreciated.

Thanks, Rob


***
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]
***
/*-
[client] Screen Stylesheet

version:   1.0
date:  10/12/07
author:[James Likely]
-*/

body {
	font-family: verdana, geneva, arial, helvetica, sans-serif;
	font-size: 100%;
	line-height: 1.5em;
	padding: 0;
	margin: 0;
	color: #333;
	text-align:center;
}

#container {
	width:980px;
	text-align:left;  
	margin-left:auto;
	margin-right:auto;
	background-color: #ff;
}

/* Common Content Formatting
-*/

a {  color:#008eda; outline: none;  text-decoration: none; font-weight: normal;}
a:link {	color:#008eda; }
a:visited { color: #008eda;  }
a:hover, a:focus{ color: #008eda; text-decoration: underline;  }
a:active { color: #008eda; }

h1{
}

h2{  
}

h3{
}

h4{   
}

h5 {  
}

p {
} 

ul {
}

li {
}

/* Remove padding and margin */
* {
	margin: 0;
	padding: 0;
	border: 0;
}

.clear{
	clear:both;
}

.right{
	float: right;
}

.left {
	float: left;
}

/* Framework
-*/

/* Header Logos
-*/

#logo {
	margin: 0 auto;
	padding: 20px 0 0 0;
	text-align: left;
}

#logo span, #logo a {
	display: block;
	width: 220px;
	height: 45px;
	padding: 0;
	border-style: none;
	background: url(/common/images/mc-logo2.gif) no-repeat;
}

#logo a img  {
	display: block;
	width: 0;
	height: 0;
	border: none;
}

/* Navigation
-*/

/* Footer
-*/

/* Forms
-*/ 

/* Tables
-*/

table {
	border-spacing: 0;
	border-collapse: collapse;
	font-size: 12px;
}

td {
	text-align: left;
	font-weight: normal;
}














[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: leftone/div
div style=float: lefttwo/div
br style=clear: both; /
divContent/div

As this seemed to be the only method to make the clear work in IE. I am
curious to see how others do this and if you are doing it with out using
the br style=clear:both / 

What method are you using to make this work in IE?

Thanks

Jamie


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


[WSG] IE float/background - I am stumped

2007-11-17 Thread Likely, James A.
 
I am working on some new templates and am having a hard time figuring out what 
is going on. I all browsers it works as it should but in IE6 it is not. From 
the look sof it, the background image is going over top of the floating divs.

If I take out the background from:


#content {
margin: 0;
padding: 0 20px 0 20px;
position: relative;
background: url(../images/back-content.gif);
}

It will work fine. I have never seen where a background image goes over top of 
the text.

Any one have any suggestions on how to fix this?

Thanks

James


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


RE: [WSG] IE float/background - I am stumped

2007-11-17 Thread Likely, James A.
Sorry I forgot to add the link.

http://joekiosk.com/whs/inside.html

View this in any other browser it works. But look in IE6 and you will see what 
I am talking about.

Thanks

James


-Original Message-
From: [EMAIL PROTECTED] on behalf of Likely, James A.
Sent: Sat 11/17/2007 10:57 AM
To: wsg@webstandardsgroup.org
Subject: [WSG] IE float/background - I am stumped
 
 
I am working on some new templates and am having a hard time figuring out what 
is going on. I all browsers it works as it should but in IE6 it is not. From 
the look sof it, the background image is going over top of the floating divs.

If I take out the background from:


#content {
margin: 0;
padding: 0 20px 0 20px;
position: relative;
background: url(../images/back-content.gif);
}

It will work fine. I have never seen where a background image goes over top of 
the text.

Any one have any suggestions on how to fix this?

Thanks

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] IE 6 7 Text disappearing.

2007-11-26 Thread Likely, James A.
I think that you have the Peekaboo Bug.
 
http://www.brownbatterystudios.com/sixthings/2007/01/06/css-first-aid-fo
r-ie-peekaboo-bug/
 
Simple fix.
 
James



From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
On Behalf Of Jixor - Stephen I
Sent: Monday, November 26, 2007 5:25 AM
To: wsg@webstandardsgroup.org
Subject: [WSG] IE 6  7 Text disappearing.


I have this maddening IE 6  7 text disappearing problem. In IE6 you can
highlight the text, so its in the right place, its just disappearing.
Something to do with has layout I'm guessing, but I'm not sure. I'm sure
someone here will have a common fix remembered. Thanks very much in
advance, this is driving me mad.

Linky: http://dev.meridiancm.com.au/

Cheers,
Steve.

***
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] Background images versus image

2008-01-23 Thread Likely, James A.
Hello,

I am working on a new site for a client and need some thoughts on a
problem that I have.

I am making a list with clickable boxes (like input boxes) that have a
checked, disabled and clickable state. My question is, what would work
best. Using background images or adding images to the code. 

The reason I ask is

1) If I use images, we can add alt text to describe what function the
images have. This would help with screen readers and people with
disabilities.

2) Background images keep the code clean but wonder about the alt text
and how screen readers and people with disabilities would read the site.
Is there a way to imitate the alt for background images?

You can see an example of both ways at:

Using images: http://wisconsin.joekiosk.com/list/list.html
Using background images: http://wisconsin.joekiosk.com/list/list2.html

Let me know your thoughts and what you think would work best. I love the
background images as the code is clean, but has any one done any testing
to see how this would work for screen readers or do you have suggestions
on how to make it more accessible?

Thanks for the help.

James


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


RE: [WSG] Background images versus image

2008-01-25 Thread Likely, James A.
Agreed thanks,
 
I don't know much about JavaScript, but is there really a way to make
sure that you get all users? 



From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
On Behalf Of Dave Woods
Sent: Friday, January 25, 2008 2:33 PM
To: wsg@webstandardsgroup.org
Subject: Re: [WSG] Background images versus image


What are the chances of that happening? I would think it would be very
slim wouldn't it?

You'd be surprised... I know a few dialup users who browse with images
disabled to speed up loading times but leave CSS and JavaScript on so
that the presentation and any enhanced functionality is still available.

I agree that these types of users are in the minority but they do exist.




On 25/01/2008, Likely, James A. [EMAIL PROTECTED] wrote: 



From all of the examples that I have seen this is the one that
accommodates most users.

How would a screen reader read this option? Has any one tested
something
similar to the example that I found?

Thanks again for the help.

James

-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED]
On Behalf Of Christian Snodgrass
Sent: Friday, January 25, 2008 1:03 PM
To: wsg@webstandardsgroup.org
Subject: Re: [WSG] Background images versus image

That isn't bad, but if you have Javascript and CSS, but no
images, it
fails completely.

Likely, James A. wrote:
 Thanks for the emails. Some things I didn't think of but will
from now

 on. I have been doing some reading and looking at options and
found
 this example.

 http://www.chriserwin.com/scripts/crir/

 What are your thoughts on this approach?

 To me it looks pretty user friendly.

 Please let me know as this is new to me.

 Thanks

 James




 *From:* [EMAIL PROTECTED]
 [mailto:[EMAIL PROTECTED] *On Behalf Of *Dave Woods
 *Sent:* Wednesday, January 23, 2008 8:59 AM
 *To:* wsg@webstandardsgroup.org
 *Subject:* Re: [WSG] Background images versus image

 The first question I'd ask is why not just use check boxes
instead of
 trying to replicate them? If you mark them up correctly then
there's
 really no better accessible method than using the correct
element as
 it was meant.

 If you go down this route then you're likely to create all
kinds of
 problems for yourself... what happens when users don't have
css
 available (mobile devices), images disabled (dialup users) or
are
 using screenreaders.

 If you want to change the appearance then I'd use JavaScript
to
 enhance the existing check boxes but for those user agents
that don't
 support JavaScript or have it disabled you should have the
fall back
 of regular forms.

 Hope that helps.

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


 On 23/01/2008, *Likely, James A.*  [EMAIL PROTECTED]
 mailto:[EMAIL PROTECTED] wrote:

 Hello,

 I am working on a new site for a client and need some
thoughts on
 a problem that I have.

 I am making a list with clickable boxes (like input boxes)
that
 have a checked, disabled and clickable state. My question
is, what
 would work best. Using background images or adding images
to the
 code.

 The reason I ask is

 1) If I use images, we can add alt text to describe what
function
 the images have. This would help with screen readers and
people
 with disabilities.

 2) Background images keep the code clean but wonder about
the alt
 text and how screen readers and people with disabilities
would
 read the site. Is there a way to imitate the alt for
background
 images?

 You can see an example of both ways at:

 Using images:
_http://wisconsin.joekiosk.com/list/list.html_
 Using background images:
 _http://wisconsin.joekiosk.com/list/list2.html_

 Let me know your thoughts and what you think would work
best. I
 love the background images as the code is clean, but has
any one
 done any testing to see how this would work for screen
readers or
 do you have suggestions on how to make it more accessible?

 Thanks for the help.

 James




***
 List Guidelines:
http

RE: [WSG] Background images versus image

2008-01-25 Thread Likely, James A.
Thanks for the emails. Some things I didn't think of but will from now
on. I have been doing some reading and looking at options and found this
example.
 
http://www.chriserwin.com/scripts/crir/
 
What are your thoughts on this approach?
 
To me it looks pretty user friendly. 
 
Please let me know as this is new to me.
 
Thanks
 
James



From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
On Behalf Of Dave Woods
Sent: Wednesday, January 23, 2008 8:59 AM
To: wsg@webstandardsgroup.org
Subject: Re: [WSG] Background images versus image


The first question I'd ask is why not just use check boxes instead of
trying to replicate them? If you mark them up correctly then there's
really no better accessible method than using the correct element as it
was meant. 

If you go down this route then you're likely to create all kinds of
problems for yourself... what happens when users don't have css
available (mobile devices), images disabled (dialup users) or are using
screenreaders. 

If you want to change the appearance then I'd use JavaScript to enhance
the existing check boxes but for those user agents that don't support
JavaScript or have it disabled you should have the fall back of regular
forms. 

Hope that helps.

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



On 23/01/2008, Likely, James A.  [EMAIL PROTECTED] wrote: 

Hello, 

I am working on a new site for a client and need some thoughts
on a problem that I have. 

I am making a list with clickable boxes (like input boxes) that
have a checked, disabled and clickable state. My question is, what would
work best. Using background images or adding images to the code. 

The reason I ask is 

1) If I use images, we can add alt text to describe what
function the images have. This would help with screen readers and people
with disabilities.

2) Background images keep the code clean but wonder about the
alt text and how screen readers and people with disabilities would read
the site. Is there a way to imitate the alt for background images? 

You can see an example of both ways at: 

Using images: http://wisconsin.joekiosk.com/list/list.html
http://wisconsin.joekiosk.com/list/list.html  
Using background images:
http://wisconsin.joekiosk.com/list/list2.html
http://wisconsin.joekiosk.com/list/list2.html  

Let me know your thoughts and what you think would work best. I
love the background images as the code is clean, but has any one done
any testing to see how this would work for screen readers or do you have
suggestions on how to make it more accessible? 

Thanks for the help. 

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


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


RE: [WSG] Background images versus image

2008-01-25 Thread Likely, James A.
What are the chances of that happening? I would think it would be very
slim wouldn't it?

From all of the examples that I have seen this is the one that
accommodates most users. 

How would a screen reader read this option? Has any one tested something
similar to the example that I found?

Thanks again for the help.

James 

-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
On Behalf Of Christian Snodgrass
Sent: Friday, January 25, 2008 1:03 PM
To: wsg@webstandardsgroup.org
Subject: Re: [WSG] Background images versus image

That isn't bad, but if you have Javascript and CSS, but no images, it 
fails completely.

Likely, James A. wrote:
 Thanks for the emails. Some things I didn't think of but will from now

 on. I have been doing some reading and looking at options and found 
 this example.
  
 http://www.chriserwin.com/scripts/crir/
  
 What are your thoughts on this approach?
  
 To me it looks pretty user friendly.
  
 Please let me know as this is new to me.
  
 Thanks
  
 James



 *From:* [EMAIL PROTECTED] 
 [mailto:[EMAIL PROTECTED] *On Behalf Of *Dave Woods
 *Sent:* Wednesday, January 23, 2008 8:59 AM
 *To:* wsg@webstandardsgroup.org
 *Subject:* Re: [WSG] Background images versus image

 The first question I'd ask is why not just use check boxes instead of 
 trying to replicate them? If you mark them up correctly then there's 
 really no better accessible method than using the correct element as 
 it was meant.

 If you go down this route then you're likely to create all kinds of 
 problems for yourself... what happens when users don't have css 
 available (mobile devices), images disabled (dialup users) or are 
 using screenreaders.

 If you want to change the appearance then I'd use JavaScript to 
 enhance the existing check boxes but for those user agents that don't 
 support JavaScript or have it disabled you should have the fall back 
 of regular forms.

 Hope that helps.

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


 On 23/01/2008, *Likely, James A.*  [EMAIL PROTECTED] 
 mailto:[EMAIL PROTECTED] wrote:

 Hello,

 I am working on a new site for a client and need some thoughts on
 a problem that I have.

 I am making a list with clickable boxes (like input boxes) that
 have a checked, disabled and clickable state. My question is, what
 would work best. Using background images or adding images to the
 code.

 The reason I ask is

 1) If I use images, we can add alt text to describe what function
 the images have. This would help with screen readers and people
 with disabilities.

 2) Background images keep the code clean but wonder about the alt
 text and how screen readers and people with disabilities would
 read the site. Is there a way to imitate the alt for background
 images?

 You can see an example of both ways at:

 Using images: _http://wisconsin.joekiosk.com/list/list.html_
 Using background images:
 _http://wisconsin.joekiosk.com/list/list2.html_

 Let me know your thoughts and what you think would work best. I
 love the background images as the code is clean, but has any one
 done any testing to see how this would work for screen readers or
 do you have suggestions on how to make it more accessible?

 Thanks for the help.

 James



***
 List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
 Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
 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]
 *** 


-- 

Christian Snodgrass
Azure Ronin Web Design
http://www.arwebdesign.net/ 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]
***


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join

RE: [WSG] help with picture alignment in CSS

2008-02-11 Thread Likely, James A.
Hello,

The problem is that you are using absolute positioning for the
.gallerycontainer and on your browser I am sure that it looks fine but
if the user or client has the resolution set lower then everything gets
moved except for the content that is in .gallerycontainer. Try to resize
your browser and see what happens.

A suggestions is to try something like this
http://wisconsin.joekiosk.com/testing/test.html

The other problem you were having is that you were positioning the
larger image based on your browser size. 

Hope this helps.

James


-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
On Behalf Of [EMAIL PROTECTED]
Sent: Sunday, February 10, 2008 11:41 PM
To: wsg@webstandardsgroup.org
Subject: [WSG] help with picture alignment in CSS

 
Hello,
 
I have a site here that I've been trying to add some pictures to.  I
have
IE7 and Firefox and it looks good but my client is seeing things
different
with her IE.  The pictures at the bottom, 6 of them should be lined up
all
in a row but are not.  I put the code I am using inside the page and in
this email.
 
Can someone take a look and let me know if they can see what is going on
here.
 
Thanks.tg
 
Here is the link:
 
http://www.rejuvenatespas.com/test.html
 
 
*///

///
 
style type=text/css
 
.gallerycontainer{
position: absolute;
/*Add a height attribute and set to largest image's height to prevent
overlaying*/
left: 430px;
}
 
.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}
 
.thumbnail:hover{
background-color: transparent;
}
 
.thumbnail:hover img{
border: 1px solid gray;
}
 
.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed black;
visibility: hidden;
color: black;
text-decoration: none;
}
 
.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}
 
.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
bottom: 0;
left: 300px; /*position where enlarged image should offset horizontally
*/
z-index: 50;
}
 
/style
 
*///

///



myhosting.com - Premium Microsoft(r) Windows(r) and Linux web and
application
hosting - http://link.myhosting.com/myhosting




***
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] Problem with folio online | IE

2008-02-20 Thread Likely, James A.
I have not been really following this discussion, but he is using px for font 
sizes.



From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Laert Jansen
Sent: Wednesday, February 20, 2008 9:55 AM
To: wsg@webstandardsgroup.org
Subject: Re: [WSG] Problem with folio online | IE


I donĀ“t understand why is the text frozen in IE and not in FF


On Wed, Feb 20, 2008 at 12:12 PM, dwain [EMAIL PROTECTED] wrote:


the images are what fooled me at first.  the state representative pages 
are images.  all of the work you show on the page are images.  that's why the 
text wouldn't size for me.

i must agree with david that the font size could stand to be larger and 
a bit more contrast between the text color and the background color.

dwain


On 2/20/08, Laert Jansen [EMAIL PROTECTED] wrote:

http://www.laertjansen.com/site2


On Wed, Feb 20, 2008 at 10:58 AM, dwain [EMAIL PROTECTED] 
wrote:


if the pages with your picture on them aren't images, 
then your links at the bottom of the pages don't work.  resend the link and let 
me have another look, please.
dwain


On 2/20/08, Laert Jansen [EMAIL PROTECTED] wrote:

images?


On Feb 20, 2008 12:51 AM, dwain [EMAIL 
PROTECTED] wrote:



On Feb 20, 2008 12:05 AM, David Laakso 
[EMAIL PROTECTED] wrote:


Dwain,

The text proper is not frozen in 
Firefox. I think you are having
difficulty with the image text.


you're absolutely correct.  i didn't 
realize at first they were images.
dwain 





-- 
dwain alford
The artist may use any form which his 
expression demands;
for his inner impulse must find 
suitable expression.  Kandinsky 

***

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

***




-- 
Laert Jansen
www.laertjansen.com


***

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

***




-- 
dwain alford
The artist may use any form which his expression 
demands;
for his inner impulse must find suitable expression.  
Kandinsky 

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

***




-- 
Laert Jansen
www.laertjansen.com


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

***




-- 
dwain alford
The artist may use any form which his expression demands;
for his inner impulse must find suitable expression.  Kandinsky 
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***




-- 
Laert Jansen
www.laertjansen.com


[WSG] IE7 - content not displaying

2008-04-22 Thread Likely, James A.
Hello,

I am in the process of coding some templates for a client. Of course,
everything works well in Firefox, but IE7 is giving me some problems. 

The footer on the page is not appearing, but the space that it is meant
to hold the footer is present.  I know about the peek-a-boo effect for
IE, but this does not seem to be the case. Does any one have any
suggestions on how to fix this?

Example: http://wisconsin.joekiosk.com/version2/research.php

Thanks for the help.

James




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


RE: [WSG] Colour accessibility/ usability

2008-05-05 Thread Likely, James A.
Linda,
 
You mentioned that you need research to back up some decisions. How
about taking the mock-ups that you have done already and just go to a
coffee shop. Just ask some one to take a look at the site and give them
5-10 seconds. See what there first thoughts are for the site and what
did they see. We have used this in the past and seemed to be pretty
effective.
 
James



From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
On Behalf Of ROBEY,Jane
Sent: Sunday, May 04, 2008 11:39 PM
To: wsg@webstandardsgroup.org
Subject: RE: [WSG] Colour accessibility/ usability


Well, apart from what has already been said, I have a personal
experience of being on the receiving end of a Red brand. I bank with
HSBC, who in Australia have Red and Grey as their brand colours. Every
month I get a statement in Red print and every month I think I am in
debt or they are writing to warn me about something that is overdue.
Except this month. I have changed bank.
 
Regards

Jane




From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
On Behalf Of Linda Simpson
Sent: Monday, 5 May 2008 12:46
To: wsg@webstandardsgroup.org
Subject: [WSG] Colour accessibility/ usability


Hi,

We've been asked to change our colour scheme on our websites to fit into
our corporate colour scheme.  We currently use blue, and the colour
we've been asked to change to is now red.  Our site will be using a
solid background, with white for the content area (along the lines of
news.com.au).  Our concern is that such a large amount of red may cause
accessibility/ usability issues (we are not only talking about the
background colour but also the navigation).  We may possibly have some
say into the shading of the red, but for the moment think of a nice
bright colour (#A80D35).

What we need more information about is how the colour red can affect
readability.  I have done research, and I know about the w3c colour
contrast algorithm.  I've also had a look at the psychology of the
different colours and that red is associated with anger and intensity.

What I am wanting to know, does anyone have any failure/ success stories
of using a large amount of red on a site without it adversely affecting
users.  We also wanted to know if there was a particular range that
might cause headaches in some users.  I would also be interested to know
of any research into what borders on acceptable luminosity.  For
example, I know in a couple of mockups that we have done, the red has
been very glary, and makes focusing on the content quite difficult.
Unfortunately, this being a personal opinion, we need the research to
back it up with.

Any help that you can give will be appreciated.

Regards,
Linda


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***Notic
e: The information contained in this email message and any attached
files may be confidential information, and may also be the subject of
legal professional privilege. If you are not the intended recipient any
use, disclosure or copying of this email is unauthorised. If you
received this email in error, please notify the DEEWR Service Desk and
delete all copies of this transmission together with any attachments. 
***
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] Images

2008-05-08 Thread Likely, James A.
I have a quick question and would like your thoughts.

I am working with a team of coders that code images like:

img src=/images/18-digestive-diseases-2col.jpg alt=Digestive
Diseases border=0 height=150 width=388 /

My question is, do you need the border, height, and width or should that
be done in the style sheet or is it needed?

img src=/images/18-digestive-diseases-2col.jpg alt=Digestive
Diseases /

Thoughts?

Thanks

James




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


RE: [WSG] Stumped need suggestions - how to highlight two links at once

2008-06-04 Thread Likely, James A.
Thanks,

The screen shot that I sent was for a screen that the user would be
taken to after they completed a test. It is a summary page of potential
risks. This is not a new site but a re-design of how they provide the
content. What was requested was that they wanted to show that the risks
that are highlighted on the text area are in the left navigation. The
screen that you see would only be visible  by default once, unless the
click to access the summary again. 

The red icon is to show that there is a potential risk and to separate
them from the rest of the list. Based on the screen shot, there are four
risks and the rest are strengths.

I am not saying it is a good idea, but I didn't want to judge and tell
them that it would not work. I didn't ask if it was a good idea or bad
idea but wanted to know how it could be done. 

What I want to do is make a html/CSS mock up so they can see it working,
and test on users to see what there reactions are with this and if they
find it annoying. Base the decision on user testing and not based on
ones own feelings.

I hope this is what you were asking. 

Thanks to those who responded. 

James 

-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
On Behalf Of Svip
Sent: Wednesday, June 04, 2008 11:48 AM
To: wsg@webstandardsgroup.org
Subject: Re: [WSG] Stumped need suggestions - how to highlight two links
at once

I don't think you understand what we are talking about here entirely.
At first I was going to advice against it, but then I studied the
image he supplied and realised that there may be something about it.

Now personally, I am not for making something else move elsewhere on a
page, unless your intention is to confuse the viewer.  Cause I think
that's what will happen here.

Just keep the links separated.  The only connection is the already
constructed one via the colours of the lists.

But tell me, why is Blood Sugar highlighted on the left, but does not
appear in the focused list?

Regards,
Svip

P.S. I apologise for the sloppy English, but my head is a mess today.

2008/6/4 Ted Drake [EMAIL PROTECTED]:
 First off, I'd question the usefulness of this. The disjointed
relationship
 between the links would merely confuse the user.



 It would be really ugly to do this but here you go



 li class=disjointedmessa href=/ id=bloodp Blood
 PressurespanBlood Pressure/span/a/li



 In your style sheet, you'd give position relative to the main
container.

 .disjointedmess a span {display:block; position:absolute; top:450px;
 left:350px;}

 .disjointedmess #bloodp span {top:500px;}



 As I said, this is really ugly and I would recommend against it.
Actually,
 scrap the whole mess. If you really, really, really need to do this,
 JavaScript is the only solution.



 My head is starting to swirl.



 Ted



 

 From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
On
 Behalf Of Likely, James A.
 Sent: Wednesday, June 04, 2008 4:34 PM
 To: wsg@webstandardsgroup.org
 Subject: [WSG] Stumped need suggestions - how to highlight two links
at once



 Hello,

 I need help/suggestions.

 Want to highlight two links at once if you rollover on of them. I
attached
 an example to make things easier.

 Basically if you rollover the risks on the right side of the page, the
same
 link would highlight in the left navigation.  I am able to get this
working
 using target and hover if they are in the same li but as you can see
that
 would not be the case for this. I am stumped and not sure where to
look.

 Does any one have any suggestions on how this could be done while
keeping
 web standards in mind?

 Thanks for the help!

 James



 hrascreen.jpg

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



[WSG] Forms - Drop down width

2008-10-15 Thread Likely, James A.
Hello,

I am working on a registration form and found a problem with how IE7
handles the drop downs.

If I set a width in the CSS on the drop down, the text will not wrap and
be cut off. I don't want to have to set a full width as the drop down is
reminder answers and will be a bit long.

Does any one know how to control the drop down width and to make it so
the text wraps.

Any help would be great!

Example code is:
form
label for=questionReminder question:/label
select name= id=question width=200 style=width:200px;
optionSelect a Reminder Question/option
optionWhat is the first and last name of your first boyfriend or
girlfriend? /option
optionWhich phone number do you remember most from your
childhood?/option
optionWhat was your favorite place to visit as a child? /option
optionWho is your favorite actor, musician, or artist?/option
/select
/form

Thanks

Jamie


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