2011-05-19 102 views
0

只需重做我们的验证码即可。tic tac toe capture css(援助)

演示:http://sitehelp.com.au/demos/ttt/422.php

安美居的CSS如下:

.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; } 
.funcaptcha 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; } 

包含PHP的,所以无法做小提琴。但是我的CSS定位刚刚好,有什么建议吗?

的TTT-small.png是:

enter image description here

+0

我觉得你的CSS是正确的...但你的精灵需要的工作。 – 2011-05-19 01:59:47

+1

现在您已经发布了图片,您会注意到底层的图层高度为25像素,顶层的图层高度为26像素。修正精灵。 :) – 2011-05-19 02:01:44

+0

@John,如果你认为这是问题,请发表你的答案。 – 2011-05-19 02:04:35

回答

1

因此,它可以被标记回答....

底层是25个像素高,顶层为26的Sprite需要修复。

+0

雪碧固定,现在的CSS需要修理大声笑。 – 422 2011-05-19 02:11:59

+0

标记为最佳答案,不是因为它解决了我们的问题,而是强调了我完全忽略的一个问题。干得好 – 422 2011-05-19 02:33:34

1

下面是一个可编辑的jsfiddle与HTML和CSS:http://jsfiddle.net/WhG5L/

+0

干杯。用我最新的CSS更新。不是100%虽然:(http://jsfiddle.net/ozzy/WhG5L/1/干杯摆脱瑞安 – 422 2011-05-19 02:49:06

+0

它应该很容易修复的CSS,如果它仍然无法正常工作似乎是什么问题? – rjb 2011-05-19 14:55:45

+0

似乎如果你看起来真的很紧密,我可以和它一起生活tho – 422 2011-05-20 01:20:31