標題設計問題中的鏈接

嘿，我打算在我的標題中添加鏈接，並且設計它們給我帶來了一些問題。我的目標是製作一個類似於推特的文章，但我面臨兩個問題。首先，當我改變一個鏈接的背景顏色時，它會改變鏈接周圍背景的顏色，但我希望它改變鏈接的背景，從標題的頂部到標題的底部。以更好地理解Twitter）以及我怎樣才能改變活動鏈接的背景顏色？通過主動我的意思是，如果鏈接鏈接到homepage.php和用戶在homepage.php我希望鏈接有不同的背景顏色。下面是我想出來的到現在的代碼：標題設計問題中的鏈接

<div class="littleheader"><div class="logo"><a HREF="index.php"><img class="fleft" src="graphics/little-logo.png" alt="Cliproid" ></a></div> 

<div class="navbuttons"> 
<div class="navigations"> 
<a class="nav">test</a> 
</div> 
<br/><br/> 
</div> 
</div>

和樣式：

div.littleheader 
    { 
     background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#aadbba), to(#009933)); 
     background: -moz-linear-gradient(top, #aadbba, #009933); 
     padding: 0.5em; 
     color: white; 
     clear: left; 
     z-index: 1; 
     height: 30px; 
     } 
    .logo 
    { 
     margin-left: 100px; 
     vertical-align: middle; 
     } 
     div.navbuttons{ 
     float: left; 
     text-align: left; 
     margin-left: 50px; 
     } 
.fleft 
{ 
    float: left; 
    } 
.navigations 
{ 
    float: left; 
    vertical-align: middle; 
    margin-left: 10px; 
    } 
a.nav 
{ 
    vertical-align: middle; 
    color: white; 
    }

來源

2011-01-22 Samir Ghobril

我首先想到的是改變a.nav：

a.nav { 
    display: block; 
    float: right; 
    line-height: 120px;  /* just an example, line-height causes vertically aligned */ 
}

，並採取它從那裏。

您將不得不將整個導航欄向右移動，並留下其他東西，但這是基本的開始。

來源

2011-01-22 14:19:39 jeroen

順便說一下，當浮動時，`display：block`已經隱含，我只是爲了清楚而添加它。 – jeroen 2011-01-22 14:24:22

標題設計問題中的鏈接

回答

相關問題