ヘッダーデザインの質問のリンク

Question

ちょっと、私のヘッダーにリンクを追加する予定だったので、それらをデザインすることは私に少し問題を引き起こしています。私はツイッターのものに似ていることを目指していますが、私が直面している2つの問題があります。まず、リンクの背景色を変更すると、リンクの周りの背景の色が変わりますが、リンクの背景をヘッダーの上部からヘッダーの下部に変更したいと考えています（参照ツイッターでよく理解する）、また、アクティブなリンクだけの背景色を変更するにはどうすればよいですか？アクティブにすると、リンクが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; 
    } 

Answer 1

私が最初に考えたのはa.navを変更するには、次のようになります。

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

と取りますそこから。

ナビゲーションバー全体や他のものを残しておく必要がありますが、これが基本的なスタートです。