在左側和同一行上移動徽標

-2

我想將徽標移動到網站標題和描述的左側。我有谷歌搜索引擎優化調整重新定位的標誌，但它沒有奏效。我幾乎沒有關於CSS的知識。在左側和同一行上移動徽標

有沒有人可以幫助我嗎？該網站是www.cebubibleseminary.com

2014-07-25 Suarez Kenjie

顯示你已經嘗試過的請。 –

你好，歡迎來到堆棧溢出。我希望這有助於

CSS修復

.site-intro .avatar { 
width: 104px; 
float: inherit; 
}

這是怎麼會照顧 enter image description here

來源

2014-07-25 16:13:49 Beep

@嗶嗶。非常感謝你的幫助。有沒有什麼辦法可以使徽標更接近第一個字母（C）？高度曾經是大約400px，但現在它降低到大約200px，這是可以理解的，因爲我們在那裏刪除了標識。有什麼方法可以保持身高？ –

當然，只需改變CSS即可。我可以幫助我空地。 – Beep

它不起作用的原因是標題自動創建新行。這個網站沒有類似的東西：

palyrobotics.com

請與風格的標題「顯示：內聯;」。請參閱下面的例子：

<img src="/assets/img/logos/main_logo.png" width="100" height="50"> 
<div class="show-for-small-only"> 
    <h2 style="display:inline; margin-left:-10px;">Paly Robotics</h2> 
</div>

你會做：

<a href="http://www.cebubibleseminary.com/" title="Cebu Bible Seminary Inc." rel="home" class="site-intro"> 
    <img alt="Cebu Bible Seminary Inc." src="http://0.gravatar.com/avatar/cc3b29587548d89dfb16b15223a18995?s=256&amp;d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D256&amp;r=G" class="avatar avatar-256 photo" height="256" width="256"> 
    <h1 class="site-title" style="display:inline;">Cebu Bible Seminary Inc.</h1> 
    <h2 class="site-description"></h2> 
</a>

這應該工作。 LMK如果沒有。

來源

2014-07-25 16:13:23 42mileslong

你有標籤錯了。這應該是一個CSS問題。

要解決您的問題只需將內容放在2個div。例如，應用樣式屬性float left和float right。如果你想讓它們對齊，使用屬性寬度。舉例：

<div style="float:left; width:300px;"> 
    <img alt="Cebu Bible Seminary Inc." src="http://0.gravatar.com/avatar/cc3b29587548d89dfb16b15223a18995?s=256&amp;d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D256&amp;r=G" class="avatar avatar-256 photo" height="256" width="256"> 
</div> 
<div style="float:right"; width:800px;>   
    <h1 class="site-title">Cebu Bible Seminary Inc.</h1> 
    <h2 class="site-description"></h2> 
</div>

來源

2014-07-25 16:21:35

在左側和同一行上移動徽標

回答

相關問題