CodeCanyon

Fancy 2 Line CSS Buttons

  • Has been a member for 2-3 years
  • Exclusive Author
  • Sold between 100 and 1 000 dollars
  • Bought between 1 and 9 items
  • Romania
tak3r says

are these buttons really compatible with IE 6 .0?

2 years ago
Author
gbsmith71 gbsmith71 replied

You lose the rounded corners in ie6, but keep the layout and the gradients

2 years ago
  • Has been a member for 3-4 years
  • Exclusive Author
  • Sold between 5 000 and 10 000 dollars
  • Bought between 1 and 9 items
  • United States
  • Referred between 10 and 49 users
scottrockers says

Nice work on these.

2 years ago
Author
gbsmith71 gbsmith71 replied

Thanks for the feedback Scott.

2 years ago
  • Has been a member for 2-3 years
  • Bought between 50 and 99 items
  • Spain
envatoking says
Purchased

Hi, it doesn’t work on my ie8 i only get ugly non rounded buttons :(

2 years ago
  • Has been a member for 3-4 years
  • Bought between 50 and 99 items
  • Netherlands
kernheimer says
Purchased

They look amazing! thanks ! . if only i knew how to work them out, but i’m sure i will ;-)

2 years ago
Author
gbsmith71 gbsmith71 replied

Thanks for the feedback. Its all in the documentation, but let me know if you get stuck.

2 years ago
  • Has been a member for 3-4 years
  • Bought between 50 and 99 items
  • Netherlands
kernheimer says
Purchased

You are sweet! yes It is all in the docs. My English is not so grand, but your files are so easy to follow. I only strugle to get the hyperlinks at it. But realy, i love this.. ( i even get a better look at css, because of your deadeasy explaining!!) Eugenie

2 years ago
  • Has been a member for 1-2 years
  • Bought between 50 and 99 items
  • Sweden
Stefan67 says
Purchased

Super Great Buttons !!!

Can it also be used as Form Submit Buttons ? If, how … Show sample code pls :)

2 years ago
Author
gbsmith71 gbsmith71 replied

You could use the CSS to create a single line submit button although it would not be possible to do a two line. Try this :

< input type=”submit” class=”button purple” value=”submit”/ >

2 years ago
  • Has been a member for 1-2 years
  • Bought between 10 and 49 items
shirishsp_21 says
Purchased

Could you make this work correctly with IE8 as well?

1 year ago
Author
gbsmith71 gbsmith71 replied

It works in my IE8 ? What are you seeing?

1 year ago
  • Has been a member for 1-2 years
  • Bought between 10 and 49 items
shirishsp_21 says
Purchased

We are not seeing the rounded corner effect in IE8 . All buttons show up as rectangular in IE8 .

1 year ago
Author
gbsmith71 gbsmith71 replied

That’’s right, IE 6 , 7, 8 do not support rounded corners.

1 year ago
  • Has been a member for 1-2 years
  • Bought between 50 and 99 items
  • United States
lfluty2 says

I get this wont work in IE 6 ,7 and 8…. but if your put the Remy Sharp Shiv in your markup will that enable the rounded corners to be seen in those browsers?

1 year ago
  • Has been a member for 1-2 years
  • Bought between 10 and 49 items
stormlifter says

Looks awesome!

11 months ago
Author
gbsmith71 gbsmith71 replied

Thanks

11 months ago
  • Has been a member for 0-1 years
  • Bought between 10 and 49 items
Alpenmensch says
Purchased

Not working in IE6 / 7 / 8 / 9 !!!!!!!!!!!

8 months ago
Author
gbsmith71 gbsmith71 replied

IE does not support rounded corners. everything else works.

8 months ago
  • Has been a member for 2-3 years
  • Bought between 10 and 49 items
civgroup says
Purchased

Two things:

First, how can I include an icon while using it as a form submit button?

And 2nd, what am I doing wrong in IE? Even on IE9 (64bit) I end up with square buttons (although the round corners still show over the square background and it looks awful) while viewing the included demo.html file (and I didn’t change a thing).

7 months ago
Author
gbsmith71 gbsmith71 replied

IE did not support border-radius until IE9 and then for some reason known only to MS, they did not make it work with their proprietary filters for gradients.

So you have two options, either remove the border-radius from the CSS (No rounded corners) or remove the filter: from the CSS (No gradients).

The joys of browser standards (or lack thereof)

7 months ago
  • Has been a member for 2-3 years
  • Bought between 10 and 49 items
civgroup says
Purchased

Okay, I guess I got it working – is there a better way though than to just edit the main button css? I would like to just override with a line or two in the ie-only css if possible.

In IE now the text of the button isn’t centered top-to-bottom – it’s too high – but I’ll see if I can mess around with that.

Also, what about the icons for form submit buttons?

7 months ago
Author
gbsmith71 gbsmith71 replied

Try this link for targeting ie9: http://webdesignerwall.com/tutorials/css-specific-for-internet-explorer

For a submit button you could do:

< input type=”submit” class=”button purple” value=”submit”/>

But there’s no way to add a css icon. You could do it with a background image in css.

7 months ago

by
by
by
by
by