ruby-on-rails - <%= link_to %> する方法Ruby on Railsで

Question

私の Navbar では、現在、「Sign out」というフレーズを signout_path にリンクしています。

    <li><%= link_to "Sign out", signout_path, :method => :delete %></li>

li タグの領域全体をリンクにして、グラデーション領域のどこかをクリックするとホームにリンクするようにするにはどうすればよいですか?

ホバーしたときの li 領域の CSS:

     ul.TabNav li:hover {
     background:#666;
     cursor:pointer;
        }

ありがとう！:)

Answer 1

CSSでこれを試してください：

ul.TabNav li a {
  display: block;
}

これでレイアウトが崩れない場合は、リンクがliタグ内の使用可能なスペースを埋めて、すべてをクリックできるようにする必要があります。

Answer 2

a 要素にパディングを追加する必要があります。その後、パディング内のすべてがクリック可能になります。

ul.TabNav li a {
  padding-left: 10px;
  padding-top: 5px;
  padding-right: 10px;
  padding-bottom: 5px;
}

または、Michael が言うように、表示させます: たとえば、ブロックします。

http://jsfiddle.net/MrFdY/3/