VPF::Добавить рисунок - Форум программистов

Лена

Дата 27.12.2009, 22:29 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 879
Регистрация: 16.8.2006

Репутация: нет
Всего: 11

У меня есть код:
<tr>
     <td class="entry" >
     <% form_remote_tag :url => { :action => :add_to_cart, :id => @productone } do %>
      <%= submit_tag "Добавить в корзину" %>

    <% end %></td>
  </tr>

Подскажите есть ли возможность добавить к кнопке мальникий рисунок слева или справа?

Vasay

Дата 27.12.2009, 22:42 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Завсегдатай
Сообщений: 2097
Регистрация: 8.3.2006

Репутация: 2
Всего: 73

Лена,

<img src="url картинки" /> - выведет картинку

картинка слева:

Код


<tr>
     <td class="entry" >
     <% form_remote_tag :url => { :action => :add_to_cart, :id => @productone } do %>
      <img src="url картинки" /> 
      <%= submit_tag "Добавить в корзину" %>
      
    <% end %></td>
  </tr>

--------------------

Придумать идеальную защиту от дурака невозможно, дураки, наудивление, изобретательны.

Лена

Дата 27.12.2009, 22:50 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 879
Регистрация: 16.8.2006

Репутация: нет
Всего: 11

Я видимо не грамотно сформулировала вопрос. Мне нужна картинка прямо на кнопке...

P.S.
Наверное, единственный способ это создать такую кнопку как рисунок самостоятельно (картинка + текст) и затем использовать?

Это сообщение отредактировал(а) Лена - 27.12.2009, 22:51

Vasay

Дата 27.12.2009, 23:06 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Завсегдатай
Сообщений: 2097
Регистрация: 8.3.2006

Репутация: 2
Всего: 73

[B]Лена[/B

В HTML через стили можно задать background для кнопки и разместить а нем рисунок

как-то так

Код



<input type="submit" class="myBut" value="Добавить в корзину">

и в CSS прописать что-то типа:

Код


input.myBut {
background-image: url(mybut1.jpg);
background-repeat:  no-repeat;
background-position: left;
}

--------------------

Придумать идеальную защиту от дурака невозможно, дураки, наудивление, изобретательны.

Лена

Дата 27.12.2009, 23:08 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 879
Регистрация: 16.8.2006

Репутация: нет
Всего: 11

В общем нашла простое решение:
Взяла кнопку отсюда: http://blog.webasyst.ru/more-add-to-cart-buttons/
и написала: <%= image_submit_tag("kor.gif") %> smile

Добавлено через 1 минуту и 5 секунд
Vasay, спасибо за консультацию. smile

Vasay

Дата 27.12.2009, 23:29 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Завсегдатай
Сообщений: 2097
Регистрация: 8.3.2006

Репутация: 2
Всего: 73

Цитата(Лена @ 27.12.2009, 23:08

)

В общем нашла простое решение:

Думаю, и самое верное и симпатичное smile

Вот только было бы очень неплохо, если бы у картинки был бы тэг alt - мало ли кто картинки в браузере отключит.

Цитата

<%= image_submit_tag ("kor.gif", :alt => "Добавить в корзину") %>

--------------------

Придумать идеальную защиту от дурака невозможно, дураки, наудивление, изобретательны.

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Ruby On Rails \| Следующая тема »