Comments on: CSS3 Attribute Selectors Query

By: Marty

Marty — Thu, 11 Sep 2008 00:25:40 +0000

Okay - not sure why it didn’t work before. But I was able to fix it to not show the icon for internal http: by modifying the link statement:


a[href^='http']:not([href*='martytdx.com']) { display:inline-block;
	padding-right:20px;
	line-height:18px;
	background:transparent url(images/ext_link_icon.png) center right no-repeat;
	}

but then the external PDF icon disappeared. I’m thinking that’s the better of the two worlds, although I still have to figure out the sidebar Flickr issue…

Update: If I remove the external link reference entirely, everything is back to normal EXCEPT that I no longer have the external link icon. I’m going to have to play with this when I’m less tired … and try to figure out how to do a multi-conditional statement to select certain conditions accurately.

By: Marty

Marty — Thu, 11 Sep 2008 00:01:16 +0000

Weird - because I’m not seeing all of that. Of course, for some reason I’m suddenly not seeing ANY icons, either. I’m guessing Wordpress made a few changes when I saved it the last time…

By: Apertome

Apertome — Wed, 10 Sep 2008 21:11:25 +0000

Very interesting stuff. I could see this coming in handy.

One problem (and it’s demonstrated by this post — your css for the examples is overriding your stylesheet) is that absolute URL is displayed as external, even if it’s on your site. As I look at, say, the categories listed under the post,t hey appear to be external links.

Interestingly enough, your flickr sidebar icons each have an external link mini-icon by them, as well. Is there a way to exclude images?