| |
|
|
| | Что-то похожее, как на сайте одноклассники!
Буду рад выслушать предложения, пока не представляю как это! | |
| |
|
|
| |
|
|
| |
для: OLi
(07.07.2009 в 21:46)
| | | Через позиционирование положить на картинку метку. В чем вопрос, собственно? Еще проще - открыть исходник ваших одноклассников и посмотреть | |
| |
|
|
| |
|
|
| |
для: OLi
(07.07.2009 в 21:46)
| | | Был на однокласниках несколько лет назад. Так что без понятия что там и как.
<img src="test.jpg" width="200" height="200" border="0" usemap="#name_map" />
<map name="name_map" id="id_map">
<area shape="rect" coords="20,20,150,60" href="#" target="_blank" alt="alt_text" />
</map>
|
| |
| |
|
|
| |
|
|
| |
для: mikha
(08.07.2009 в 14:42)
| | | Вопрос в том, что я не знаю, что такое позиционирование и как его применить!
А на одноклассниках исходный код не доступен! | |
| |
|
|
| |
|
|
| |
для: OLi
(08.07.2009 в 16:07)
| | | >"на одноклассниках исходный код не доступен"
Как это "исходный код не доступен"?
Так не бывает.
Кнопочку меню "Вид" наверху браузера ни один сайт отключить не может.
А в этом меню есть пункт "Исходный HTML-код".
Нажмите и посмотрите. | |
| |
|
|
| |
|
|
| |
для: OLi
(08.07.2009 в 16:07)
| | | Объясните мне убогому, как тогда обозреватели отображают ваших одноклассников, если код не доступен. | |
| |
|
|
| |
|
|
| |
для: mikha
(08.07.2009 в 19:36)
| | | Код то отображается, да не весь!
Это факт! | |
| |
|
|
| |
|
|
| |
для: OLi
(08.07.2009 в 16:07)
| | | Фак ин..
До этого читал как
Вопрос в том, что я знаю, что такое позиционирование и как его применить!
Так выше вам приведён пример.. Если его мало, отпишитесь что нужно. | |
| |
|
|
| |
|
|
| |
для: mikha
(08.07.2009 в 22:34)
| | | Еще раз объясняю:
Имеется изображение, на которое необходимо наложить метки в виде другого изображения(ссылка), по нажатию на нужную область!
А пример выше не подходит, тк надо чтоб отображалась картинка(ссылка) поверх другой картинки, а у вас просто активная часть для перехода!
Надо, чтоб сам пользователь мог поставить активную область на изображении! | |
| |
|
|
| |
|
|
| |
для: OLi
(09.07.2009 в 15:01)
| | |
<div style="position:relative">
<img src="....">
<a href='' style="dicplay:block;position:absolute;top:10px;left:10px;border:1px solid red; width:20px;height:30px;"></a>
</div>
|
| |
| |
|
|
| |
|
|
| |
для: AlexSol
(09.07.2009 в 15:06)
| | | Спасибо, кое что понял! Теперь необходимо автоматизировать процесс вставки такой метки, чтоб не лезть постоянно в код!
Может на java script как-то передавать координаты мышки и вставлять их в position (css)? | |
| |
|
|
| |
|
|
| |
для: OLi
(09.07.2009 в 16:19)
| | | да :) | |
| |
|
|
| |
|
|
| |
для: AlexSol
(09.07.2009 в 16:45)
| | | Вот проблема, если задать для <div> float:right, то основная картинка обтекает объект справа, а метка остается на исходном положении, уже не на изображении!
Как быть? | |
| |
|
|
| |
|
|
| |
для: OLi
(09.07.2009 в 17:05)
| | | В java script получаю координаты X Y , к position привязать не получиться! Может использовтать <area>? | |
| |
|
|
| |
|
|
| |
для: OLi
(09.07.2009 в 17:10)
| | | 1 - задать position / float разным div
2 - хз, не имею представления как именно вы делаете, поэтому в чем ошибка не скажу | |
| |
|
|
| |
|
|
| |
для: AlexSol
(09.07.2009 в 18:27)
| | | Вопрос не решен!
Предлагайте варианты, а не само решение! Чем больше мыслей собиру, тем быстрее найду золотую середину!
Спасибо! | |
| |
|
|
