-->
./
<!-- フラ&#65533;ュが見れな&#65533;のためにここに何か書&#65533; --> フラ&#65533;ュがインス&#65533;&#65533;ルされて&#65533;&#65533;たいで&#65533;&#65533;&#65533;

2010年02月14日

button_toでボタンの使用とマウスオーバー

CSSの設定
#h_navigation .k_category_view .button { margin-bottom:1px; width:40px; height:19px; color: white; background:url("../images/buttons/k_view-40x19.png") no-repeat; cursor:pointer; }

#h_navigation .k_category_view .button:hover {  
   background-image: url("../images/buttons/select_category.png"); /* マウスオーバー時の画像 */  
  }  


Viewの設定
        <div class="inline">
          <%= button_to "", {:action=>:k_view,:id=>category.id}, {:style=>'border:0px',:class=>'button'} %>
          <b>&nbsp;<%=h category.name %></b>
          &nbsp;(<%=h @count[category.id]%>)
        </div>




 cssファイルで、border:0pxの設定をしてもInternet Explorer 8では、外回りの枠線が消えませんでした。

Powered by ScribeFire.



posted by hirono at 14:44| Comment(0) | TrackBack(0) | Rails