Identifying Link Targets with CSS

Sources: Noupe "Useful CSS Snippets", 1stWebDesigner "25 Incredibly Useful Snippets for Developers"
See also Data uri's  http://davidwalsh.name/data-uri-php

/* external links */
a[href^="http://"]{
padding-right: 20px;
background: url(external.gif) no-repeat center right;
}

/* emails */
a[href^="mailto:"]{
padding-right: 20px;
background: url(email.png) no-repeat center right;
}

/* pdfs */
a[href$=".pdf"]{
padding-right: 20px;
background: url(pdf.png) no-repeat center right;
}

/* identify links that open in new window */

a[target="_blank"]:before,
a[target="new"]:before {
margin:0 5px 0 0;
padding:1px;
outline:1px solid #333;
color:#333;
background:#ff9;
font:12px "Zapf Dingbats";
content: "\279C";
}


  /* external links */ a[href^="http://"]{ padding-right: 20px; background: url(external.gif) no-repeat center right; } /* emails */ a[href^="mailto:"]{ padding-right: 20px; background: url(email.png) no-repeat center right; } /* pdfs */ a[href$=".pdf"]{ padding-right: 20px; background: url(pdf.png) no-repeat center right; } /* identify links that open in new window */ a[target="_blank"]:before, a[target="new"]:before { margin:0 5px 0 0; padding:1px; outline:1px solid #333; color:#333; background:#ff9; font:12px "Zapf Dingbats"; content: "\279C"; }

IE Needs tbody for Javascript Insert

Bounced around with this issue: IE was injecting the table, as Firefox was, and I could see it in the "Generated Code" view.

Discovered this helpful post:

Basically what you're running up against is IE's need for a "tbody"
element when you create elements. It just won't put anything in the
table unless it's got one. I've done this on the JSFiddle I linked above.

http://groups.google.com/group/mootools-users/msg/b453322628b35e52?pli=1

Huh. Unbelievably, it worked.

Ahhh, Safari, you little orphan.

Safari was giving this message:

"Safari can’t open the page.
Too many redirects occurred trying to open “http://www.mydomain.com/?pid=1?pid=30611?pid=30611?pid=30611?pid=30611?pid=30611?pid=30611?pid=30611?pid=30611?pid=30611?pid=30611?pid=30611?pid=30611?pid=30611?pid=30611?pid=30611?pid=30611”. This might occur if you open a page that is redirected to open another page which then is redirected to open the original page."

I had to make a little switch in PHP header redirection for Safari.
From:
header("location:?pid=30611");

To:
header("location:/?pid=30611");

Google Chrome

So far, I found Google Chrome to be ok. I have been an Opera user (along with all the other browsers) for while. I never liked Safari, because it rendered the fonts so much differently.

So far, Chrome is better. But so far, some features really stand out to me:

1. I like the automatic adding of sites that I visit most often to speed dial - I add the speed dial add- on to Firefox first, because I love it in Opera. Chrome's version adds the sites automagically - nice.

2. I closed a tab that I didn't mean to. When I opend up a new tab to search for it - low and behold, on the left side of the page, it said 'recently closed tabs'. I opened it up - it was close - I wanted the page before it - but the back button was "active" so I clicked it, and bingo!

3. Finally, the google search box is gone. Firefox 3 has the search in the toolbar, and skips the www, so why was it necessary anymore?