Blog.BrianLeeJackson.com » CSS http://blog.brianleejackson.com Mon, 21 Jun 2010 17:05:38 +0000 en hourly 1 http://wordpress.org/?v=3.0.1 Get rid of dashed box around links [hyperlinks] http://blog.brianleejackson.com/get-rid-of-dashed-box-around-links-hyperlinks http://blog.brianleejackson.com/get-rid-of-dashed-box-around-links-hyperlinks#comments Mon, 27 Jul 2009 07:32:29 +0000 Brian Jackson http://blog.brianleejackson.com/?p=388 A great easy improvement for any website is getting rid of that annoying dashed box that appears when clicking on a link. Many big sites like eBay.com and Google.com have not removed this dashed box from their hyperlinks and I think it just looks tacky. I understand that it might help some users understand that it is a link, but it also detracts from the design of the page. I think we have surpassed the age of tables and outlines, people know from common sense today where a link is and isn’t.

Here is a small snippet of CSS that you can add to your stylesheet that will remove the outlines [dashed box] from your hyperlinks. This is successful in Mozilla Firefox 2, 3, Internet Explorer 7, 8, and Safari 3, 4.

CSS REMOVE OUTLINES [DASHED BOX]: ADD TO BODY IN STYLESHEET

outline-color:-moz-use-text-color;
outline-style:none;
outline-width:0;

I think it is an easy way to add some class to your page. I implement this in every page I design. Below is an example of a dashed/outlined hyperlink box.

Hyperlink Outline Box - Dashed Box

Hyperlink Outline Box - Dashed Box

Share and Enjoy:
  • Twitter
  • Facebook
  • Digg
  • del.icio.us
  • Technorati
  • StumbleUpon
  • Google Bookmarks
]]> http://blog.brianleejackson.com/get-rid-of-dashed-box-around-links-hyperlinks/feed 0 Myspace not coded for Internet Explorer 8 http://blog.brianleejackson.com/myspace-not-coded-for-internet-explorer-8 http://blog.brianleejackson.com/myspace-not-coded-for-internet-explorer-8#comments Sat, 24 Jan 2009 20:30:39 +0000 Brian Jackson http://blog.brianleejackson.com/?p=36 I personally don’t use myspace and don’t really like it.  A friend mentioned this to me.  If you go to myspace’s website http://www.myspace.com you will notice that the front page is not coded properly for Internet Explorer 8 (IE8). It looks as though the banner is floated to the right in the container. I found this humorous as I have already gone through all my client’s websites and made sure they will work properly in IE8. You would think the myspace team would be quicker to fix something like this.

Share and Enjoy:
  • Twitter
  • Facebook
  • Digg
  • del.icio.us
  • Technorati
  • StumbleUpon
  • Google Bookmarks
]]> http://blog.brianleejackson.com/myspace-not-coded-for-internet-explorer-8/feed 5 Finally finished blog design… http://blog.brianleejackson.com/finally-finished-blog-design http://blog.brianleejackson.com/finally-finished-blog-design#comments Fri, 16 Jan 2009 09:07:19 +0000 Brian Jackson http://blog.brianleejackson.com/?p=23 I have been working a lot on trying to get my blog to look exactly like my website.  I think I have succeeded for the most part.  I will probably be doing a few tweaks here and there.

Share and Enjoy:
  • Twitter
  • Facebook
  • Digg
  • del.icio.us
  • Technorati
  • StumbleUpon
  • Google Bookmarks
]]> http://blog.brianleejackson.com/finally-finished-blog-design/feed 2