移动标题的一部分时的HTML代码

Question

我一直在开发一个网站http://www.ideas2ignite.com/wordpress/ 我想将4个社交图标从黑色条的顶部移动到底部，即将它们与同一当前列中的导航栏对齐。

我尝试更改wordpress的header.php文件但无法达到我想要的效果。

非常感谢任何帮助。

Answer 1

访问{

display: block;
float: left;
margin: 50px 0 0;
width: 785px;

socialicons {

float: right;
margin-top: 150px;
width: 150px;
z-index: 100;

}

然后尝试清理浮动。

Answer 2

你最好的选择是进入header.php（虽然我不知道在没有看到代码的地方或方式，以及你正在使用的插件）并重做html以便#socialicons div是它应该是的地方。这可能很棘手，因为菜单当前设置为页面的总宽度。

然而：快速而肮脏的黑客将是将元素相对定位在您想要的位置。在你的style.css文件中，在第370行附近，你有：

#socialicons{margin-top:3px;}

替换为：

#socialicons{
    margin-top:3px;
    position: relative;
    top: 150px;
}

我没有在firefox之外做任何测试，所以你要确保它运行良好。