开发者

tic tac toe capture css ( assistance )

Just redoing our captcha.

Demo: http://sitehelp.com.au/demos/ttt/422.php

Anyhoo the css is as follows:

.funcaptcha { width: 81px; overflow: hidden; float: left; margin-right: 0px; }
.funcaptcha a { display: inline-block; background: url("http://sitehelp.com.au/demos/ttt/images/ttt-small.png"); margin: 2px 2px 0 0; float: left; }
.f开发者_Python百科uncaptcha a.circle { background-position: 0px -29px; }
.funcaptcha a.cross { background-position: -29px -83px; }
.funcaptcha a.empty { background-position: -0px 0px; }
.funcaptcha a.marked,
.funcaptcha a:hover { background-position: -29px 0px; }
.funcaptcha .box { display: block; cursor: pointer; overflow: hidden; width: 25px; height: 25px; }

Contains php, so unable to do a fiddle. But My css positioning is just off a tad, any suggestions ?

the ttt-small.png is:

tic tac toe capture css ( assistance )


So that it can be marked answered....

Bottom layer is 25 pixels tall and the top layer is 26. Sprite needs to be fixed.


Here's an editable jsFiddle with the HTML and CSS: http://jsfiddle.net/WhG5L/

0

上一篇:

下一篇:

精彩评论

暂无评论...
验证码 换一张
取 消

最新问答

问答排行榜