one year agoStyling buttons to look like links

A common mistake that many developers make is to use a link to trigger an action on the server, for example deleting an item from a shopping basket or adding something to your favourites. Both of these examples are actions that modify state on the server and should therefore be performed using 'post'.

However, sometimes even developers who know that is wrong to use a link where they should be using a form, get sucked in to doing so when the design requires a button to look like a link.

Please note that I am definitely not encouraging the redesign of button elements to look like links. I believe that we shouldn't mess too much with browser defaults for functional things like form controls, scroll bars and the like. That said, sometimes you just have to build what your designer tells you to.

It actually isn't hard to make a submit button look like a link using CSS so you should never find yourself in a position where you have to sacrifice forms for links purely for the sake of the design.

Firsly the markup: although you can use an input type="submit" as a submit element and this example would work in the same way, the button element is, in my opinion, a much better option. It is really flexible and can have a variety of different elements nested inside if you so choose, from simple text with an image right through to headings and paragraphs. This article on buttons by Aaron Gustafson back in 2006 is still fairly relevant today and explains some of the uses the humble button element can be put to.

Another useful article also from a while ago explains the techniques that Wufoo use to style links to look like buttons. The really important thing to take away from this article is that putting overflow: visible on a button fixes the crazy width issue that IE likes to deal us.

I have posted a simple demo for you to follow along in your browser. For the purposes of this example the markup will be:

<form action="#" method="post">
	<p><button type="submit" class="link"><span>Hello there I am a button</span></button></p>
</form>

<p><a href="#">That's nice, I am a link</a></p>

The basic page in this demo has the following styles applied to the links and body:

body {
	font-family: "Verdana" sans-serif;
}
a:link,
a:visited { 
	color: blue;
}
a:hover,
a:focus,
a:active {
	color: black;
}

Next I add the magical incantation to kick the width in IE for all buttons:

button {
	overflow: visible;
	width: auto;
}

I have added a class of link to the button that I wish to style as a link element and the basic styles that I apply to this are the colour and font family (the button seems to inherit system font settings), as well as over-riding the button defaults with regards to border, margin, padding and background.

The default cursor for button elements is a regular arrow. I normally set cursor: pointer for all button elements to ensure the user knows they are clickable. This makes even more sense for buttons that are pretending to be links.

button.link {
	font-family: "Verdana" sans-serif;
	font-size: 1em;
	text-align: left;
	color: blue;
	background: none;
	margin: 0;
	padding: 0;
	border: none;
	cursor: pointer;
}

Interestingly, Mozilla won't let you select the text of the button element like other browsers will, so to override this and enforce that the user can select the text of our psuedo-link, you can apply the following as well:


	-moz-user-select: text;

You can also choose to override all your other button styles if there are any.

Now you almost have a link. Those of you paying close attention earlier on will have noticed an as yet unexplained inner span to our button. This is because it does not appear to be possible to set text-decoration on a button directly and depending on how you have your link styles set this is something you are likely to want to do.

The text-decoration: underline rule is actually applied to the span on hover or focus of the button. This way is more flexible if you choose at some point to add or remove an underline on hover.


button.link span {
	text-decoration: underline;
}
button.link:hover span,
button.link:focus span {
	color: black;
}

Naturally everybody's 'favourite' browser, Internet Explorer six will not display the hover effect on your link because it doesn't 'do' hover on arbitrary elements, only on actual links. You can fake this effect with Javascript if you really wish, adding a class on hover and removing it on mousout. Other limitations of this technique are that selection of text looks a bit dodgy in all versions of IE.

My example above is very simple. If you wath a button that appears in flow with text as a link, for example the delete link on a shopping basket item in this example, you will also need to apply 'display:inline' to both the form and any block level elements inside.

So there you have it, no excuses now — go forth and use the correct HTTP method!

Posted at 12:47 am on the 10th of June 2009. 111 Comments

