Кликабельная картинка..

A4
На сайте с 15.11.2010
Offline
69
707

Добрый день, столкнулась с проблемой. Вот даже примерно не представляю как так сверстать чтобы был выбор между тремя пунктами на этой картинке.. http://pointers.ru/pic/zakaz.jpg

Пыталась найти сопутствующий в интернете материал, но ничего похожего не попалось.:confused:

Подскажите пожалуйста, где почитать на эту тему? Или какие действия нужно провести?

Все 3 пункта на данной картинке будут вести на разные страницы. Выбирается пункт, нажимается кнопка "далее", и ведётся на соответствующую страницу.

DA
На сайте с 19.05.2011
Offline
8
#1

Это форма с элементами типа radio

Примеры использования форм

А что мешает сделать просто три картинки, каждая из которых ссылается на нужную страницу, без всяких кнопок далее?

A4
На сайте с 15.11.2010
Offline
69
#2

DmitryAnt, ну да, были мысли что radio.

Думаю, что без кнопки "далее" посетители не поймут, хотя, как вариант предложу владельцу. Спасибо!

DA
На сайте с 19.05.2011
Offline
8
#3

Еще как вариант отрабатывать нажатие на кнопку яваскриптом и менять адрес ссылки для кнопки далее, но мне такой вариант не очень нравится :)

A4
На сайте с 15.11.2010
Offline
69
#4

DmitryAnt, в общем мне сказали убрать кнопку "далее" и чтобы при выборе пункта сразу переводило на нужную страницу. Буду париться.

Спасибо)

ANNA24 добавил 13.10.2011 в 12:10

Только не понятно теперь как вписать в картинку эти 3 переключателя)))

Ваано
На сайте с 01.08.2009
Offline
112
#5

Как вариант попробовать:

<label for="identifikator"><img src=".."></label>

<input id="identifikator" >
Туры в Мексику тут (http://www.metmexico.com). Оптимальное отношение цена/качество.
SI
На сайте с 03.12.2007
Offline
130
#6

Теги <map> <area> как раз для этого.

-= Онлайн сервисы =-
A4
На сайте с 15.11.2010
Offline
69
#7

Дааа, геморой) Ладно, попробую разобраться)

Спасибо.

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий