Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > HTML и CSS
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 03.12.2011, 15:00   #1
moshkin_ura
Web Studio "БЕЛКО"
Форумчанин
 
Аватар для moshkin_ura
 
Регистрация: 15.08.2011
Сообщений: 180
По умолчанию Вопрос про картинку и хтмл

Здраствуйте, столкнулся с проблемой есть картинка как так сделать что-бы в моем коде отображалась верхняя картинка а как нижняя???
Есть три способа отвечать на вопросы: сказать необходимое, отвечать с приветливостью и – наговорить лишнего
Плутарх - (ок. 46 — ок.120) - древнегреческий писатель, историк
moshkin_ura вне форума Ответить с цитированием
Старый 03.12.2011, 16:52   #2
Arigato
Высокая репутация
СуперМодератор
 
Аватар для Arigato
 
Регистрация: 27.07.2008
Сообщений: 16,219
По умолчанию

Самый простой способ: разрезать картинку и отображать нужную.
Arigato вне форума Ответить с цитированием
Старый 03.12.2011, 17:25   #3
moshkin_ura
Web Studio "БЕЛКО"
Форумчанин
 
Аватар для moshkin_ura
 
Регистрация: 15.08.2011
Сообщений: 180
По умолчанию

Цитата:
Сообщение от Arigato Посмотреть сообщение
Самый простой способ: разрезать картинку и отображать нужную.
а как посложней??? обрезать и все такое не вариант!
Есть три способа отвечать на вопросы: сказать необходимое, отвечать с приветливостью и – наговорить лишнего
Плутарх - (ок. 46 — ок.120) - древнегреческий писатель, историк
moshkin_ura вне форума Ответить с цитированием
Старый 03.12.2011, 17:31   #4
Cronos20
Форумчанин
 
Регистрация: 08.07.2010
Сообщений: 679
По умолчанию

Делаете div размером с одну картинку и для него ставите background-image с позиционированием top или button в соответствии с нужной картинкой
Cronos20 вне форума Ответить с цитированием
Старый 03.12.2011, 17:40   #5
moshkin_ura
Web Studio "БЕЛКО"
Форумчанин
 
Аватар для moshkin_ura
 
Регистрация: 15.08.2011
Сообщений: 180
По умолчанию СПАСИБО

Цитата:
Сообщение от Cronos20 Посмотреть сообщение
Делаете div размером с одну картинку и для него ставите background-image с позиционированием top или button в соответствии с нужной картинкой
Спасибо работает!
Есть три способа отвечать на вопросы: сказать необходимое, отвечать с приветливостью и – наговорить лишнего
Плутарх - (ок. 46 — ок.120) - древнегреческий писатель, историк

Последний раз редактировалось moshkin_ura; 03.12.2011 в 21:57.
moshkin_ura вне форума Ответить с цитированием
Старый 03.12.2011, 22:03   #6
moshkin_ura
Web Studio "БЕЛКО"
Форумчанин
 
Аватар для moshkin_ura
 
Регистрация: 15.08.2011
Сообщений: 180
По умолчанию

вот еще проблема есть код
Код:
<a href="ССЫЛКА"><img src='картинка без наведения' onmouseover="this.src='картинка при наведение'" onmouseout="this.src='картинка без наведения'" border=0></a>
при направлений на картинку она меняется! но как сделать для моего случая ну не в ссылку див вставлять же! помогите отблагодарю репой
Есть три способа отвечать на вопросы: сказать необходимое, отвечать с приветливостью и – наговорить лишнего
Плутарх - (ок. 46 — ок.120) - древнегреческий писатель, историк
moshkin_ura вне форума Ответить с цитированием
Старый 04.12.2011, 00:31   #7
Naive
Раздолбайских Дел
Старожил
 
Аватар для Naive
 
Регистрация: 22.05.2009
Сообщений: 3,828
По умолчанию

Код:
<img src='картинка без наведения' onmouseover="this.style.backgroundPosition='bottom'" onmouseout="this.src='top'" border=0>
Однако правильней, быстрее, логичнее в css:
Код:
a:hover img {background-position:bottom}
Цитата:
помогите отблагодарю репой
как мило=)
Alar, верни репу!
Naive вне форума Ответить с цитированием
Старый 04.12.2011, 20:37   #8
kettanaito
Веб-дизайнер
Форумчанин
 
Аватар для kettanaito
 
Регистрация: 11.08.2011
Сообщений: 305
По умолчанию

В таблицах стилей можно указать конкретные координаты с каких начинается и на каких заканчивается картинка. По такому принципу работают спрайты (прочитайте в гугле). Так же можно реализовать и ховер эффект, чтобы при наведении отображалась нижняя картинка, а в обычном состоянии - верхняя (допустим), имея при этом только один графический файл.
kettanaito вне форума Ответить с цитированием
Старый 07.12.2011, 19:45   #9
moshkin_ura
Web Studio "БЕЛКО"
Форумчанин
 
Аватар для moshkin_ura
 
Регистрация: 15.08.2011
Сообщений: 180
По умолчанию

Цитата:
Сообщение от kettanaito Посмотреть сообщение
В таблицах стилей можно указать конкретные координаты с каких начинается и на каких заканчивается картинка. По такому принципу работают спрайты (прочитайте в гугле). Так же можно реализовать и ховер эффект, чтобы при наведении отображалась нижняя картинка, а в обычном состоянии - верхняя (допустим), имея при этом только один графический файл.
Спасибо более подходящий вариант! извинет что так долго не отвечал
Есть три способа отвечать на вопросы: сказать необходимое, отвечать с приветливостью и – наговорить лишнего
Плутарх - (ок. 46 — ок.120) - древнегреческий писатель, историк
moshkin_ura вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц

Опции темы Поиск в этой теме
Поиск в этой теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Вопрос про Свойство Visible и про иконки в imagelist Kappi4 Компоненты Delphi 2 21.05.2010 13:10
Вопрос про C# BanzoO Общие вопросы C/C++ 1 02.07.2009 03:47
Вопрос наверное про функции, а так точно даже не знаю про что. (Вопрос начинющего #6) Albert2008 Общие вопросы Delphi 4 21.08.2008 15:33
вопрос про IP ЧИЖ Работа с сетью в Delphi 1 23.06.2008 13:53
У меня вопрос про базы данных,а точнее про таблицы!!! Alexij Общие вопросы Delphi 1 13.04.2008 23:24