Вопрос про картинку и хтмл - HTML и CSS

moshkin_ura · 03.12.2011, 15:00

Здраствуйте, столкнулся с проблемой есть картинка

как так сделать что-бы в моем коде отображалась верхняя картинка а как нижняя???

Arigato · 03.12.2011, 16:52

Самый простой способ: разрезать картинку и отображать нужную.

moshkin_ura · 03.12.2011, 17:25

Цитата:

Сообщение от Arigato

Самый простой способ: разрезать картинку и отображать нужную.

а как посложней??? обрезать и все такое не вариант!

Cronos20 · 03.12.2011, 17:31

Делаете div размером с одну картинку и для него ставите background-image с позиционированием top или button в соответствии с нужной картинкой

moshkin_ura · 03.12.2011, 17:40

Цитата:

Сообщение от Cronos20

Делаете div размером с одну картинку и для него ставите background-image с позиционированием top или button в соответствии с нужной картинкой

Спасибо работает!

moshkin_ura · 03.12.2011, 22:03

вот еще проблема есть код

Код:

<a href="ССЫЛКА"><img src='картинка без наведения' onmouseover="this.src='картинка при наведение'" onmouseout="this.src='картинка без наведения'" border=0></a>

при направлений на картинку она меняется! но как сделать для моего случая ну не в ссылку див вставлять же! помогите отблагодарю репой

Naive · 04.12.2011, 00:31

Код:

<img src='картинка без наведения' onmouseover="this.style.backgroundPosition='bottom'" onmouseout="this.src='top'" border=0>

Однако правильней, быстрее, логичнее в css:

Код:

a:hover img {background-position:bottom}

Цитата:

помогите отблагодарю репой

как мило=)

kettanaito · 04.12.2011, 20:37

В таблицах стилей можно указать конкретные координаты с каких начинается и на каких заканчивается картинка. По такому принципу работают спрайты (прочитайте в гугле). Так же можно реализовать и ховер эффект, чтобы при наведении отображалась нижняя картинка, а в обычном состоянии - верхняя (допустим), имея при этом только один графический файл.

moshkin_ura · 07.12.2011, 19:45

Цитата:

Сообщение от kettanaito

В таблицах стилей можно указать конкретные координаты с каких начинается и на каких заканчивается картинка. По такому принципу работают спрайты (прочитайте в гугле). Так же можно реализовать и ховер эффект, чтобы при наведении отображалась нижняя картинка, а в обычном состоянии - верхняя (допустим), имея при этом только один графический файл.

Спасибо более подходящий вариант!

извинет что так долго не отвечал

03.12.2011, 15:00	#1
moshkin_ura Web Studio "БЕЛКО" Форумчанин Регистрация: 15.08.2011 Сообщений: 180	Вопрос про картинку и хтмл Здраствуйте, столкнулся с проблемой есть картинка как так сделать что-бы в моем коде отображалась верхняя картинка а как нижняя??? Есть три способа отвечать на вопросы: сказать необходимое, отвечать с приветливостью и – наговорить лишнего Плутарх - (ок. 46 — ок.120) - древнегреческий писатель, историк

03.12.2011, 16:52	#2
Arigato Высокая репутация СуперМодератор Регистрация: 27.07.2008 Сообщений: 15,836	Самый простой способ: разрезать картинку и отображать нужную. E-Mail: arigato.freelance@gmail.com

03.12.2011, 22:03	#6
moshkin_ura Web Studio "БЕЛКО" Форумчанин Регистрация: 15.08.2011 Сообщений: 180	вот еще проблема есть код Код: `<a href="ССЫЛКА"><img src='картинка без наведения' onmouseover="this.src='картинка при наведение'" onmouseout="this.src='картинка без наведения'" border=0></a>` при направлений на картинку она меняется! но как сделать для моего случая ну не в ссылку див вставлять же! помогите отблагодарю репой Есть три способа отвечать на вопросы: сказать необходимое, отвечать с приветливостью и – наговорить лишнего Плутарх - (ок. 46 — ок.120) - древнегреческий писатель, историк

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Вопрос про Свойство 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

03.12.2011, 17:31	#4
Cronos20 Форумчанин Регистрация: 08.07.2010 Сообщений: 679	Делаете div размером с одну картинку и для него ставите background-image с позиционированием top или button в соответствии с нужной картинкой

04.12.2011, 20:37	#8
kettanaito Веб-дизайнер Форумчанин Регистрация: 11.08.2011 Сообщений: 305	В таблицах стилей можно указать конкретные координаты с каких начинается и на каких заканчивается картинка. По такому принципу работают спрайты (прочитайте в гугле). Так же можно реализовать и ховер эффект, чтобы при наведении отображалась нижняя картинка, а в обычном состоянии - верхняя (допустим), имея при этом только один графический файл.