Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Ссылка не текст, а область / 6 сообщений из 6, страница 1 из 1
18.06.2015, 15:41
    #38987068
qi_ip
qi_ip
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ссылка не текст, а область
Здравствуйте, подскажите как реализовать такое:
Есть выпадающее меню с текстовыми ссылка разной длины.
Код: javascript
1.
2.
3.
4.
<div class="item"><a href="http://page1.ru">Основная</a></div>
<div class="item"><a href="http://page2.ru">Инструкции</a></div>
<div class="item"><a href="http://page3.ru">Полное описание</a></div>
<div class="item"><a href="http://page4.ru">Выход</a></div>



Как сделать так, чтобы переход срабатывал не только когда кликаешь на текст, но и тогда когда в область <div> (то есть, не по тексту, а рядом)
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
18.06.2015, 15:52
    #38987079
yelena
yelena
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ссылка не текст, а область
CSS display: inline-block у ссылок.
div после этого можно убрать и назначить для ссылок ширину и высоту в стиле, как было у div.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
18.06.2015, 15:53
    #38987083
yelena
yelena
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ссылка не текст, а область
Можно и display: block
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
19.06.2015, 09:14
    #38987458
qi_ip
qi_ip
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ссылка не текст, а область
Возможно не совсем правильно объяснил...вот картинка



Когда курсов мышки находится в зоне зеленой стрелки, все нормально - клик по ссылке отрабатывает. А как сделать так, чтобы ссылка была и при наведении курсора в зоне красной стрелки.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
19.06.2015, 09:32
    #38987476
так что ли?
так что ли?
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ссылка не текст, а область
qi_ip,
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<title>tmp</title>
<style>
.cmd {
  font:14px arial,sans-serif;
  display:block; cursor:pointer;
  margin:10px; padding:5px; color:#111;
  width:200px; background:#eee;
  border:1px solid #ccc; border-radius:4px;
  outline:0; text-decoration:none;
}
</style>
</head>
<body>
<a class="cmd" href="http://www.sql.ru/forum/1162114/ssylka-ne-tekst-a-oblast" target="_blank">Personal Information</a>
</body>
</html>
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
19.06.2015, 09:54
    #38987494
qi_ip
qi_ip
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ссылка не текст, а область
В точку! Спасибо большое за помощь!
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Ссылка не текст, а область / 6 сообщений из 6, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 423ms
Закрыть
start [/forum/topic.php?fid=22&mobile=1&tid=1445927]:
 0ms
get settings:
 4ms
get forum list:
 12ms
check forum access:
 2ms
check topic access:
 2ms
track hit:
 156ms
get topic data:
 6ms
get forum data:
 2ms
get page messages:
 20ms
get tp. blocked users:
 1ms
others: 218ms
total:  423ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]