avatar cirlcle problem
2 posters
Page 1 of 1
avatar cirlcle problem
Hi.,
In my forum i use this code for making avatars in circle
But it showing correctly in chrome only.
Im using opera mini and uc browser , but avatar not showing correct in that circle
Forum : http://kbzteam.forums1.net
Version : Punbb
In this help forumotion forum avatar showing correctly in all browser.
Help me to fix this code work avatar circle correctly in all browser
In my forum i use this code for making avatars in circle
- Code:
.user-basic-info a img {
background:#FFF;
height:100px;
width:100px;
border-radius:100px;
box-shadow:0 2px 3px rgba(0, 0, 0, 0.5), 0 -1px 1px rgba(0, 0, 0, 0.1);
-moz-box-shadow:0 2px 3px rgba(0, 0, 0, 0.5), 0 -1px 1px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5), 0 -1px 1px rgba(0, 0, 0, 0.1);
padding:3px;
}
.mini_ava img, .lastpost-avatar img {
background:#FFF;
border-radius:100px;
box-shadow:0 2px 3px rgba(0, 0, 0, 0.5), 0 -1px 1px rgba(0, 0, 0, 0.1);
-moz-box-shadow:0 2px 3px rgba(0, 0, 0, 0.5), 0 -1px 1px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5), 0 -1px 1px rgba(0, 0, 0, 0.1);
padding:3px;
}
But it showing correctly in chrome only.
Im using opera mini and uc browser , but avatar not showing correct in that circle
Forum : http://kbzteam.forums1.net
Version : Punbb
In this help forumotion forum avatar showing correctly in all browser.
Help me to fix this code work avatar circle correctly in all browser
Re: avatar cirlcle problem
Find "border-radius" in your this CSS and replace with
- Code:
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum