我正在使用带有Twenty Eleven主题的Wordpress。
此刻,我有一个体育俱乐部的标志,上面标有标题。我现在被要求在标题左边添加一个赞助商标志,与徽章一致。有谁知道一个简单的方法来实现这个目标?
这是代码:
<header id="branding" role="banner">
<hgroup>
<h1 id="site-title"><img src="http://aberdeenshirecc.org.uk/phpHrX1SaAM.jpg"style="width:84px;height:100px; display:inline; vertical-align:center; img margin-top:200px; "<span><a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></span></h1>
Sponsored by:
<img src="http://aberdeenshirecc.org.uk/Ace.jpg"style="width:200px;height:76px; float:left; display:inline; vertical-align:left; ">
<h2 id="site-description"><?php bloginfo( 'description' ); ?></h2>
</hgroup>
答案 0 :(得分:0)
创建一个包含图像的div并使用css定位它:
CSS:
#imgdiv {
position:absolute;
top:20px;
left:-40px;
}
HTML:
<div class='imgdiv'><img src='myimage.jpg' /></div>
注意:您需要调整“顶部”和“左侧”的值,以使其显示在您需要的位置。