link to image tag how to add class to a tag

Question

I am using link to img tag like following   lt    link to image tag  Search png    border  gt 0   class   gt   dock-item      action   gt   search    controller   gt   pages   gt  lt span gt Search lt  span gt  lt  a gt    Which results in following html   lt a href   pages search  gt  lt img alt  Search  border  0  class  dock-item   src   images Search png 1264132800    gt  lt  a gt  lt span gt Search lt  span gt  lt  a gt     I want the class  dock-item  to go to the  lt a gt  tag instead of the img tag    How can i change this   Update    lt    link to image tag  Search png    border  gt 0    action   gt   search     controller   gt   pages    class   gt   dock-item    gt    results in   lt a href   pages search class dock-item  gt  lt img alt  Search  border  0   src   images Search png 1264132800    gt  lt  a gt

User · Answer

this is my solution    lt    link to root path do   gt      lt    image tag  image jpg   class   some class here    gt   lt   end   gt

User · Answer

Best will be   link to image tag  Search png    border   gt  0   alt   gt       title   gt       pages search path   class   gt   dock-item

User · Answer

Just adding that you can pass the link to method a block    lt    link to href   http   www example com   do   gt       lt    image tag  happyface png   width  136  height  67  alt   a face that is unnervingly happy   gt   lt   end   gt    results in    lt a href    href http 3A 2F 2Fhttp   www example com k 2F  gt       lt img alt  a face that is unnervingly happy  height  67  src   assets happyface png  width  136  gt   lt  a gt    This has been a life saver when the designer has given me complex links with fancy css3 roll-over effects

User · Answer

hi you can try doing this  link to image tag  Search png   border  0    action   search   controller   pages     class   dock-item     or even  link to image tag  Search png   border  0    action   search   controller   pages    class   dock-item    note that the position of the curly braces is very important  because if you miss them out  rails will assume they form a single hash parameters  read more about this here   and according to the api for link to   link to name  options       html options   nil     the first parameter is the string to be shown  or it can be an image tag as well  the second is the parameter for the url of the link the last item is the optional parameter for declaring the html tag  e g  class  onchange  etc    hope it helps

User · Answer

To respond to your updated question  according to http   api rubyonrails org classes ActionView Helpers UrlHelper html     Be careful when using the older argument style  as an extra literal hash is needed     link to  Articles      controller   gt   articles      id   gt   news    class   gt   article        gt   lt a href   articles  class  article  id  news  gt Articles lt  a gt    Leaving the hash off gives the wrong link     link to  WRONG     controller   gt   articles    id   gt   news    class   gt   article        gt   lt a href   articles index news class article  gt WRONG  lt  a gt

User · Answer

Hey guys this is a good way of link w  image and has lot of props in case you want to css attribute for example replace  alt  or  title  etc     also including a logical restriction       lt    link to image tag    request ssl     image domain secure    image domain  images linkImage png     alt  gt  Alt title    title  gt  Link title       http   www site com   gt    Hope this helps

User · Answer

I tried this too  and works very well          lt    link to home index path do   gt         lt div class  logo-container  gt           lt div class  logo  gt             lt    image tag  bar ico     gt           lt  div gt           lt div class  brand  style  font-size  large   gt             BAR          lt  div gt         lt  div gt         lt   end   gt

User · Answer

You can also try this   lt li gt  lt    link to     application welcome path  class   navbar-brand metas-logo       gt  lt  li gt    Where  metas-logo  is a css class with a background image

User · Answer

lt    link to root path do   gt  lt    image tag  Search png   alt  gt  Vivek   title  gt  Vivek   class  gt  dock-item    gt  lt    content tag  span   Search   html safe  gt  lt   end   gt

User · Answer

Easy    lt    link to image tag  Search png    border  gt 0    action   gt   search    controller   gt   pages    class   gt   dock-item    gt    The first param of link to is the text html to link  inside the a tag   The next set of parameters is the url properties and the link attributes themselves

User · Answer

The whole  action   gt    controller   gt  bit that I ve seen around a lot didn t work for me    Spent hours digging and this method definitely worked for me in a loop     lt   link to  image tag participant user profile pic url  small    user path participant user    class  gt  work     gt    Ruby on Rails using link to with image tag  Also  I m using Rails 4

[ruby-on-rails] link_to image tag. how to add class to a tag

Examples related to ruby-on-rails