display: none;

[JayB]

I'm using a style to hide a skip navigation link but it's not working out
correctly. The style is:
..textBrowsersO nly {
display: none;
}

I'm using it in a paragragh and in a navigation link but the navigation link
still shows up (using an un-ordered list).

www.fape.org/zzzzzz.htm
www.fape.org/css/styleCSS1.css

Please advise.

Thanks,

--
JayB

[Els]

JayB wrote:

I'm using a style to hide a skip navigation link but it's
not working out correctly. The style is:
.textBrowsersOn ly {
display: none;
}

I'm using it in a paragragh and in a navigation link but
the navigation link still shows up (using an un-ordered
list).

www.fape.org/zzzzzz.htm
www.fape.org/css/styleCSS1.css

Please advise.

You told the browser to not display the paragraph with class
"textBrowsersOn ly". But what is displayed is the <a> element
inside it.
I didn't test, but changing the CSS to:

..textBrowsersO nly a{
display: none;
}

might help.

Be aware that speech browsers might also honour the
display:none, by not reading the link...

--
Els
http://locusmeus.com/
Sonhos vem. Sonhos vão. O resto é imperfeito.
- Renato Russo -

[Els]

Els wrote:

You told the browser to not display the paragraph with class
"textBrowsersOn ly". But what is displayed is the <a> element
inside it.

Please substitute 'paragraph' with <li> element :S

--
Els
http://locusmeus.com/
Sonhos vem. Sonhos vão. O resto é imperfeito.
- Renato Russo -

[JayB]

"Els" <el*********@ti scali.nl> wrote in message
news:Xn******** *********@130.1 33.1.4...

Els wrote:

You told the browser to not display the paragraph with class
"textBrowsersOn ly". But what is displayed is the <a> element
inside it.

Please substitute 'paragraph' with <li> element :S

Thanks Els,

--
JayB

[Harlan Messinger]

"JayB" <je******@yahoo .com> wrote in message
news:m2******** ******@news01.r oc.ny...

I'm using a style to hide a skip navigation link but it's not working out
correctly. The style is:
.textBrowsersOn ly {
display: none;
}

I'm using it in a paragragh and in a navigation link but the navigation link still shows up (using an un-ordered list).

www.fape.org/zzzzzz.htm
www.fape.org/css/styleCSS1.css

You have two selectors leading to display properties that apply to the
textBrowsersOnl y LI:

.textBrowsersOn ly { display: none; }

followed later by

.horiznav li { display: inline; }

If the latter selector has a higher "specificit y", as defined in the CSS
specification, then it will prevail. If the two selectors have the same
specificity, then the later one will override the earlier one.

As it happens, the specificity of the first selector is 10, and that of the
second selector is 11, so the actual display is inline. You can fix this by
making the first selector a tad more specific:

li.textBrowsers Only { display: none; }

to give it specificity 11, and then moving it *after* the second one. Or you
can make it more specific still by changing it to

.horiznav li.textBrowsers Only { display: none; }

giving it specificity 21, and then you don't have to move it--though you
might want to, because it just makes organizational sense for

.horiznav li.textBrowsers Only

to be listed after

.horiznav li

[Stan Brown]

"JayB" <je******@yahoo .com> wrote in
comp.infosystem s.www.authoring.stylesheets:

I'm using a style to hide a skip navigation link but it's not working out
correctly. The style is:
.textBrowsersO nly { display: none; }

I'm using it in a paragragh and in a navigation link but the navigation link
still shows up (using an un-ordered list).

www.fape.org/zzzzzz.htm
www.fape.org/css/styleCSS1.css

I'll bet you're running up against specificity rules. Yep, Mozilla'
DOM Inspector points out that "Go to Content" is governed by
..textBrowsersO nly but also by .horiznav li -- and the latter is more
specific.

By the bye -- Do you have any say on that logo? Using the
Danish/Norwegian A-with-ring for an English-language acronym looks
pretty odd, like putting an acute accent on the "a" in
"Educationa l".

--
Stan Brown, Oak Road Systems, Tompkins County, New York, USA
http://OakRoadSystems.com/
HTML 4.01 spec: http://www.w3.org/TR/html401/
validator: http://validator.w3.org/
CSS 2 spec: http://www.w3.org/TR/REC-CSS2/
2.1 changes: http://www.w3.org/TR/CSS21/changes.html
validator: http://jigsaw.w3.org/css-validator/

[JayB]

"Stan Brown" <th************ @fastmail.fm> wrote in message
news:MP******** *************** @news.odyssey.n et...

"JayB" <je******@yahoo .com> wrote in
comp.infosystem s.www.authoring.stylesheets:

I'm using a style to hide a skip navigation link but it's not working out
correctly. The style is:
.textBrowsersO nly { display: none; }

