如何使網站的標題部分與徽標一樣低？

我只是改變了一些樣式，並打破了我的網站:)並沒有太多線索如何設置它。如何使網站的標題部分與徽標一樣低？

我把一個新的形象作爲標誌。之前它是大字體文本。現在，div在其他文字的底部結束，而不是在標誌的底部。

看看它是如何在這裏打破的：http://www.problemio.com - 請參閱頂部 - 我需要使div延伸到左側圖像的底部。

這裏是我的CSS：

.banner 
{ 
    width:60em; 
    margin: 0 auto; 
    position: relative; 
    padding: 0.3em 0; 
    z-index: 1; 
} 

.banner .site_title 
{ 
    background: url("http://www.problemio.com/img/ui/problemio.png") no-repeat scroll 0 0 transparent; 
    padding:5px 60px; 
    font-weight: bold; 
    color: #ffce2e; 
    text-shadow: 2px 2px 2px rgba(0,0,0,0.8); 
    font-size:2.5em; 
    text-align: left 
}

，這裏是我用的HTML：

<div class="banner"> 
<!-- title and login/sign up go here --> 
    <a href="http://www.problemio.com"> 
     <div class="site_title"> 

     </div> 
    </a>

，我試圖使圖像顯示在網站標題的div。我想我應該使用img標籤，對吧？我應該如何增強我的風格？

謝謝，亞歷克斯

來源

2011-10-01 Genadinik

你沒有設置你的banner或site_title div的高度，所以他們只能將高達它們裏面的元素，這在banner div的情況下出現成爲文字鏈接。

在你的CSS代碼，你設置的背景URL既.banner和.site_title類中。這是多餘的，如果你只給一個div一個保證金，可能導致看起來很奇怪。爲什麼不擺脫site_title股利，只是使其形象？這也應該解決你的身高問題。

來源

2011-10-01 01:53:37 Anson

好吧完全合理！謝謝！ – Genadinik

沒有問題。如果您嘗試了這一點，但仍然存在問題，請隨時用更新的代碼更新問題。 – Anson

如何使網站的標題部分與徽標一樣低？

回答

相關問題