HTML'移动链接超过'div span,nbsp

时间:2011-03-08 18:15:06

标签: jquery html css

嘿,
如何将链接移到一边?这可能是非常愚蠢的东西:)

链接位于我的图像之上。任何帮助,将不胜感激。 感谢。

<html>
<head>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js"></script>
    <style type="text/css">
    .plus{left:0px;height:17px;width:17px; background:url('sprit.gif') 0 0px;}
    .minus{left:0px;height:17px;width:17px; background:url('sprit.gif') 0 -17px;}
    #container {background-image: url(body.png);background-repeat: no-repeat;margin: 0px auto; max-width:700px;}
    #bump{padding-right:55px;}
</style>
</head>
<body>
    <div id="container">
        <!--LINK IS NOT MOVING-->
        <div id="deToggle"><div id="bunp">&nbsp;</div><span><a href="#">Larger</a></span></div>
            <!--SCRIPT HERE-->
            <script language="javascript">
                $(document).ready(function(){ 
                     Plus();
                     $('#deToggle').toggle(function(){
                        Plus();
                     }, function(){
                     });
                });
                function Plus(){
                    var tog = $('#deToggle');
                    tog.addClass('plus');
                }
            </script>
        </div>
    </div>
</body>
</html>

1 个答案:

答案 0 :(得分:1)

我会在你的CSS中做这样的事情 a {padding:0em 0em 0em 10em;}

您可以考虑将图像移动到图像所在的div之外。