I'm using it in a paragragh and in a navigation link but the navigation linkstill shows up (using an un-ordered list).

www.fape.org/zzzzzz.htm
www.fape.org/css/styleCSS1.css

I'll bet you're running up against specificity rules. Yep, Mozilla'
DOM Inspector points out that "Go to Content" is governed by
.textBrowsersOn ly but also by .horiznav li -- and the latter is more
specific.

By the bye -- Do you have any say on that logo? Using the
Danish/Norwegian A-with-ring for an English-language acronym looks
pretty odd, like putting an acute accent on the "a" in
"Educationa l".

Actually, the A in the logo represents a parent and the white inside
represents a child. I have no say though, it was created before I came here.

--
JayB

[jake]

In message <m2************ **@news01.roc.n y>, JayB <je******@yahoo .com>
writes

I'm using a style to hide a skip navigation link but it's not working out
correctly. The style is:
.textBrowsersO nly {
display: none;
}

I'm using it in a paragragh and in a navigation link but the navigation link
still shows up (using an un-ordered list).

www.fape.org/zzzzzz.htm
www.fape.org/css/styleCSS1.css

Please advise.

Thanks,

--
JayB

Good idea -- but wrong technique.

I'm afraid that most screen-readers, talking-browsers, etc. will honour
the 'display:none' and ignore any text within the scope of
..textBrowsersO nly

There are other CSS-based techniques that work to a greater or lesser
degree, such as using CSS to position the text away from the browser
viewport.

If you get stuck, the "alternativ e text on a 1-pixel .gif" hack always
works ;-)

regards.
--
Jake

[Rob Collyer]

"JayB" <je******@yahoo .com> wrote in
news:QL******** *******@news02. roc.ny:

"Stan Brown" <th************ @fastmail.fm> wrote in message
news:MP******** *************** @news.odyssey.n et...

"JayB" <je******@yahoo .com> wrote in
comp.infosystem s.www.authoring.stylesheets:

>I'm using a style to hide a skip navigation link but it's not
>working out correctly. The style is:
>.textBrowsersO nly { display: none; }
>
>I'm using it in a paragragh and in a navigation link but the
>navigation link >still shows up (using an un-ordered list).
>
>www.fape.org/zzzzzz.htm
>www.fape.org/css/styleCSS1.css

I'll bet you're running up against specificity rules. Yep, Mozilla'
DOM Inspector points out that "Go to Content" is governed by
.textBrowsersOn ly but also by .horiznav li -- and the latter is more
specific.

By the bye -- Do you have any say on that logo? Using the
Danish/Norwegian A-with-ring for an English-language acronym looks
pretty odd, like putting an acute accent on the "a" in
"Educationa l".

Actually, the A in the logo represents a parent and the white inside
represents a child. I have no say though, it was created before I came
here.

--
JayB

A good quote: If it's confusing for one person.... it's confusing for
others.

--
Robert Collyer
www.webforumz.com
Free Web Design and Development Help, Discussions, tips and Critique!
ASP, VB, .NET, SQL, CSS, HTML, Javascript, Flash, XML, SEO !

[Harlan Messinger]

"Rob Collyer" <we*******@webf orumz.com> wrote in message
news:Xn******** *************** ***********@217 .32.252.50...

"JayB" <je******@yahoo .com> wrote in
news:QL******** *******@news02. roc.ny:

"Stan Brown" <th************ @fastmail.fm> wrote in message
news:MP******** *************** @news.odyssey.n et...

"JayB" <je******@yahoo .com> wrote in
comp.infosystem s.www.authoring.stylesheets:
>I'm using a style to hide a skip navigation link but it's not
>working out correctly. The style is:
>.textBrowsersO nly { display: none; }
>
>I'm using it in a paragragh and in a navigation link but the
>navigation

link

>still shows up (using an un-ordered list).
>
>www.fape.org/zzzzzz.htm
>www.fape.org/css/styleCSS1.css

I'll bet you're running up against specificity rules. Yep, Mozilla'
DOM Inspector points out that "Go to Content" is governed by
.textBrowsersOn ly but also by .horiznav li -- and the latter is more
specific.

By the bye -- Do you have any say on that logo? Using the
Danish/Norwegian A-with-ring for an English-language acronym looks
pretty odd, like putting an acute accent on the "a" in
"Educationa l".

Actually, the A in the logo represents a parent and the white inside
represents a child. I have no say though, it was created before I came
here.

A good quote: If it's confusing for one person.... it's confusing for
others.

Then we would never have logos at all. There isn't any graphical device you
can find that won't confuse at least one person in the world.

FWIW, I understood immediately what the A depicted when I looked at it.