Question

我正在浏览本网站的页脚，我想将Skype聊天选项添加到联系人。这是div中的一个脚本。我试着把它安排在左边像ul里面的其他li元素一样没有运气，看看这个截图：

小提琴：jsfiddle.net/mCuVq

HTML：

<h4>Suggestions, offers?</h4>
<ul>
    <li>
        <a href="javascript:void(0)">Send us a mail</a>
    </li>
    <li>
        <a href="javascript:void(0)">Send us a message on Facebook</a>
    </li>
    <li>
        <div class="SkypeButton">
            <script type="text/javascript">
                Skype.ui({
                    "name" : "chat",
                    "element" : "SkypeButton",
                    "participants" : ["xxx"],
                    "imageSize" : 32
                });
            </script>
        </div>
    </li>
</ul>

mid ul的CSS：

footer .wrapper .column.midlist ul li {
    display: block;
    width: auto;
    padding: 0 0 0px 0px;
    margin-bottom: 0px;

/*  background: url(img/arrowright2.png) left 6px no-repeat;/*/
    text-align:left;
}


footer .wrapper .column.midlist ul li a:hover {
    color: #e56038;
}

footer .wrapper .column.rightlist ul li {
    display: block;
    width: auto;
    margin-bottom: 15px;

Answer 1

尝试添加以下css。检查它是否适合您：

footer .wrapper .column.rightlist ul {
    margin:0;
    padding:0;
}

Answer 2

负责您的问题的代码是由Skype JavaScript创建的垂直对齐代码，并且必须被覆盖。

将<div class="SkypeButton">更改为<div id="SkypeButton">并将其添加到您的css：

#SkypeButton_paraElement a img { margin:0 !important; 
                                  vertical-align:0 !important }

的 jsfiddle

将<div>左对齐<li>？</li> </div>内的左侧

2 个答案: