Finally..
after i designed my ticker and every thing was ok on firefox cos i don't use chrome usually.. i detected a problem..
i can't describe what i'ts happenin' good so i will leave the url of my site... if any one have any idea how to solve this please help me
here is the url http://ssnp-latakia.org/LNN/
and the ticker is at the bottom of the screen...
remember the problem is only in chrome

Comments

fullerja’s picture

fullerja CreditAttribution: fullerja commented
Priority: Major » Normal
Status: Active » Postponed (maintainer needs more info)

Your link goes to a 404

ian-moran’s picture

ian-moran CreditAttribution: ian-moran commented
Issue summary: View changes
Status: Postponed (maintainer needs more info) » Closed (fixed)

I noticed two minor css problems that the original poster may have seen. In chrome the setting for top in .liScroll-container .mask causes half of the text to be obscured in the horizontal ticker. The other problem was in firefox and IE where ul.liScroll li is used to set the width of the strip in jquery.liscroller.js and it was pushing text onto a second line and beyond the height of the container. Setting width:auto on ul.liScroll li solved it.

I'm going to close this because the original post was over 5 months ago.

Ian

gphilippe’s picture

gphilippe CreditAttribution: gphilippe commented

Hi

still the problem with chrome .. the problem has not be solved .. not fixed at all

.liScroll-container .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 10px;
top: 8px;
width: 718px;
overflow: hidden;

change to top: 0px

work only for the chrome trouble

gphilippe’s picture

gphilippe CreditAttribution: gphilippe commented
Status: Closed (fixed) » Active
cehfisher’s picture

cehfisher CreditAttribution: cehfisher commented

Ran into the same issue with Chrome and Safari. Adding the following CSS solved the issue for me:
ul.liScroll span {float: left; clear: left;}

Hope this helps!