Post by Former Member on Nov 24, 2018 7:54:30 GMT -8
So, at the bottom of my forum, you'll see the new Forum Info & Statics stuff
straydogtheme.proboards.com
However, this really bothers me.
On my computer, the little rectangle part below Who's Online and Online 24s Hours Ago (saying how many guests, members and staff) are not even (though the pixels are the same). One isabove where it's supposed to, and the other is fine.
On mobile, they are kinda even. They're much better than computer but still off by a few pixels, which could be annoying. But they're pretty good.
I can just adjust them, but since it's different on all devices I'll never get it right.
How can I fix this ?
(if this helps, here's my code.
and some style sheet
Would love someone to help me out on this.
EDIT Noticed that it switches back and forth between messed up and in the right position between some page refreshes. I just refreshed it, and it's good now, on computer, but still off by a few pixels on mobile.
After about 2 refreshes again, now it's back to the wrong position on computer!
Still needing some help...
straydogtheme.proboards.com
However, this really bothers me.
On my computer, the little rectangle part below Who's Online and Online 24s Hours Ago (saying how many guests, members and staff) are not even (though the pixels are the same). One isabove where it's supposed to, and the other is fine.
On mobile, they are kinda even. They're much better than computer but still off by a few pixels, which could be annoying. But they're pretty good.
I can just adjust them, but since it's different on all devices I'll never get it right.
How can I fix this ?
(if this helps, here's my code.
{if $[show_stats]}
<div class="container stats">
<div class="title-bar"><h2><center>Activity & Statistics</center></h2></div>
<table>
<tr>
<td>
<div class="onlineuser">
<div class="usersvisitingtitle">users visiting now</div>
<hr>
{foreach $[online_user]}
$[online_user]{if $[online_user.invisible]} <span class="small">(invisible)</span>{/if}$[online_user.comma]
{/foreach}
<div class="staffmembonline">$[total_staff_online] Staff, $[total_members_online] Member{if $[total_members_online] != 1}s{/if}, {if $[view_guests_online_link]}<a href="#" class="$[view_guests_online_link.class]">{/if}$[total_guests_online] Guest{if $[total_guests_online] != 1}s{/if}{if $[view_guests_online_link]}</a>{/if}.</div>
</div>
</td>
<td style="width: 440px;">
<div class="onlinelinks">
Welcome $[newest_user]!
</div>
<div class="onlinelinks">
$[last_updated_thread.recent_link] by $[last_updated_thread.last_post.created_by] [$[last_updated_thread.last_post.created_on]]
</div>
<div class="onlinelinks">
$[total_members] Members
</div>
<div class="onlinelinks">
$[total_threads] Threads | $[total_posts] Posts
</div>
</td>
<td>
<div class="onlineuser24">
<div class="usersvisitingtitle">users visited in last 24 hours</div>
<hr>
{foreach $[online_user_24]}
$[online_user_24]{if $[online_user_24.invisible]} <span class="small">(invisible)</span>{/if}$[online_user_24.comma]
{/foreach}
<div class="staffmemb24">$[total_staff_online_24] Staff, <a class="$[view_todays_active_members_link.class]" href="$[view_todays_active_members_link.href]">$[total_members_online_24] Member{if $[total_members_online_24] != 1}s{/if}</a>, $[total_guests_online_24] Guest{if $[total_guests_online_24] != 1}s{/if}.</div>
</div>
</td>
</tr>
</table>
</div>
{/if}
and some style sheet
.onlineuser {
padding: 10px;
border: solid 3px #2b2b2b;
height: 250px;
background: white;
}
.onlineuser24 {
padding: 10px;
border: solid 3px #2b2b2b;
height: 250px;
background: white;
}
.usersvisitingtitle {
text-align: center;
letter-spacing: 3px;
font-stretch: 100%;
}
.staffmembonline {
text-align: center;
margin-top: 185px;
background: white;
border: solid 3px #2b2b2b;
padding: 5px;
letter-spacing: 2px;
}
.staffmemb24 {
text-align: center;
margin-top: 185px;
background: white;
border: solid 3px #2b2b2b;
padding: 5px;
letter-spacing: 2px;
}
.onlinelinks {
text-align: center;
width: 400px;
border: solid 5px #2b2b2b;
background: gray;
color: white;
padding: 15px;
margin-bottom: 10px;
}
.onlinelinksbot {
text-align: center;
width: 400px;
border: solid 5px #2b2b2b;
background: gray;
color: white;
padding: 15px;
}
Would love someone to help me out on this.
EDIT Noticed that it switches back and forth between messed up and in the right position between some page refreshes. I just refreshed it, and it's good now, on computer, but still off by a few pixels on mobile.
After about 2 refreshes again, now it's back to the wrong position on computer!
Still needing some help...
