W3C home > Mailing lists > Public > w3c-wai-ig@w3.org > January to March 2002

RE: Navigation bars with dynamic content

From: SHARPE, Ian <Ian.SHARPE@cambridge.sema.slb.com>
Date: Thu, 31 Jan 2002 14:55:28 -0000
Message-ID: <FA94B04D5981D211B86800A0C9EA2841A349C6@cames1.sema.co.uk>
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 GMT

This archive was generated by hypermail 2.2.0+W3C-0.50 : Tuesday, 19 July 2011 18:14:00 GMT