Page 2 of 3

Top Stats

Posted: 16 Sep 2012, 13:03
by martin123456
Stoker wrote:Is it screwed here on this site too?
Nope

Just a thought tho have you tried it on any other themes ?

Top Stats

Posted: 16 Sep 2012, 13:12
by Stoker
Yes, several. It can be done by changing the settings mentoined in my previous post.

Top Stats

Posted: 16 Sep 2012, 13:43
by Stoker
Well, I can see that mine fits well in IE and FF but is a bit too high in Safari, Chrome and Opera.
I think there is a css hack to get it right

Top Stats

Posted: 16 Sep 2012, 13:47
by martin123456
Hmmm you say that but yours shows good on all browsers infact im here now on all 3 browsers and looking good.

IE9 firefox chrome.

Top Stats

Posted: 16 Sep 2012, 14:02
by Stoker
I think its a bit off in Opera. Not quite high enough.
So its probably Style dependant.
I found some hacks thats working for me on other sites nor using my own themes :D

Code: Select all

/* saf3+, chrome1+ */
@media screen and (-webkit-min-device-pixel-ratio:0) {
 #vertical-ticker li  { height: 42px;  }
}

/* opera */
noindex:-o-prefocus, #vertical-ticker li {
  height: 42px;
}
Test them.

Top Stats

Posted: 16 Sep 2012, 14:23
by martin123456
Stoker wrote:I think its a bit off in Opera. Not quite high enough.
So its probably Style dependant.
I found some hacks thats working for me on other sites nor using my own themes :D

Code: Select all

/* saf3+, chrome1+ */
@media screen and (-webkit-min-device-pixel-ratio:0) {
 #vertical-ticker li  { height: 42px;  }
}

/* opera */
noindex:-o-prefocus, #vertical-ticker li {
  height: 42px;
}
Test them.
Issue fixed just tweak the numbers to suit cheers stoker.

As it shows ok in all browsers but firefox i just used this

Code: Select all

/* firefox */
noindex:-o-prefocus, #vertical-ticker li {
  height: 44px;
}

Top Stats

Posted: 16 Sep 2012, 20:23
by Stoker
Which was the part to fix Opera ;)
Firefox/IE should be handled by changing the default code.
But if it works, who cares :D

Top Stats

Posted: 16 Sep 2012, 22:09
by cabalganti
No, it looks OK here but you only use 3 scrolling elements. I am trying to use 5. Any changes that will make it look better in Firefox, will break how it looks in Opera/Chrome. So right now, i managed to improve it, it is not "perfect" but barely noticeable. Thank you much Stoker for helping and for your time! You are such a legend in phpbb boards. Thank you much! :thumb:

Top Stats

Posted: 16 Sep 2012, 22:23
by martin123456
Sorry but your wrong the images below are the same in firefox chrome and ie 9 using the snips from this topic.

chrome
chrome.png
firefox
firefox.png
it can be done you need to play with the numbers my friend.

Top Stats

Posted: 16 Sep 2012, 22:36
by martin123456
and here it is with 5 rows in chrome and firefox

If you cant work it out then il post the edits i used for you.

edit added another image as some one will say its not firefox
firefox.png
chrome.png
Once you have set the row height you can have as many rows as you want.