你如何得到這個div來環繞圖像鏈接？

我有這個圖片鏈接：你如何得到這個div來環繞圖像鏈接？

<%= link_to image_tag(comment.user.profile.photo.url(:tiny)), profile_path(comment.user.profile), :class => "comment_image" %>

，我想換含1文本和2.與周圍的圖像鏈接的鏈接和文本列表一個div。我希望圖像位於左側，div要位於圖像的右側。

enter image description here

來源

2011-04-06 Justin Meltzer

截圖...一因此，忽略怪異的測試評論大聲笑 – corroded 2011-04-06 06:39:10

遺憾的圖像質量差什麼 – 2011-04-06 06:45:05

所以文本和頁腳（評論文字下面的小鏈接和文本）應該環繞圖像 – 2011-04-06 06:45:34

假設你不需要任何的由link_to助手提供的票友功能，簡單的答案是隻要直接使用一個錨標記。

<a href="<%= profile_path(comment.user.profile) %> class="comment_image"> 
    <div> 
    Some stuff -- whatever 
    <%= image_tag(comment.user.profile.photo.url(:tiny)) %> 
    Some more stuff -- ya know... 
    </div> 
</a>

來源

2011-04-06 06:42:22

謝謝，但我更喜歡使用link_to幫手 – 2011-04-06 06:44:15

你可以使這個工作，使用鏈接助手，但代碼將更加難以維護。它沒有特別好的理由增加了另一層抽象。不過，您可以通過在每個文字字符串上使用'html_safe'方法連接包含文字HTML的文本字符串。「 ...」。html_safe。 – 2011-04-06 07:02:02

然後我只將div和.comment_image浮動到左邊？ – 2011-04-06 07:23:56

，你會介意我在HAML（同樣的事情再培訓局發佈它只是沒有<% %>和結束標記：（排序爲HTML僞代碼）

%ul 
    %li 
    = link_to image_tag(comment.user.profile.photo.url(:tiny)), profile_path(comment.user.profile), :class => "comment_image" 
    %div.user-comments 
     comment 
     username etc 

    %li 
    rinse-repeat

不要忘記清除你浮在禮！

然後在你的CSS，只是浮comment_image和用戶註釋離開了。

的，你需要做什麼？

來源

2011-04-06 07:12:57 corroded

你如何得到這個div來環繞圖像鏈接？

回答

相關問題