如何在页面顶部放置图像按钮

时间:2013-08-29 14:35:11

标签: css wordpress html positioning

我正在尝试在此页面顶部添加两个按钮:

http://213.229.81.180/~demo/

我设法通过输入以下代码添加它们:

<div class="hochzeit-button-header"><a href="http://213.229.81.180/~demo/portfolio-hochzeit/"><img id="hochzeit-button" src="http://213.229.81.180/~demo/wp-content/themes/creativepearl_child/btn_hochzeit.png" alt="hochzeit button" title="hochzeit button"></a></div>

<div class="portrait-button-header"><a href="http://213.229.81.180/~demo/portfolio-portrait/"><img id="portrait-button" src="http://213.229.81.180/~demo/wp-content/themes/creativepearl_child/btn_portrait.png" alt="portrait button" title="portrait button"></a></div>

问题仍然存在,现在菜单中的所有其他内容都已向下移动,因此标题变得过大。

我想将图片放在菜单中的其他内容之上,例如facebook,google plus按钮。

1 个答案:

答案 0 :(得分:0)

您需要将按钮绝对定位在标题内。为此,请将position:relative添加到按钮的父元素,然后将position: absolute和类似top: 10px; right: 30px;的内容添加到按钮中。