Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Создать кнопку из спрайта и текста 
:(
    Опции темы
insy
Дата 28.6.2011, 20:54 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


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

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



ребят, подскажите пожалуйста как создать кнопку как на присоединенном примере.

галочка берется из спрайта.Никак не пойму как именно со спрайтом работать в данном случае.

Присоединённый файл ( Кол-во скачиваний: 22 )
Присоединённый файл  submit.jpg 13,48 Kb
PM MAIL   Вверх
bars80080
Дата 28.6.2011, 23:17 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прапор творюет
****
Награды: 1



Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 50
Всего: 315



а что такое "спрайт" в вашем понимании?
PM MAIL WWW   Вверх
insy
Дата 29.6.2011, 03:24 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


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

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



Сколь угодно много изображений в одном файле. Выбор нужного изображения осуществляется при задании background-position.
Просто, как сделать тоже самое с одной картинкой понятно и не вызывает никаких затруднений.
PM MAIL   Вверх
bars80080
Дата 29.6.2011, 14:00 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прапор творюет
****
Награды: 1



Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 50
Всего: 315



есть такая кнопка

Код

<button><div class="sprite" style="background-position: ..." type="submit"></div> Submit</button>


остаётся расписать стили
PM MAIL WWW   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




[ Время генерации скрипта: 0.0659 ]   [ Использовано запросов: 20 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.