111 comments

  1. Very nice!

    One question: couldn't you use an anchor element (sans attributes) inside the button element instead of a span? Not terribly semantic, but might it solve the problem of hover on IE?

    David Lindquist 10th June 2009 02:14permalink.

  2. Imo there are good usecases of styling buttons as links. Submit/Cancel for example. Make the submit button look like a button and make the cancel button look like a link so that the submit button stands out.

    Andreas 10th June 2009 08:04permalink.

  3. Great to have this technique documented, buttons are a real pain to style.

    However, using the <input /> element may be safer. IE doesn't distinguish between the button element that was pressed, and other button elements in the form.

    IE will tell the server that all buttons in the form were pressed (btnname=save&btnname=delete), which is less than helpful.

    Jake Archibald 10th June 2009 09:04permalink.

  4. Great tutorial Nat.

    This is something that has bugged me in the past and I've only been able to half emulate.

    Now all we need is for HTML to support PUT and DELETE, then we can actually use the right HTTP methods.

    Steve Anderson 10th June 2009 09:23permalink.

  5. Nice article, CSS hacking at it's best!

    But would you consider using JavaScript to hide the submit button, and replace it with an <a> element that simply triggers the form submit event? Leaving an unstyled, but functional button if JavaScript is off, and an easier to style cross-browser wise if JavaScript is on.

    Cheers

    Daniel 10th June 2009 09:23permalink.

  6. Nice sensible tip, and something I've been doing for a while.

    The only problem I've found is when you want to present several 'links' in a row (for example in a table row), where some are actual A links and some are link-styled buttons - the baseline for the text does not line up properly for the two different elements without some browser-specific padding.

    Matthew Pennell 10th June 2009 11:35permalink.

  7. Hi Natalie,

    You may want to add following CSS to remove excess padding from buttons in Gecko (Firefox).

    button::-moz-focus-inner{
  padding:0;
  border: 0;
}

    The difference may be small, but it will get you as close to normal anchor tag as possible. You can see live demo I prepared too. The pseudoelement is present in both button and input[type="submit"] elements.

    Peter 10th June 2009 11:57permalink.

  8. FWIW, here is a quick-and-dirty JQuery implementation of the JavaScript-only approach suggested by Daniel:

    $(document).ready(function() {
    $('input.link[type=submit]').each(function() {
        var text = $(this).val() || 'Submit';
        var form = $(this).parents('form').get(0);

        var a = document.createElement('a');
        a.appendChild(document.createTextNode(text));
        a.setAttribute('href', '#');

        $(a).click(function() { form.submit(); return false; });

        $(this).replaceWith(a);
    });
});

    David Lindquist 10th June 2009 17:46permalink.

  9. Re: Jake's comment, Coping With Internet Explorer's Mishandling of Buttons highlights two problems with the <button> element and Internet Explorer:

    1. Internet Explorer will send the innerHTML (or maybe innerText) of the <button> instead of the value attribue (which is what other browsers send). This affects at least IE 6 and IE7.
    2. IE 6 appears to send the innerHTML/Text of every <button type="submit">, not just the one that was clicked, which makes it really difficult for the server to work out what the user wanted to do.

    Walter Rumsby 10th June 2009 23:05permalink.

  10. For the purposes of this example the markup will be:

    <p><a href="#"That's nice, I am a link</a></p>

    Missing something there. :p

    Craig 11th June 2009 03:00permalink.

  11. Jon Tan did something similar a while ago:

    http://jontangerine.com/silo/html/button/

    The note there is still relevant, for anyone considering this sort of thing:

    "Note: Users expect that form controls will look like form controls. Therefore, it is not recommended to alter a form button (or any other form control) in this way unless you deem it absolutely necessary. This is a proof of concept only as the use of links for user controls is currently so prevalent."

    Chris Shiflett 11th June 2009 04:23permalink.

  12. Imaging if you could do it without the form

    <button class="link"><span>Hello there I am a button</span></button>

    wouldnt that be great.

    kaare 12th June 2009 10:18permalink.

  13. Nice work Nat!

    Incidentally, have you come across a way to style <button> tags without using special CSS for IE and Firefox? I've used Derek DeVries approach at http://derekdevries.com/2009/04/02/custom-buttons-with-css/, but it's not clean!

    Terry 15th June 2009 11:40permalink.

  14. Great work Nat and thanks for linking up that old article of mine too!

    Aaron Gustafson 18th June 2009 16:13permalink.

  15. Great work Nat,

    In my case, I've been solving this issue by using <label><input type="submit"... instead of a <button><span>

    the label tag will trigger a form submit on the input and this approach is fully stylable.

    The only problem I've found is that on 508 section a label tag should have text in it, but as far as I know we can solve by adding a title attribute.

    <label class="button" title="Save your settings"><input type="button" name="SaveSettings" /></label>

    You could hide the input through visibility:hidden and just use image background on the label. Or you can use sliding doors techniques to use the input text.

    André Cassal 22nd June 2009 16:22permalink.

  16. A while back I took the "use JS to swap out submit buttons with easily styleable links" approach and wrote it up here:

    http://www.kelvinluck.com/2009/02/progressive-enhancement-with-jquery-example/

    May be interesting as an alternative approach...

    Kelvin Luck 23rd June 2009 15:37permalink.

  17. But when you click on the link it still shows an impression (kind of a clicking effect) that it is a button. How can we get rid of that?

    Saravanan 14th December 2009 18:54permalink.

  18. @André Cassal

    Unfortunately this doesn't work with Opera. :/

    tolan 2nd February 2010 16:14permalink.

  19. I really liked the post and the stories are really thanks for sharing the informative post. Acai Berry Colon Cleanse|Acai Berry Colon Cleanse

    davidleonen 1st June 2010 09:33permalink.

  20. Internet Explorer will send the innerHTML (or maybe innerText) of the <button> instead of the value attribue (which is what other browsers send). This affects at least IE 6 and IE7.

    ClubPenguinCheats 25th June 2010 10:38permalink.

  21. Hello, thank you for this very useful post, i found another solution, which looks good, and that without <button>.

    <input type="submit" value="my submitable link" style="background:#fff;border:none;cursor:pointer;font-weight:400;overflow:visible;padding:0;text-decoration:underline; white-space: normal; text-align:left;" />

    I just have to find 2 solutions to this solution:
    1) i cannot see the underline with FF
    2) i cannot break the line when the text is long in IE...

    can someone help?

    mickael 30th June 2010 14:21permalink.

  22. There are many coach outlet store online. It is really convenient for you to buy products on coach outlet stores. Our coach outlets online provide different kinds of coach wallets, coach handbag and so on. Welcome your visiting on our outlets, which will give you surprise.

    RED DEVIL 5th July 2010 08:48permalink.

  23. Very nice, thanks a lot :)

    Paulius 9th July 2010 15:11permalink.

  24. I know a software named EZ mpeg to avi Converter can Convert MPG/MPEG,MPEG-1/MPEG-2 format to AVI Video movie. Only $12.95 USD
    With a very easy to use interface you can also convert video file. your work will become very easy. You can download this software free from here: http://www.ezvideotools.com/mpeg-to-avi-converter.htm

    malin 13th July 2010 03:22permalink.

  25. very good information thank you for this .

    Resveratrol Ultra 15th July 2010 16:20permalink.

  26. This system is very good. deep soaking tubs

    Susan 16th July 2010 09:47permalink.

  27. I am webmaster and i would say it is very interesting idea that you stated here. Sometimes, We need such design for our clients. Thanks Tech Blog

    Voilet 18th July 2010 18:51permalink.

  28. Well, I want to thank you for saving me from the same mistake! classified |ad|select comfort beds

    jessie 21st July 2010 08:06permalink.

  29. I was very pleased to find this site. I wanted to thank you for this great read!! I definitely enjoying every little bit of it and I have you bookmarked to check out new stuff you post. simulation assurance auto

    simulation assurance auto 23rd July 2010 08:23permalink.

  30. very good information thank you for this .

    replica calvin klein watches 24th July 2010 04:27permalink.

  31. Thanks for sharing this great tutorial. blogging for profit

    semuaorank 25th July 2010 20:17permalink.

  32. Browsing on Google for something else closely connected, regardless before i ramble on too much i would just like to state how much I cherished your post, I've added your web blog and also obtained your Feed, Again thank you very much for the article carry on the good work.

    santa ana auto glass 27th July 2010 19:08permalink.

  33. Looking For Discount Christian Louboutin? You can find the Fahison Louboutin Shoes, Christian Louboutin Pumps, Sandals And Boots in sale-christian-louboutin.com.

    beaty 28th July 2010 14:25permalink.

  34. Very nice blogs. Keep it up. I will come back for more :)

    business cards 1st August 2010 19:39permalink.

  35. very good information thank you for this .

    wwe 3rd August 2010 08:25permalink.

  36. Hello everyone, This webpage is excellent and so is how the subject was developped. I like some of the comments too though I would prefer we all stay on the suject in order add value to the subject. It will be also encouraging to the author if we all could mention it (for those who use social media such as a digg, twitter,..). Again, Thanks. Ecomatic Salt Cells

    Ecomatic Salt Cells 3rd August 2010 08:54permalink.

  37. I’m hoping this is just a great starting point for me and lot of designers struggling with reusable form interfaces in developing my applications.

    used stationary bikes 3rd August 2010 10:40permalink.

  38. Its an amazing post, the information you delivered that is awesome would wait for your next such informative and interesting post.

    http://www.articlesbase.com/communication-articles/facts-on-free-reverse-phone-lookup-you-must-know-1598084.html

    Free Reverse Phone Lookup 4th August 2010 12:36permalink.

  39. Nice stuff, I always like to read this type of informative and interesting post,plz keep posting to upgrade my knowledge.

    Acai Berry 4th August 2010 12:36permalink.

  40. Thanks for the information on topics.I was excited for this article.
    Thank you again.

    helicopter tours hawaii 4th August 2010 19:20permalink.

  41. Absolutely awesome work - this plugin has been extremely helpful to me and I'm so happy to see the improvements.

    Keep up the good work!

    Galapagos Islands Travel Tours 5th August 2010 04:41permalink.

  42. Very cool stuff! Thanks, kepp going on!

    replica hublot watches 5th August 2010 04:48permalink.

  43. winni2078 0806<p>Juicy Couture is a fashion <a href="http://www.rolexwatchesblog.us/">rolex watches</a> brand which was founed in 1997 form California

    omega watches 6th August 2010 07:25permalink.

  44. This webpage is excellent and so is how the subject was developed. Thank you very much for the article, carry on the good work. Regards data recovery http://www.datadoctor.biz

    data recovery 6th August 2010 07:53permalink.

  45. Nice to be visiting your blog again, it has been months for me. Well this article that i've been waited for so long. I need this article to complete my assignment in the college, and it has same topic with your article. Thanks, great share. yeast infection

    yeast infection 6th August 2010 10:09permalink.

  46. Great article. How you know about this in very details, it is really very interesting and knowledgeable things.

    real estate investing 6th August 2010 10:24permalink.

  47. When is the next post comming on this topic.
    Regards

    satellite pc tv 7th August 2010 01:49permalink.

  48. Very cool stuff! Thanks, kepp going on!

    replica jerseys 10th August 2010 05:00permalink.

  49. I'm really very useful to follow a long-time see this as a blog here Thank you for your valuable information.

    Moroccan furniture 11th August 2010 08:47permalink.

  50. Thanks for giving the such a informative blog . I really like our explanations described here.

    fleet tracking 12th August 2010 12:37permalink.

  51. That was exactly what I was looking for. You have done a wonderful job communicating your message. Keep up the good work. debt collection agency

    Gurleen 13th August 2010 10:46permalink.

  52. Hey just a thought, you would probably get more readers if you interviewed controversial people for your blog. Sonoma lodging

    Barren 13th August 2010 10:47permalink.

  53. I found this page bookmarked and really liked what I read. I will surely bookmark it too and also read your other articles tomorrow. homes for sale san miguel de allende

    Scoden 13th August 2010 10:48permalink.

  54. You really make it seem so easy with your presentation but I find this topic to be really something which I think I would never understand. It seems too complicated and very broad for me. I am looking forward for your next post, I will try to get the hang of it! embroidery

    Goody 13th August 2010 10:49permalink.

  55. You may have not intended to do so, but I think you have managed to express the state of mind that a lot of people are in. The sense of wanting to help, but not knowing how or where, is something a lot of us are going through. Acuvue Advance Astigmatism

    Acuvue Advance Astigmatism 15th August 2010 07:06permalink.

  56. With enough size of 11? x 8? x 6? inches to carry your stuff, this Coach Madison Floral Audrey might be carried with ease by means of its doubles handles with 5?-inch drop or by means of the detachable strap with 13?-inch drop. It has clasp on either sides, which somehow provides this a structured shape. It then opens by means of a zip on best and it would show zip, cell phone and multifunction pockets within the inside.

    replica watches 16th August 2010 08:39permalink.

  57. Thanks for the tutorial. I applied it at my site and will be using it from now on.

    cod black ops 16th August 2010 13:03permalink.

  58. That was exactly what I was looking for. You have done a wonderful job communicating your message. Keep up the good work.

    Technology Blog 16th August 2010 16:12permalink.

  59. its really interesting to read this post,i read it completely now i interested to know more about it so hope you may add more information in your next post.i will enjoy that too.

    Acai Berry 17th August 2010 06:47permalink.

  60. I would never understand. It seems too complicated and very broad for me. I am looking forward for your next post, I will try to get the hang of it!

    Electronic Cigarette 17th August 2010 11:47permalink.

  61. What else determine the popularity? Thanks for sharing the tips anyway. I am interested in making my own personalized gifts. Heathrow Airport Parking

    CandyJou 17th August 2010 11:57permalink.

  62. After hunting for so long, finally we got the right place for our digital office. At least we be easier to be seen by anyone.
    http://www.esleepmasters.com/Swimming_Pools_s/2352.htm

    henz 17th August 2010 16:32permalink.

  63. Now our watches are even cheaper! We are glad to inform you that now the high <a href="http://www.superior-replica.com">replica watches</a> that are offered to your attention by our website are available at discount prices! This gives you a great opportunity to experiment with your style, buy as many watches as you wish and have a watch for any occasion and outfit.

    replica watches 18th August 2010 06:20permalink.

  64. Not all are resolvable, as usual. We've got to pick up the best chances. above ground pool liner

    above ground pool liner 18th August 2010 10:33permalink.

  65. back pain naperville

    Dutchess Dickens 20th August 2010 01:59permalink.

  66. Hey, I read a lot of blogs on a daily basis and for the most part
    people lack substance but
    I just wanted to make a quick comment to say GREAT blog!…..
    I’ll be checking in on a regularly now….
    Keep up the good work!

    nike sb 20th August 2010 03:53permalink.

  67. Hey, I read a lot of blogs on a daily basis and for the most part
    people lack substance but
    I just wanted to make a quick comment to say GREAT blog!…..
    I’ll be checking in on a regularly now….
    Keep up the good work!

    vibram five fingers 20th August 2010 03:56permalink.

  68. Very interesting I'd have to agree with your point. I found another example of that on our site: San Antonio auto glass repair funny it was right there under my nose. Cheers

    Kevin Sheppard 20th August 2010 14:09permalink.

  69. Thanks very easy to follow.

    Flower Tattoos 20th August 2010 15:39permalink.

  70. That was exactly what I was looking for. You have done a wonderful job communicating your message. Keep up the good work

    louis vuitton speedy 35 22nd August 2010 09:11permalink.

  71. its really interesting to read this post,i read it completely now i interested to know more about it so hope you may add more information in your next post.i will enjoy that too. louis vuitton speedy

    louis vuitton speedy 22nd August 2010 09:13permalink.

  72. Hey, I read a lot of blogs on a daily basis and for the most part people lack substance lv emilie wallet Louis Vuitton Bucket Bag Bucket Bag

    buy louis vuitton 22nd August 2010 15:39permalink.

  73. Dear friends, thank you for visiting our website ,we are an international trade company,which specializes in NFL jerseys.We wholesale jerseys at competitive price,providing a huge range of <a href="http://www.nfljerseyse.com/pittsburgh-steelers-jerseys " title="Pittsburgh Steelers jerseys ">Pittsburgh Steelers jerseys </a> of different teams,such as Arizona Cardinal,Atlanda Falcons ,Baltimore Ravens,etc.You can buy cheap jerseys. Welcome to visist here .

    cheap nfl jerseys 23rd August 2010 04:54permalink.

  74. Hi there! Thanks for the info and the tutorial. Great!

    Massagesessel 23rd August 2010 07:01permalink.

  75. This gives you a great opportunity to experiment with your style, buy as many watches as you wish and have a watch for any occasion and outfit.

    ricky 23rd August 2010 07:32permalink.

  76. I admire the valuable information you offer in your articles. I will bookmark your blog and have my children check up here often. I am quite sure they will learn lots of new stuff here than anybody else!

    Symptoms of Mesothelioma 23rd August 2010 21:11permalink.

  77. Excellent post…………….. Now I agree with you that direct mail is a great way to get your message in front of targeted prospects of most kinds.

    cheap shakira tickets 24th August 2010 06:28permalink.

  78. These are wonderful! Thank you for finding and sharing

    Red Bull Hats 24th August 2010 08:38permalink.

  79. That was a great piece of information., I enjoyed reading it..,

    wholesale new era caps 24th August 2010 08:38permalink.

  80. thank you

    air max 90 24th August 2010 08:41permalink.

  81. I found so many interesting stuff in your blog especially its discussion.

    Robin Hood Sword 25th August 2010 06:12permalink.

  82. Pretty good post.I found your website perfect for my needs. thanks for sharing the great ideas.

    seo newcastle 25th August 2010 06:41permalink.

  83. Useful information shared..I am very pleased to study this article..many thanks for giving us nice information.

    Cotton Yarn 25th August 2010 07:41permalink.

  84. Amazing..you really made my day & after reading this Surely..i ll twit this to my all friends to know more about this blog :)

    Acai Berry Diet 25th August 2010 08:21permalink.

  85. Great post - Just subscriped to your RSS feed.. Thanks

    Acai Berry Select 25th August 2010 08:21permalink.

  86. hello, wholesale http://www.amandachina.com/

    yiwu 26th August 2010 09:47permalink.

  87. Its my great pleasure to visit your site and to enjoy your awesome post here. I like it very much. I can feel that you put much attention for these articles, as all of them make sense and are very useful lodestar

    Nathan 26th August 2010 10:14permalink.

  88. nice article, i just finished bookmarking it for future reference. i would love to read on future posts. how do i configure the rss again? thanks! crafts organizer

    Polard 26th August 2010 10:14permalink.

  89. Valuable information and design you have here! I would like to think you for sharing your thoughts and time into your comments! Thumbs Up ! Ladies Golf Bag

    Stephen 26th August 2010 10:15permalink.

  90. Simply wanted to say good weblog, that I learn it every now and then women's swimwear

    Goody 26th August 2010 10:16permalink.

  91. Fantastic post, I appreciate it. - Pepper Spray

    JosephM 27th August 2010 21:23permalink.

  92. You are very good. The article was nice to read and full of meaning full of knowledge Cheat Point Blank | Nightclub City Cheat | Spesifikasi Yamaha Byson

    Ninja Saga 27th August 2010 22:21permalink.

  93. this is a great article ^_^
    thanks for shared

    Health Care Insurance 28th August 2010 11:16permalink.

  94. Amazing... Very good post. Did not know that before. Thanks for the hint. Wohnen Sessel

    Wohnen Sessel 28th August 2010 11:43permalink.

  95. Cheers on a great post, I’ve bookmarked and I look forward to future postings.

    submit articles 30th August 2010 02:01permalink.

  96. Useful information shared..I am very pleased to study this article..many thanks for giving us nice information.

    replica jerseys 30th August 2010 03:34permalink.

  97. wow Louis vuitton all those garments are so amazing and fabulous I don't come to your blog as often as I would like,Louis vuitton purse but whenever I do Damier Canvas see some really amazing things keep up the good work! =)

    louis vuitton 30th August 2010 04:42permalink.

  98. Attractive post. I just stumbled upon your blogpost and wish to say that I have really enjoyed analysis your blog posts. Any way I'll be subscribing to your feed and I expect you post again shortly.

    Astalavista Hacking 30th August 2010 04:42permalink.

  99. The epicenter of the quake was just outside the Haitian capital Port-au-Prince. On 10 February the Haitian government gave a confirmed death toll of 230,000. new homes

    JeremyNath 30th August 2010 04:44permalink.

  100. Hey this is really nice information. I was looking for something similar like this. Thanks for this useful information.

    How To Cut Your Own Hair 30th August 2010 07:24permalink.

  101. Thanks for the nice post. I am expecting some different idea from your side. You always represent some new thought in your post.

    How To get Rid Of Stretch Marks 30th August 2010 07:25permalink.

  102. Discount Wholesale Electronics, Wholesale Cell Phones, Electronic Gadgets and More from the Best Dropship Wholesaler

    Wholesale Electronics 30th August 2010 07:33permalink.

  103. Louis Vuitton moncler jackets

    jimmy 30th August 2010 08:18permalink.

  104. Its an amazing post, the information you delivered that is awesome would wait for your next such informative and interesting post.

    Acai berry information 30th August 2010 09:53permalink.

  105. Wholeheartedly for your sake,we sale the cheap shoes and others,if you want to know more,pls click my username. :)

    cheap nike jacket and shoes 30th August 2010 18:02permalink.

  106. I am posting here just to let you know that you are doing a good job by keeping us posted about this. Please keep on posting such quality articles as this is a rare thing to find these days. I am always searching online for articles that can help me. Looking forward to another great blog. Good luck to the author! all the best! maison de credit

    maison de credit 1st September 2010 03:27permalink.

  107. a link using CSS so you should never find yourself in a position where you have to sacrifice forms for links purely for the sake of the design.Accident Insurance Ben 10 Games SEO services india

    mivpl 1st September 2010 06:00permalink.

  108. This website is awesome. I constantly come across something new & different right here. Thank you for that data.

    louis vuitton purse 1st September 2010 07:19permalink.

  109. The only issue I've found is actually when you want presenting a number of 'links' in a row (for instance in a stand row), where a few are actual The hyperlinks plus some tend to be link-styled buttons - the standard for the text doesn't line up correctly for the 2 various elements without a few browser-specific padding. --- All xBox 360 gamers love to have free Microsoft points, but if you are just bought your Xbox 360, xbox live code will be a blessing to you! Don't have to pay to play online anymore.

    Brandon Pavlov 1st September 2010 16:25permalink.

  110. Greetings, I enjoy your blog. This is a nice site and I wanted to post a note to let you know, good job! Thanks

    Juicy Couture 2nd September 2010 09:45permalink.

  111. Compaq Presario 190336-001 Li-ion Battery maintenance suggestions so that you can laptop clientsWhile customers are purchasing Notebook battery pack the makers will say to these people the quantity of working hours that Laptop computer Battery pack pack can conclusion, decreasing reasons that promote towards the defectiveness of the Notebook computer Battery load up. Almost all of the notebook shoppers don't have any talked about complex material dell laptop battery charger amalgamated upon receiving the extra Living away from their Compaq Presario 190336-001 Notebook Battery group.
    http://blogtext.org/delladapter/

    ibm laptop battery 2nd September 2010 10:10permalink.

Sign in with OpenID

Line breaks are preserved; URLs will be converted in to links.

Enter your own, valid XHTML. Allowed tags are: a, p, blockquote, ul, ol, li, dl, dt, dd, em, strong, dfn, code, q, samp, kbd, var, cite, abbr, acronym, sub, sup, br, pre

10th June 2009

You are reading "Styling buttons to look like links" written by Natalie Downe on the 10th of June 2009 at 12:47 am.

Next: CSS Selector reference guide

Previous: Dinky pocketbooks: the command-line reference edition