Created
May 7, 2012 15:11
-
-
Save jonmifsud/2628305 to your computer and use it in GitHub Desktop.
A css sample for the jQuery webticker
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
.tickercontainer { /* the outer div with the black border */ | |
width: 500px; | |
height: 27px; | |
margin: 0; | |
padding: 0; | |
overflow: hidden; | |
} | |
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */ | |
position: relative; | |
top: 8px; | |
height: 18px; | |
/*width: 718px;*/ | |
overflow: hidden; | |
} | |
ul.newsticker { /* that's your list */ | |
position: relative; | |
/*left: 750px;*/ | |
font: bold 10px Verdana; | |
list-style-type: none; | |
margin: 0; | |
padding: 0; | |
} | |
ul.newsticker li { | |
float: left; /* important: display inline gives incorrect results when you check for elem's width */ | |
margin: 0; | |
padding-right: 15px; | |
/*background: #fff;*/ | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment