[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Сделать блок див взятый в рамку ссылкой
Golovastik
Подскажите, как такое сделать блок див взятый в рамку сделать ссылкой при наведении мышкой. Чтоб именно когда наводишь на фон и на текст в этом блоке диве и текст и фон ссылались на что-то одно.



Спустя 4 минуты, 35 секунд (12.09.2010 - 22:23) Lenarfate написал(а):
поместить ссылку внутрь дива

Спустя 12 минут, 52 секунды (12.09.2010 - 22:36) Golovastik написал(а):
Вы немного не поняли что я имею ввиду. Вот фото.
Если мышка наведена на фон,чтоб она ссылалась например на http://google.ru
и одновременно если мышка наведена на текст тоже туда же.

Спустя 1 минута, 48 секунд (12.09.2010 - 22:38) Lenarfate написал(а):
значит наоборот. див в ссылку

Спустя 11 минут, 4 секунды (12.09.2010 - 22:49) Golovastik написал(а):
Напишите как это текстом выглядеть примерно должно,чего-то не выходит.

Спустя 3 минуты, 1 секунда (12.09.2010 - 22:52) waldicom написал(а):
Цитата (Lenarfate @ 12.09.2010 - 21:38)
значит наоборот. див в ссылку

Разве дело обстоит не так, что div - это блочный элемент и его нельзя пихать в неблочный?

Спустя 3 минуты, 19 секунд (12.09.2010 - 22:55) Lenarfate написал(а):

<a href="ссыль"><div>текст</div></a>


вот и все

Спустя 9 минут, 39 секунд (12.09.2010 - 23:05) waldicom написал(а):
Цитата (Lenarfate @ 12.09.2010 - 21:55)

<a href="ссыль"><div>текст</div></a>


вот и все

К сожалению не все.
1. В данном случае сслыка "стала" блочным элементом
2. где "рука" (правильный курсор для ссылки)?

Спустя 1 минута, 39 секунд (12.09.2010 - 23:06) Lenarfate написал(а):
Цитата
1. В данном случае сслыка "стала" блочным элементом

тем не менее работает

Цитата
2. где "рука" (правильный курсор для ссылки)?

это делается просто cursor:pointer

Спустя 1 час, 57 минут, 2 секунды (13.09.2010 - 01:03) SvSerg написал(а):
Можно придать свойство ссылки
display: block;


<body>

<div
style="width: 500px; height: 200px;"><a style="display: block;" href="#">Link</a></div>

</body>

Спустя 1 день, 20 часов, 15 минут, 40 секунд (14.09.2010 - 21:19) Плеханов Дмитрий написал(а):
В этом деле много моментов:
1) как уже говорили cursor:pointer на блоке
2) правильнее использовать конструкцию <a href=""><span>Текст</span></a> , див внутри ссылки это не валидно
3) для span'a нужно будет прописать text-decoration:underline чтобы подчеркивался и a:hover span {color:#fff799} чтобы подсвечивался

Есть у меня сложный пример, может вам интересно будет создание блоковых ссылок http://dl.dropbox.com/u/937020/temp/html/1/index.html (скачать архивом rar)

Реализовано:
1) ссылка на блоке
2) подсветка текста и иконки при наведении на блок
3) подсветка рамки вокруг блока
4) и много чего еще не касающегося вашего случая
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.