[WSG] Forms - Drop down width
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] ***
RE: [WSG] Stumped need suggestions - how to highlight two links at once
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] Images
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] Colour accessibility/ usability
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] IE7 - content not displaying
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] Problem with folio online | IE
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
RE: [WSG] help with picture alignment in CSS
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] Background images versus image
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
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
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
[WSG] Background images versus image
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] IE 6 7 Text disappearing.
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] 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]
***
RE: [WSG] IE float/background - I am stumped
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]
***
[WSG] Best way to clear a float
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] CSS/Accessibility question
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
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;
}
