Public Forums 71,145 posts

[sharpdome Friend sharpdomeJoin date: December 2010Posts: 247Downloads:6Uploads:4 Thanks: 62 Thanked: 5 times in 1 posts]

#165144

The rounded css3 buttons in JA Typo are broken in IE 9. The outside transparent part of the rounded corners is not transparent.

To verify, edit a page in the backend with IE 9 and click the JATypo button. Look at the css3 buttons. Or view a page in the frontend with css3 buttons in IE9.

The buttons look square and full color and not rounded. The white button looks OK but that’s only because it’s against a white background.

[thangnn1510 Friend thangnn1510Join date: October 2014Posts: 1608Downloads:0Uploads:80 Thanks: 73 Thanked: 278 times in 256 posts]

#396018

Could you give us the link to the bug?

[sharpdome Friend sharpdomeJoin date: December 2010Posts: 247Downloads:6Uploads:4 Thanks: 62 Thanked: 5 times in 1 posts]

#396100

<em>@thangnn1510 246641 wrote:</em><blockquote>Could you give us the link to the bug?</blockquote>

The bug is with the “Buy Now” buttons in IE 9:

http://2cg8axvm.esljobsworld.com/index.php?option=com_jajobboard&view=japosts&layout=listsubscriptions&Itemid=128

[sharpdome Friend sharpdomeJoin date: December 2010Posts: 247Downloads:6Uploads:4 Thanks: 62 Thanked: 5 times in 1 posts]

#396377

Any ideas? 🙂

[sharpdome Friend sharpdomeJoin date: December 2010Posts: 247Downloads:6Uploads:4 Thanks: 62 Thanked: 5 times in 1 posts]

#396706

Still needs to be fixed… 🙂

[thangnn1510 Friend thangnn1510Join date: October 2014Posts: 1608Downloads:0Uploads:80 Thanks: 73 Thanked: 278 times in 256 posts]

#396876

<em>@sharpdome 247480 wrote:</em><blockquote>Still needs to be fixed… :)</blockquote>

Please give us the login information FTP/Admin account to your support ticket HHF-187-92761 in http://support.joomlart.com. We checking in your site but still couldn’t find the solution, so we need more info to check and fix. Thanks.

[sharpdome Friend sharpdomeJoin date: December 2010Posts: 247Downloads:6Uploads:4 Thanks: 62 Thanked: 5 times in 1 posts]

#396955

I’ve updated the ticket with admin login details for my development site.

[thangnn1510 Friend thangnn1510Join date: October 2014Posts: 1608Downloads:0Uploads:80 Thanks: 73 Thanked: 278 times in 256 posts]

#397325

Hello.

Thanks for your information. IE9 has some problem with CSS3 background radio and border so we have replaced it with image:

http://stackoverflow.com/questions/4692686/ie9-border-radius-and-background-gradient-bleeding

step1:bupload file http://2cg8axvm.esljobsworld.com/templates/ja_social/images/orange-bg.png

step 2: edit file http://2cg8axvm.esljobsworld.com/templates/ja_social/css/typo.css
replace : /* orange */

.orange, .tag-orange {

background: #f78d1d;

background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));

background: -moz-linear-gradient(top, #faa51a, #f47a20);

border: solid 1px #da7c0c;

color: #fef4e9;

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');

}

.orange:hover {

background: #f47c20;

background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));

background: -moz-linear-gradient(top, #f88e11, #f06015);

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');

}

.orange:active {

background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));

background: -moz-linear-gradient(top, #f47a20, #faa51a);

color: #fcd3a5;

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');

}

with :

/* orange */
.orange, .tag-orange {
background: url(../images/orange-bg.png) repeat-x 0 0 #f78d1d;
border: solid 1px #da7c0c;
color: #fef4e9;
filter:none;

}

.orange:hover {
background-position:0 30px;
filter:none;
}

.orange:active {
background-position:0 30px;
color: #fcd3a5;
filter:none;
}

1 user says Thank You to thangnn1510 for this useful post

1. sharpdome

[sharpdome Friend sharpdomeJoin date: December 2010Posts: 247Downloads:6Uploads:4 Thanks: 62 Thanked: 5 times in 1 posts]

#397428

This is much better, thank you!

Unfortunately now in Firefox 4.0.1 the hover is not aligned correctly. The top 1 or 2 pixels are darker in color.

Also, can you please remove the links to files on my site? 🙂

[thangnn1510 Friend thangnn1510Join date: October 2014Posts: 1608Downloads:0Uploads:80 Thanks: 73 Thanked: 278 times in 256 posts]

#397576

<em>@sharpdome 248392 wrote:</em><blockquote>This is much better, thank you!

Unfortunately now in Firefox 4.0.1 the hover is not aligned correctly. The top 1 or 2 pixels are darker in color.

Also, can you please remove the links to files on my site? :)</blockquote>

Please try change this code:

.default .ja-tabs-title-top {
border-bottom: 1px solid #CCCCCC;
position: relative;
width: 100%;
}

to

.default .ja-tabs-title-top {
position: relative;
width: 100%;
}

in plugins/content/ja_tabs/themes/default/style.css

[sharpdome Friend sharpdomeJoin date: December 2010Posts: 247Downloads:6Uploads:4 Thanks: 62 Thanked: 5 times in 1 posts]

#397716

I made that change but the top of the hover in Firefox 4.0.1 is still not right. The top 1px is a darker color than the rest of the button when you hover.

If you compare the hover on this page between FF 4 and IE 9 you can see the difference: http://2cg8axvm.esljobsworld.com/esl-jobs/rates.html

[sharpdome Friend sharpdomeJoin date: December 2010Posts: 247Downloads:6Uploads:4 Thanks: 62 Thanked: 5 times in 1 posts]

#397932

Can someone please take a look at this? It’s still not working right in FF 4.

[thangnn1510 Friend thangnn1510Join date: October 2014Posts: 1608Downloads:0Uploads:80 Thanks: 73 Thanked: 278 times in 256 posts]

#397936

Please change this code:


.orange:hover {
background-position:0 30px;
filter:none;
}

.orange:active {
background-position:0 30px;
color: #fcd3a5;
filter:none;
}

to:


.orange:hover {
background-position:0;
filter:none;
}

.orange:active {
background-position:0;
color: #fcd3a5;
filter:none;
}

That will help. Thanks.

[sharpdome Friend sharpdomeJoin date: December 2010Posts: 247Downloads:6Uploads:4 Thanks: 62 Thanked: 5 times in 1 posts]

#398046

Looks perfect now, thank you! 🙂

Can this fix also be made available for all the other button styles/colors in the next release?

[thangnn1510 Friend thangnn1510Join date: October 2014Posts: 1608Downloads:0Uploads:80 Thanks: 73 Thanked: 278 times in 256 posts]

#398140

OK, I have reported this:

http://pm.joomlart.com/browse/JATCTIIIVII-274

Our team will update for the next version. Thanks.

1 user says Thank You to thangnn1510 for this useful post

1. sharpdome

[Author]

Posts