2016-03-29 15 views
0

私は商業用サイトを作成するためにレール上のテンプレートを使用していました。ランディングページには、画像に応じて他のページに誘導したい画像があります。あるイメージのため画像クラスでのリンクの作成

images to be used as links

コード:

<div class="top-box"> 
       <div class="col_1_of_3 span_1_of_3"> 
       <a href="single.html"> 
       <div class="inner_content clearfix"> 
        <div class="product_image"> 
         <img src="images/pic3.jpg" alt=""/> 
        </div> 
        <div class="price"> 
         <div class="cart-left"> 
          <p class="title">Lorem Ipsum simply</p> 
          <div class="price1"> 
           <span class="actual">$12.00</span> 
          </div> 
         </div> 
         <div class="cart-right"> </div> 
         <div class="clear"></div> 
        </div>    
        </div> 
        </a> 
       </div> 

私はレールで初心者午前と支援のためにしてください求めていた、それは下の画像のように見えますか?

+0

」 –

+0

ありがとうございます。それは完全に働いた。心から感謝する。どうすればコンテナ全体をリンクにすることができますか?イメージだけではないのですか? –

答えて

0

link_toブロック内の画像を使用できます。

<%= link_to image_path(@image) do %> 
    <%= image_tag 'pic3.jpg' %> 
<% end %> 

また、Railsメソッドを使用し、プレーンHTMLコードを使用してアプリケーションで画像を生成しないようにしてください。