ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Ссылка не текст, а область
6 сообщений из 6, страница 1 из 1
Ссылка не текст, а область
    #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:41
| Ответить | Цитировать | Написать  
Ссылка не текст, а область
    #38987079
yelena
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
yelena
Гость
CSS display: inline-block у ссылок.
div после этого можно убрать и назначить для ссылок ширину и высоту в стиле, как было у div.
...
Рейтинг: 0 / 0
18.06.2015, 15:52
| Ответить | Цитировать | Написать  
Ссылка не текст, а область
    #38987083
yelena
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
yelena
Гость
Можно и display: block
...
Рейтинг: 0 / 0
18.06.2015, 15:53
| Ответить | Цитировать | Написать  
Ссылка не текст, а область
    #38987458
qi_ip
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
qi_ip
Гость
Возможно не совсем правильно объяснил...вот картинка



Когда курсов мышки находится в зоне зеленой стрелки, все нормально - клик по ссылке отрабатывает. А как сделать так, чтобы ссылка была и при наведении курсора в зоне красной стрелки.
...
Рейтинг: 0 / 0
19.06.2015, 09:14
| Ответить | Цитировать | Написать  
Ссылка не текст, а область
    #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:32
| Ответить | Цитировать | Написать  
Ссылка не текст, а область
    #38987494
qi_ip
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
qi_ip
Гость
В точку! Спасибо большое за помощь!
...
Рейтинг: 0 / 0
19.06.2015, 09:54
| Ответить | Цитировать | Написать  
6 сообщений из 6, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Ссылка не текст, а область
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&msg=38987079&tid=1445927]:
 0ms
get settings:
 7ms
get forum list:
 14ms
check forum access:
 2ms
check topic access:
 2ms
track hit:
 142ms
get topic data:
 6ms
get forum data:
 2ms
get page messages:
 23ms
get tp. blocked users:
 1ms
others: 216ms
total:  415ms
созд. / загр.: 415ms
x
x
Закрыть


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