- From: SHARPE, Ian <Ian.SHARPE@cambridge.sema.slb.com>
- Date: Thu, 31 Jan 2002 14:55:28 -0000
- To: "WAI (E-mail)" <w3c-wai-ig@w3.org>
I think Jim has a point. IE in my case, with the ignore colors specified on web pages option set, seems to use a transparent background for all elements. So any "layored" (and I use the term carefully) text will overlay other text which causes mess. Simple way to see this is to uncheck this option. So I agree with Jim that IE should be a little more cleavor about it and realise this problem and use an appropriate background colour. I am however disparing since I now have the stylesheet below based on Jim's suggestion but am not getting what I want viewing http://jibbering.com/. The popup menus which are now useable, use a baige background with black text (how do I cahnge that?) and the page itself is a light bluey colour with black text. I want a black background and white text as in the following. Am I missing an element somewhere? Why isn't my background black and text white? (It's a bit hacked together I'm affraid! I'm not really a CSS person and have avoided them until now!) <style> BODY, DIV, TABLE, MENU, P, SPAN, UL, LI { font-family: verdana, helvetica, arial, sans-serif; font-style: normal; color: white; background-color: black; line-height: 115% !Important; } TD { line-height: 115% !Important; } .finePrint { font-family: verdana, helvetica, arial, sans-serif; } .footer { font-family: verdana, helvetica, arial, sans-serif; } A { background: black; color: blue; font-family: verdana, helvetica, arial, sans-serif; cursor:hand; text-decoration:none line-height: 115% !Important; } A:hover { color: green; font-family: verdana, helvetica, arial, sans-serif; cursor:hand; text-decoration:underline } A:visited { color: yellow; font-family: verdana, helvetica, arial, sans-serif; line-height: 125% !Important; } LI { color: #0033CC; font-family: verdana, helvetica, arial, sans-serif; } P { font-family: verdana, helvetica, arial, sans-serif; margin-bottom: 5px; margin-top: 5px; line-height: 115% !Important; } P.header { font-family: verdana, helvetica, arial, sans-serif; line-height: 125% !Important; font-weight: bold; margin-top: 10px } P.header2 { line-height: 125% !Important; font-family: verdana, helvetica, arial, sans-serif; font-weight: bold; margin-top: 10px } P.space { line-height: 125% !Important; font-family: verdana, helvetica, arial, sans-serif; margin-bottom: 5px; margin-top: 5px; } P.overview A { font-family: verdana, helvetica, arial, sans-serif; font-weight: normal; text-decoration:underline } H1 { font-family: verdana, helvetica, arial, sans-serif; font-weight: bold; margin-bottom: 1px; margin-top: 1px } H2 { font-family: verdana, helvetica, arial, sans-serif; font-weight: bold; margin-bottom: 1px; margin-top: 1px } H4 { font-family: verdana, helvetica, arial, sans-serif; font-weight: bold; margin-bottom: 1px; margin-top: 1px } H5 { font-family: verdana, helvetica, arial, sans-serif; font-weight: normal; } UL { font-family: verdana, arial, helvetica, sans-serif; list-style: disc; margin-bottom: 1px; margin-left: 16px; margin-top: 1px } UL.learnmore { font-family: verdana, arial, helvetica, sans-serif; list-style: disc; margin-bottom: 0px; margin-left: 16px; margin-top: 0px } OL { font-family: verdana, arial, helvetica, sans-serif; list-style: decimal; margin-bottom: 1px; margin-left: 16px; margin-top: 1px } UL.learnmore LI { margin-bottom: 1px; margin-top: 1px; } LI { margin-bottom: 5px; margin-top: 5px; } </style> Cheers Ian -----Original Message----- From: Jim Ley [mailto:jim@jibbering.com] Sent: 31 January 2002 12:37 To: WAI Mailing list Subject: Re: Navigation bars with dynamic content "SHARPE, Ian": > Thanks Jim for putting me straight regarding my UA problem. I > don't suppose anyone has a complete CSS2 stylesheet I could > use please or can point me in the direction of one? I'm afraid I don't know of any, I confirmed it worked okay for me, by disabling author suggestions, and using a very simple user stylesheet, which just re-enforced the background for various block elements commonly used with menus: body,div,ul,table,menu { background-color:black; } all other colours then come from your existing settings. This certainly overcame the problem of the overlapping text - you may need to do more than just those. > Regarding these menus though, are we saying that they are accessible then > provided they are used correctly and you use a non-text based browser? I'll > have to wait until I get my stylesheet sorted out before I pass judgement > myself. I've not managed to create a scenario where the menus at http://www.rcslt.org/ fails - even your problem would be reasonable, the mouseover would just give you some horrible mess which you could ignore if you followed the link - the link works in addition to the mouseover. That said the vast majority of menus require javascript and hide the links without javascript, so I don't think they're accessible - I see nothing wrong with the idea though. Jim. ___________________________________________________________________________ This email is confidential and intended solely for the use of the individual to whom it is addressed. Any views or opinions presented are solely those of the author and do not necessarily represent those of SchlumbergerSema. If you are not the intended recipient, be advised that you have received this email in error and that any use, dissemination, forwarding, printing, or copying of this email is strictly prohibited. If you have received this email in error please notify the SchlumbergerSema Helpdesk by telephone on +44 (0) 121 627 5600. ___________________________________________________________________________
Received on Thursday, 31 January 2002 09:56:08 UTC