CSS Print Problemo

[multichild]

Im using css to control the print out, and liked the idea of printing out the url rather than the text.

So im using this:

@media print a:after {
content: " [" attr(href) "] ";
color: #000;
}

but its having an effect, can anyone see why?

also if you got an answer to it, is it possible to have it so that the text is first followed by the url using the css above

lee

Accend Web Solutions

http://www.accend4web.co.uk

 

[multichild]

I thought it might be the square brackets, so change those and still doesnt work.

@media print a:after {
content: " (" attr(href) ") ";
}

cheers

Lee

Accend Web Solutions

http://www.accend4web.co.uk

 

[Vragabond]

See what? We can't see the effect, we just know there's an effect. What kind of effect are you talking about? Have you thought about correctly using the media command in css?

@media print {
  a:after {
    content: " [" attr(href) "] ";
    color: #000;
  }
}

 

[multichild]

Thanks Vragabond

I just about go there with

@media print
{a:after{
content: attr(href)
}
}

But then found as usual, that it doesnt bloody work in I.E. Have you any work arounds for this.

thanks again

lee

Accend Web Solutions

http://www.accend4web.co.uk

 

[Foamcow]

What browser are you using?

The :after psuedoclass won't work in Internet Explorer.
I suspect this is your problem.

<honk>*:O)</honk>
Foamcow Heavy Industries - Web site design in Cheltenham and Gloucester
Ham and Jam - British & Commonwealth forces mod for Half Life 2

 

[Foamcow]

Oh srry, I see you already discovered that.

I've not created a workaround but I guess you could use Javascript to loop through the links on the page and add a text node after each <a> containing the <a>'s href attribute.

<honk>*:O)</honk>
Foamcow Heavy Industries - Web site design in Cheltenham and Gloucester
Ham and Jam - British & Commonwealth forces mod for Half Life 2