On Feb 10, 2007, at 2:24 AM, Andy Harrison wrote:
> I'm trying to show the target of a link after the link itself, like
> this:
>
> a[href^="http"]:after {
> content:" (" attr(href) ")";
> text-decoration:none;
> color:#000000;
> }
>
> The problem is that the text-decoration:none; doesn't work - it
> still
> has an underline. Changing the color works fine though. What am I
> doing
> wrong?
That is normal (assuming that your stylesheet specifies some text-
decoration for the the link).
What you append after the the link with that selector is still part
of the link.
The generated object is something like this:
<a href="http://example.com";>link text http://example.com</a>
The text-decoration applies to the whole block and cannot be
overridden. That is just how it works.
read more:
<http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration>
Philippe
---
Philippe Wittenbergh
<http://emps.l-c-n.com>
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
