Previous Message
Next Message

RE: [css-d] Text-decoration in :after content

Sent by Moira Burke on 29 September 2002 02:02


>> I'd like to show the URLs after my links in the printed version of my

>> site.  While my links should be underlined, I don't want the URLs to 
>> be.

>Write in your print.css:
>
>a { 
>   text-decoration:   none;
>   border-bottom:     1px solid #00f; /* link color */
>}
>a:after {
>   content:           " (" attr(href) ") ";
>   border-bottom:     1px solid #000; /* background color */
>}

Thank you.  That works well, although it adds/changes the bottom border
on linked images, as well.  Is there some way to select all links EXCEPT
linked images?

Both of the following worked on the screen, but caused the URL underline
to reappear in the printed version:

a * [] { /* text-decoration and border-bottom stuff */ }
a !img { /* stuff */ }

Again, the page is at: http://www.considereddesign.com/new/

Any ideas?

Thanks,
Moira
Previous Message
Next Message

Message thread:

Possibly related: