Hi folks,
I'm displaying a small image to indicate an external link using this:
a.external:after {
content: url(media/external.gif);
padding-left: 2px;
}
Obviously IE doesn't show this, so I've used this in a separate style
sheet for IE:
a.external {
background: url(media/external.gif)
SunUp [EMAIL PROTECTED] wrote:
Is there a way to make it display the image at the END of the LINK,
instead of at the end of the LINE?
I've messed around w/ placement and padding etc. No joy.
Hi Sunny
Turning them off for IE has always been my answer. If you realy want the bg
img in there to
Thanks Jon ...
It was suggested that I try span, which I did, but IE still displays
the image at the end of the line, where the long link text wraps,
instead of at the of whole link.
I think I'll just hide it afterall, and IE users can (in the
inimitable words of Dad in The Castle) suffer in
: Thursday, 24 November 2005 12:53 PM
To: wsg@webstandardsgroup.org
Subject: Re: [WSG] :after, IE, and link text wrapping
Thanks Jon ...
It was suggested that I try span, which I did, but IE still displays the
image at the end of the line, where the long link text wraps, instead of at
the of whole
... what Jon and I meant was to put the span at the end of the link like
this:
a class=externalThe linkspan class=extimage/span/a
*nod*
I did try that.
And then the CSS would be:
span.exit {
background: url(media/external.gif) no-repeat;
}
yea?
It doesn't show at all :(
Clearly I
Set a width or padding on your exit class that is sufficient to display the
image.
-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
On Behalf Of SunUp
Sent: Thursday, 24 November 2005 1:59 PM
To: wsg@webstandardsgroup.org
Subject: Re: [WSG] :after, IE, and link text
G'day
Paul Noone wrote:
Set a width or padding on your exit class that is sufficient to display the
image.
And get the class name in the html matching the css. In fact,
the span doesn't need a class at all if you do this:
a.external span { /* whatever styles needed */ }
a
Set a width or padding on your exit class that is sufficient to display the
image.
Yes, did that. I still can't see the wretched thing.
And get the class name in the html matching the css. In fact,
the span doesn't need a class at all if you do this:
a.external span { /* whatever
Paul Noone wrote:
Set a width or padding on your exit class that is sufficient to display the
image.
On 11/24/05, Bert Doorn [EMAIL PROTECTED] wrote:
In fact, the span doesn't need a class at all if you do this:
a.external span { /* whatever styles needed */ }
a class=externalBlahspan
... place the last word of the link within the span.
So a class=externalThe last spanword/span/a for longer links
Ok ok, I know I said I'd given up, but I tried this, and it finally worked.
Still ... it's weird that it didn't show up before. And in fact, when
I move the span back to get this
G'day
Ok ok, I know I said I'd given up, but I tried this, and it finally worked.
Still ... it's weird that it didn't show up before. And in fact, when
I move the span back to get this ...
a class=externalLink herespan/span/a
... it disappears again. When I wrap it around the last word again,
11 matches
Mail list logo