[Pro] Use CSS class style to suppress links

OK, here’s what seems like it might be a good example of good navigation. On the page Accessibility - W3C there are two instances of

    based menus with the current page’s text disabled.

    In both instances, a tag of

  • has been applied. I’ve tried reading through the couple of CSS Style Sheets linked to in the Page source, but can’t find that defined anywhere.

    Do you think the use of the special class somehow removes the link? Or did they do all that manually?


    freewaytalk mailing list
    email@hidden
    Update your subscriptions at:
    http://freewaytalk.net/person/options

There’s no link because no “href…” was specified, it was
intentionally left blank. The class “.current” simply defines how the
text looks with the white background and is a quick visual indicator
to let you know what page you happen to be on but has nothing to do
with why there’s no link.

Todd

On Oct 20, 2009, at 2:40 PM, Bucky Edgett wrote:

Do you think the use of the special class somehow removes the link?
Or did they do all that manually?


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Yep, they have removed the link themselves. The .current classes are
defined in the advanced stylesheet. The Develop menu in Safari 4, or
Firebug in Firefox is your friend when it comes to finding things like
that out.

Joe

On 20 Oct 2009, at 21:14, Todd wrote:

There’s no link because no “href…” was specified, it was
intentionally left blank. The class “.current” simply defines how
the text looks with the white background and is a quick visual
indicator to let you know what page you happen to be on but has
nothing to do with why there’s no link.

Todd

On Oct 20, 2009, at 2:40 PM, Bucky Edgett wrote:

Do you think the use of the special class somehow removes the link?
Or did they do all that manually?


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Oh, you guys are great! You’ve even got me actually using Firebug to inspect the page. I installed it a long time ago when I was building my Roman Holiday Map (in FW 3, no less! Roman Holiday Map) but FB slows browsing so much I turned it off and have kind of forgotten about it.

I’m curious about this because, as you know, I’m a stickler for “polite” navigation, and according to me (and the WC3, I’m pretty sure) pages should [a] not link to themselves, and [b] give some indication of being “current” in the menu.

I’ve been reading about possible ways to do this automatically with CSS, and don’t understand them. Or, haven’t yet had the time to grind my brains against the method. Something about setting up styles that recognize a page ID. Sounds like a good system if you’re publishing in PHP, but laborious to implement in CSS.

Although, no more laborious than going through a site and removing links in every menu. Say, I never thought of it that way!

All the discussions about the bodyID method seem to be at least a few years old, so I assume it’s something that never caught on.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

The most direct and easiest way is to simply not include the link,
there isn’t, as far as I know (though I’m willing to be proven wrong),
a way to do it with CSS. The suggestions I’ve found aren’t really
solutions but are at best “sort of” workarounds. If you have links to
examples, articles etc. please post them.

Todd

On Oct 21, 2009, at 9:20 AM, Bucky Edgett wrote:

I’ve been reading about possible ways to do this automatically with
CSS, and don’t understand them. Something about setting up styles
that recognize a page ID. Sounds like a good system if you’re
publishing in PHP, but laborious to implement in CSS.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I’m curious about this because, as you know, I’m a stickler for “polite” navigation, and according to me (and the WC3, I’m pretty sure) pages should [a] not link to themselves, and [b] give some indication of being “current” in the menu.

Perhaps this will be of some help. http://www.freewaytalk.net/thread/view/6147


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Dear Todd,

OK, I went back through my browser history, and you’re right. All the articles I was reading are about styling the “current” link. A few of the articles add javascript and PHP methods for removing the “current” link from the navigation

  • text.

    So a few of the pages have sample code that shows the “current” text without an a href. But it looks like probably those code examples were generated by js or PHP.

    I was pretty sure I’d seen an example of CSS code that listed the actual as part of the style sheet. Thus, adding the when the body/pageID was not “current,” but omitting it when the page was current. But I can’t find that now, and can only assume I imagined it because the coding kind of looked the way I was hoping it would!

    Ah me. Hope always springs eternal.


    freewaytalk mailing list
    email@hidden
    Update your subscriptions at:
    http://freewaytalk.net/person/options

  • Boy, that’s too bad. To do that with CSS would be quite the trick
    indeed, to say the least! I for one would be interested in the PHP-
    related articles you found if you don’t mind posting them. A little
    light reading.

    Thanks,

    Todd


    freewaytalk mailing list
    email@hidden
    Update your subscriptions at:
    http://freewaytalk.net/person/options

    Does this count?


    freewaytalk mailing list
    email@hidden
    Update your subscriptions at:
    http://freewaytalk.net/person/options