how do you put around a avatar(always 100x100x pixels) a white background but the avatar has to be in the center otherwise its all screwed up
i found a code from somebody but it doesn't work good this is the result :
// Show avatars, images, etc.
if (!empty($settings['show_user_images']) && empty($options['show_no_avatars']) && !empty($message['member']['avatar']['image']))
echo '
<div style="overflow: auto; width: 100%; background-color: #FFFFFF; padding: 3px; border: 1px solid #F6F6F6;">', $message['member']['avatar']['image'], '</div><br />';
and this is the result but it should be on both sides even
(https://www.simplemachines.org/community/proxy.php?request=http%3A%2F%2Fi2.photobucket.com%2Falbums%2Fy42%2FCottelletje%2Favatar_bg.gif&hash=e8538b8376f4ecfbf89b730c7845fa0df431ba2d)
whats the problem?
<div style="overflow: auto; width: 100%; background-color: #FFFFFF; padding: 3px; border: 1px solid #F6F6F6; text-align: center;">', $message['member']['avatar']['image'], '</div><br />';
Will do it I believe.
no it doesn't work if i use that this is the result
(https://www.simplemachines.org/community/proxy.php?request=http%3A%2F%2Fi2.photobucket.com%2Falbums%2Fy42%2FCottelletje%2Favatar_bg2.gif&hash=edd880b08c5d88dd901367274f03726b93b3d0f0)
and this is what i want
(https://www.simplemachines.org/community/proxy.php?request=http%3A%2F%2Fi2.photobucket.com%2Falbums%2Fy42%2FCottelletje%2Favatar_bg_good.gif&hash=82ad279b74c2cb0c0bd0db9b7dc5501055572110)
then take off the width part of the style.
if i do that it is whole screwed up ...
if i change width to 100px its ok in IE but in Firefox the bottom is much larger around the avatar ???
How about browser detect then?
style="' , !$context['browser']['is_ie'] ? 'valeu true' : 'valeu false', '"
don't now what you mean by that acf
it looks now in ie like this
(https://www.simplemachines.org/community/proxy.php?request=http%3A%2F%2Fi2.photobucket.com%2Falbums%2Fy42%2FCottelletje%2Fie_1.gif&hash=c82663fa8e5f43d5afc0246dbb923bcde2dd4453)
but in firefox it looks like this
(https://www.simplemachines.org/community/proxy.php?request=http%3A%2F%2Fi2.photobucket.com%2Falbums%2Fy42%2FCottelletje%2Ffire_2.gif&hash=8ff4f0d3f71f5cc1274c9c3840049add7d484be4)
so what is the **** problem :-X
For example you can set style padding x in ff and padding y in ie
style="' , !$context['browser']['is_ie'] ? 'FF' : 'IE', '"
where in that line do i set the padding,can't see a ...px?
cause i did not make the example that way.
this will remove 3 px of padding at the bottom.
style="overflow: auto; width: 100%; background-color: #FFFFFF; ' , !$context['browser']['is_ie'] ? 'padding-left: 3px; padding-right: 3px; padding-top: 3px; padding-bottom: 0px; : 'padding: 3px;', ' border: 1px solid #F6F6F6;"
thats very complicated man for such a small thing? ;D
its just a ifelse statement ;)
so just need to put that code in the file? ::)
You could try to do that :)
But i am not sure if its effective enough to solve your problem. I could take closer look at it if you could post your display.template.php and style.css, so i can put it on my localserver(rc2) and look closer at it.
its okay i fixed it ;D