2015-09-26 50 views
0

我試圖把在標題標記一個H1標籤標識圖像下一如下:HTML5 - H1位置文本旁邊的形象

/* line 1, ../scss/layout/_header.scss */ 
 
header { 
 
    background: white; 
 
    color: red; 
 
    height: 100px; 
 
} 
 

 
header img.logoImage{ 
 
    width:30px; 
 
    height:30px; 
 
} 
 
/* line 6, ../scss/layout/_header.scss */ 
 
header h1#companyName { 
 
    padding: 20px; 
 
    font-size: 20px; 
 
    
 
} 
 
/* line 10, ../scss/layout/_header.scss */ 
 
header h1#companyName a .logoImage { 
 

 
}
<header>  
 
    <h1 id="companyName"> 
 
     <a href="#" title="Company Website"> 
 
     <img class="logoImage" title="" src="https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcSd51Q5z8j6c_EBEYzZgU1pfyiGHxOUgchpUs9wC3eaFn6PrXfqe8kjWA" alt="Company Name"/> 
 
      Company name 
 
     </a>  
 
    </h1>   
 
    </header>

的事情是,「某些標題「沒有顯示,因爲它停留在圖像下方。 另外,這是實施它的好方法嗎? (搜索引擎優化等)

請問你能說點什麼嗎?

謝謝!

+0

「有些標題是」不應該下的任何顯示。它是一個alt屬性,將作爲工具提示顯示(在大多數瀏覽器中)。我無法重現您用您提供的代碼描述的問題。 – Quentin

+0

感謝您的建議。那麼,你有什麼建議呢? – Beppe

+0

要麼描述您向我們展示的代碼給您提供的代碼或向我們展示說明您描述的問題的代碼的問題。 – Quentin

回答

0

您可以選擇後嘗試CSS:

.logoImage:after { content:attr(alt);}