![](/img/trans.png)
[英]Reduce spacing between logo and search field (WordPress Twenty Eleven)
[英]Sponsor logo 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>
創建一個包含圖像的div並使用css將其定位:
CSS:
#imgdiv {
position:absolute;
top:20px;
left:-40px;
}
HTML:
<div class='imgdiv'><img src='myimage.jpg' /></div>
注意:您將需要調整'top'和'left'的值,使其顯示在所需的位置。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.