Estoy usando la etiqueta link_to img como seguir
<%= link_to image_tag("Search.png", :border=>0, :class => 'dock-item'),
:action => 'search', :controller => 'pages'%><span>Search</span></a>
Lo que resulta en seguir html
<a href="/pages/search"><img alt="Search" border="0" class="dock-item"
src="/images/Search.png?1264132800" /></a><span>Search</span></a>
Quiero que class = "dock-item" vaya a la <a>
etiqueta en lugar de la etiqueta img.
Cómo puedo cambiar esto?
Actualizar:
<%= link_to image_tag("Search.png", :border=>0), :action => 'search',
:controller => 'pages', :class => 'dock-item' %>
resultados en
<a href="/pages/search?class=dock-item"><img alt="Search" border="0"
src="/images/Search.png?1264132800" /></a>
ruby-on-rails
Omnipresente
fuente
fuente
<a href="https://stackoverflow.com/pages/search" class="dock-item"><img alt="Search" border="0" src="/images/Search.png?1264132800" /><span>Search</span></a>
Agregué una etiqueta span antes de cerrar la<a>
etiquetaSolo agregando que puedes pasar el
link_to
método un bloque:resulta en:
Esto me ha salvado la vida cuando el diseñador me ha proporcionado enlaces complejos con elegantes efectos de sustitución de CSS3.
fuente
Lo mejor será:
fuente
esta es mi solución:
fuente
Fácil:
El primer parámetro de link_to es el texto / html para enlace (dentro de la una etiqueta). El siguiente conjunto de parámetros son las propiedades de la URL y los propios atributos del enlace.
fuente
Para responder a su pregunta actualizada, de acuerdo con http://api.rubyonrails.org/classes/ActionView/Helpers/UrlHelper.html ...
Tenga cuidado al usar el estilo de argumento más antiguo, ya que se necesita un hash literal adicional:
Dejar el hash desactivado da el enlace incorrecto:
fuente
Todo lo
:action =>, :controller =>
que he visto mucho no funcionó para mí.Pasé horas investigando y este método definitivamente funcionó para mí en un bucle.
Ruby on Rails usando link_to con image_tag
Además, estoy usando Rails 4.
fuente
También probé esto y funciona muy bien:
fuente
Hola chicos, esta es una buena forma de enlace con imagen y tiene muchos accesorios en caso de que desee cambiar el atributo css, por ejemplo, reemplazar "alt" o "título", etc. ... también incluye una restricción lógica (?)
¡Espero que esto ayude!
fuente
fuente
también puedes probar esto
Donde "metas-logo" es una clase CSS con una imagen de fondo
fuente