如何将URL附加到图像

时间:2015-04-13 23:56:57

标签: html css ruby-on-rails ruby ruby-on-rails-4

我尝试了不同的方式在我的rails应用中显示图片,当用户点击时,他应该被重定向到我指定的网址。

我试过这个方法,“rails method”

<li <%= link_to new_gig_path %><%= image_tag 'v.png' %></li>

只是图像显示,但图像无法点击。

比我尝试过这种“HTML方法”<a href="the redirect url"><img src="link to an image"/></a>

它按照我想要的方式工作,图像出现了,当我点击它时,它重定向到我想要的地方。问题是它被包裹在<a></a>标签中,但我需要包装代码在<li></li>标签中,

注意:我还尝试将<a></a>标记包装在<li></li>标记中,但它破坏了我的设计,我确实需要它只在<li>中标签

查看我的导航栏,您会看到我的导航栏采用<li>标记

结构化
#instead of this comment I want to put the code,i am asking help with
<li><%= link_to '+Add Box', new_gig_path, id: "addgig" %></li>
<li><%= link_to 'Edit Profile',edit_user_registration_path, id: "menu-overwritten" %></li>
<li><%= link_to "Log out", destroy_user_session_path, :method => :delete, id: "menu-overwritten"%></li>

更多信息: 我也试过这个方法

<li><a href="url link to redirect"><img src="a link to an image" height="30" width="159" ></a></li>

这次它运作良好,但我不认为如果我离开这种方法会有反应。这绝对不是轨道方式。 谢谢。

1 个答案:

答案 0 :(得分:1)

<li>
  <%= link_to new_gig_path  do %>
    <%= image_tag 'v.png', class: 'your-class' %>
  <% end %>
</li>