Question

我想移动facebook和twitter按钮，让它们在我的临时网站上更加醒目：

现在它们位于页脚下方，没有人能看到它们。我想将它移到第一个文本列的旁边。在那个文本框之外......那样人们会更好地看到它。

演示：

Answer 1

好的，所以如果我理解正确，你会尝试将你的Facebook和Twitter图片移到列的左侧。因此，让我们在CSS中创建一个名为columnSocial的新列：

#columnSocial {
line-height:120px;
background-color:#394046;/*background: url(black.jpg) no-repeat 0 0;*/
width:64px;
height:250px;
float:left;
position:relative;}

我从现有列中复制了大部分内容 - 请确保编辑其中一列宽度以适应（您的列容器仅允许900px，因此您需要在其他位置剃掉36px）这个新列。 line-height属性对于获取一些垂直间距非常有用，因为我们无法在div元素上使用vertical-align。

在HTML中，您需要添加：

<div id="columnSocial">
     ...
</div>

容器开始后和column1开始之前。您可以随意切换任何数字，但这应该与您要求的类似。

作为一般设计说明，具有良好的结构（如列的容器）需要进行大量工作而不是这样的变化 - 最终移动图像变得微不足道，因为我们所要做的就是制作一个新专栏。

Answer 2

这是你需要的： - 你的页脚应该像

<div id="footer" style="text-align: center;">
<p>&copy; 2012 Angloesfera. Todos los derechos reservados.</p>
<div id="snetworks">
        <a class="show" href="https://www.facebook.com/pages/Academ%C3%ADa-AngloEsfera/190496871000029"> <!--a http-vel kell a link...vagy          kulonben az en oldalamon belul fogja keresni a linket-->
        <img width="36" height="36" rel="" title="" alt="facebook" src="images/facebook.png"></a>

        <a class="show" href="https://twitter.com/GoE_Shop">
        <img width="36" height="36" rel="" title="" alt="facebook" src="images/twitter.png"></a>
</div>
</div>

和#ssnet的css

#snetworks {
    left: 100px;
    position: absolute;
    top: 2px;
}

如何将按钮移动到第一个文本列的中间？

2 个答案: