DYNAMICALLY disable links with CSS?

[Mark Johnson]

You have an, a, anchor with href link.

Can you use a stylesheet to effectively disable the link, so that you
can't click on it; that it will appear simply as text?

[Spartanicus]

Mark Johnson <10*******@comp userve.com> wrote:

You have an, a, anchor with href link.

Can you use a stylesheet to effectively disable the link, so that you
can't click on it; that it will appear simply as text?

No.
Why?

--
Spartanicus

[Spartanicus]

Mark Johnson <10*******@comp userve.com> wrote:

You have an, a, anchor with href link.

Can you use a stylesheet to effectively disable the link, so that you
can't click on it; that it will appear simply as text?

No.
Why?

--
Spartanicus

[Steve Pugh]

Mark Johnson <10*******@comp userve.com> wrote:

You have an, a, anchor with href link.

Can you use a stylesheet to effectively disable the link, so that you
can't click on it;
No. If you don't want a link then don't include the link in the HTML.
that it will appear simply as text?

Sort of.
a:link, a:visited, a:hover {color: black; background: white;
text-decoration: none; cursor: default;}

Conceals it visually, but anyone tabbing through the links will still
see a focus rectangle around it (or their browser's equivalent).
Adding a:focus {-moz-outline: none;} will then remove this in Mozilla.
Opera supports outline, but uses a background colour change to
indicate focus on links and doesn't allow styles to remove that. For
IE you would need to use JavaScript to blur() the link.

But it's all a lot of effort for something that's much easier achieved
by simply not including the link in the first place.

Steve

--
"My theories appal you, my heresies outrage you,
I never answer letters and you don't like my tie." - The Doctor

Steve Pugh <st***@pugh.net > <http://steve.pugh.net/>

[Steve Pugh]

Mark Johnson <10*******@comp userve.com> wrote:

You have an, a, anchor with href link.

Can you use a stylesheet to effectively disable the link, so that you
can't click on it;
No. If you don't want a link then don't include the link in the HTML.
that it will appear simply as text?

Sort of.
a:link, a:visited, a:hover {color: black; background: white;
text-decoration: none; cursor: default;}

Conceals it visually, but anyone tabbing through the links will still
see a focus rectangle around it (or their browser's equivalent).
Adding a:focus {-moz-outline: none;} will then remove this in Mozilla.
Opera supports outline, but uses a background colour change to
indicate focus on links and doesn't allow styles to remove that. For
IE you would need to use JavaScript to blur() the link.

But it's all a lot of effort for something that's much easier achieved
by simply not including the link in the first place.

Steve

--
"My theories appal you, my heresies outrage you,
I never answer letters and you don't like my tie." - The Doctor

Steve Pugh <st***@pugh.net > <http://steve.pugh.net/>

[Mark Johnson]

Steve Pugh <st***@pugh.net > wrote:

Mark Johnson <10*******@comp userve.com> wrote:

You have an, a, anchor with href link. Can you use a stylesheet to effectively disable the link, so that you
can't click on it;

No. If you don't want a link then don't include the link in the HTML.

CSS is supposed to provide the layout, color, etc. I've got 'float'
columns, selective images, corners/'ears' for IE, and the rest which
make variations look like almost entirely different pages, including
background url() rollovers, but where those suggest some styles that
can move/tranfer the link over to that css rollover, and off/away from
the purely text link. So the link remains, in the href. And the text
still shows. But the text doesn't react to mouseover or click. Only
the associated button does, which shows up in particular styles,
showing different button glyphs. It would just be slicker to be able
to do that, turn off the text link. But it's no loss if one can't. In
other words, not a "display:no ne", but something like a "disable:tr ue"
but applied to particular elements and events.

[Mark Johnson]

Steve Pugh <st***@pugh.net > wrote:

Mark Johnson <10*******@comp userve.com> wrote:

You have an, a, anchor with href link. Can you use a stylesheet to effectively disable the link, so that you
can't click on it;

No. If you don't want a link then don't include the link in the HTML.

CSS is supposed to provide the layout, color, etc. I've got 'float'
columns, selective images, corners/'ears' for IE, and the rest which
make variations look like almost entirely different pages, including
background url() rollovers, but where those suggest some styles that
can move/tranfer the link over to that css rollover, and off/away from
the purely text link. So the link remains, in the href. And the text
still shows. But the text doesn't react to mouseover or click. Only
the associated button does, which shows up in particular styles,
showing different button glyphs. It would just be slicker to be able
to do that, turn off the text link. But it's no loss if one can't. In
other words, not a "display:no ne", but something like a "disable:tr ue"
but applied to particular elements and events.

[Jakob]

"Spartanicu s" <[e-mail] > schreef in bericht
news:ah******** *************** *********@news. spartanicus.utv internet.ie...

Mark Johnson <10*******@comp userve.com> wrote:

You have an, a, anchor with href link.

Can you use a stylesheet to effectively disable the link, so that you
can't click on it; that it will appear simply as text?

No.
Why?
--
Spartanicus

I could think of a reason.
Suppose you want a secret link, a link you don't want strangers to use,
but for friends or relatives it's OK.

You tell your friends where it is so they can use it. (off course you don't
mind too much if
somebody else stumbles on it or else you shoudn't be doing this)

Jakob

[Jakob]

"Spartanicu s" <[e-mail] > schreef in bericht
news:ah******** *************** *********@news. spartanicus.utv internet.ie...

Mark Johnson <10*******@comp userve.com> wrote:

You have an, a, anchor with href link.

Can you use a stylesheet to effectively disable the link, so that you
can't click on it; that it will appear simply as text?

No.
Why?
--
Spartanicus

I could think of a reason.
Suppose you want a secret link, a link you don't want strangers to use,
but for friends or relatives it's OK.

You tell your friends where it is so they can use it. (off course you don't
mind too much if
somebody else stumbles on it or else you shoudn't be doing this)

Jakob

[Steve Pugh]

Mark Johnson <10*******@comp userve.com> wrote:

Steve Pugh <st***@pugh.net > wrote:

Mark Johnson <10*******@comp userve.com> wrote:

You have an, a, anchor with href link.Can you use a stylesheet to effectively disable the link, so that you
can't click on it;

No. If you don't want a link then don't include the link in the HTML.

CSS is supposed to provide the layout, color, etc.

Yes, not fdunctionality. Disabling a link is functionality.
I've got 'float'
columns, selective images, corners/'ears' for IE, and the rest which
make variations look like almost entirely different pages, including
background url() rollovers, but where those suggest some styles that
can move/tranfer the link over to that css rollover, and off/away from
the purely text link.
Hang on. You have <a href="">text</a> and you've styled it so that it
has a changing background on :hover, right?

Because I don't see how you can "transfer" the link to another
element. Nothing in HTML or CSS can make the link apply to the iamge
and not the text if the img is not part of the <a> element:
<a href="">text</a> <img>
So the link remains, in the href.
Yes, otherwise there is no link.
And the text still shows.
Yes. Unless you hide it in some way, is that what you want to do?
But the text doesn't react to mouseover or click.
I though this is what you were asking how to do? If it's already doing
it then what was your question?
Only
the associated button does, which shows up in particular styles,
showing different button glyphs.
The "button" is a background image added to the <a> element isn't it?
It would just be slicker to be able
to do that, turn off the text link.
If you turn off the link then there is no link.

You have to think about the <a> element and its content text
separately. If you "turn off" the <a> element then there is no link at
all, no matter what other styles you've added.
But it's no loss if one can't. In
other words, not a "display:no ne", but something like a "disable:tr ue"
but applied to particular elements and events.

If you want to hide the text but keep the link then you can do
something like this:

<a href=""><span>t ext></span></a>

a span { display: none}
Hides the link but keeps the <a> element (set display: block; width:
XX; height: YY; so that the link covers the whole of the background
image, otherwise the <a> will have zero size when its contents have
been removed).

Steve
--
"My theories appal you, my heresies outrage you,
I never answer letters and you don't like my tie." - The Doctor

Steve Pugh <st***@pugh.net > <http://steve.pugh.net/>