X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Вопрос с оформлением сайта
hrsrt
hrsrt
Topic Starter сообщение 10.12.2010, 16:30; Ответить: hrsrt
Сообщение #1


Здравствуйте, делаю на html, хочу сделать так:
Загрузить картинку на главную страницу, а картинка - сканированное изображение, и на нем надписи. И в от я хочу ети надписи сделать ссылками. Тоесть на моей картинке написано чтото типа (просто ручкой)
1. папа
2. мама
3. саша

Я хочу сделать так, что бы слова можно было сделать ссылками. Подскажите пожалуйста, как лучше.
Я думаю можно загрузить на места слов прозрачные jpg-и и сделать их ссылками.
Как можно еще?Спасибо большое!
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Webmaster_hb
Webmaster_hb
сообщение 10.12.2010, 16:44; Ответить: Webmaster_hb
Сообщение #2


для изображений, можно использовать маски - MAP
они предназначены, чтобы на любое место фотографии можно было назначит ссылку,
область можно задать любой сложности
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
hrsrt
hrsrt
Topic Starter сообщение 10.12.2010, 16:47; Ответить: hrsrt
Сообщение #3


О, очень хорошо, а конкретнее можете обьяснить? Как задавать размеры и расположения етих ссылок?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Webmaster_hb
Webmaster_hb
сообщение 10.12.2010, 16:52; Ответить: Webmaster_hb
Сообщение #4


а в документацию по HTML трудно заглянуть ?
<IMG src="navbar1.gif" usemap="#map1" alt="navigation bar">


<MAP name="map1">
<AREA href="guide.html"
alt="Access Guide"
shape="rect"
coords="0,0,118,28">
<AREA href="search.html"
alt="Search"
shape="rect"
coords="184,0,276,28">
<AREA href="shortcut.html"
alt="Go"
shape="circle"
coords="184,200,60">
<AREA href="top10.html"
alt="Top Ten"
shape="poly"
coords="276,0,276,28,100,200,50,50,276,0">
</MAP>
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
hrsrt
hrsrt
Topic Starter сообщение 10.12.2010, 16:58; Ответить: hrsrt
Сообщение #5


Спасибо большое
Все, ето я догнал. А откуда взять координаты? Как их искать?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Zippovich
Zippovich
сообщение 10.12.2010, 17:11; Ответить: Zippovich
Сообщение #6


http://www.mobilefish.com/services/image_map/image_map.php - map area generator.

Должен заметить, что map area имеет существенные недостатки, предпочтительней накручивать ссылки поверх картинки с помощью position: absolute, тем более что с помощью css можно в ссылках держать невидимый текст для поисковиков (проблемы при индексировании страниц у Вас будут при использовании map area, так же могут возникнуть еще мелкие проблемы с js, если будете что-то накручивать на ссылки).
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
hrsrt
hrsrt
Topic Starter сообщение 10.12.2010, 17:17; Ответить: hrsrt
Сообщение #7


А не разве ли если я поставлю position, то етот слой с ссылкой будет расположен относительно сторон браузера по определенным значениям, ну например я найду место там 250 сверху и 100 слева от края браузера будет располагаться текст на который мне нужно поставить прозрачную картинку с ссылкой, а что в случае с другими браузерами/компьютерами/размерами мониторов/окон? или в процентах выставить надо?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Zippovich
Zippovich
сообщение 10.12.2010, 17:37; Ответить: Zippovich
Сообщение #8


А не разве ли если я поставлю position, то етот слой с ссылкой будет расположен относительно сторон браузера


Ни в коем случае. Он будет расположен относительно первого родительского relative. И только если таких не обнаружится, то относительно окна броузера. Сделайте слой, отцентрируйте его по горизонтали, поставьте ему position: relative, вставьте в него картинку и ссылки с display: block; width: xxxpx; height: xxxpx; top: xxxpx; left: xxxpx; position: absolute
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
hrsrt
hrsrt
Topic Starter сообщение 10.12.2010, 17:38; Ответить: hrsrt
Сообщение #9


Понял, благодарю.

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Горячая тема (нет новых ответов) Тема имеет прикрепленные файлыБыстрая индексация страниц сайта и обратных ссылок - 2Index
38 2Index 6617 Вчера, 12:56
автор: 2Index
Открытая тема (нет новых ответов) Какой % отказов нормален для сайта?
11 Aloof 2811 16.4.2024, 12:48
автор: diviner99
Горячая тема (нет новых ответов) Тема имеет прикрепленные файлыSiteAnalyzer - бесплатная программа для аудита и анализа сайта
77 Chaser 74209 9.4.2024, 11:36
автор: Chaser
Открытая тема (нет новых ответов) Нужен кодер, чтобы пофиксить ошибку Wordpress после переноса сайта
0 Alex-777 840 7.4.2024, 18:05
автор: Alex-777
Горячая тема (нет новых ответов) Продвижение молодого сайта
30 maxmer 6574 26.3.2024, 21:49
автор: c4p1t4l15t


 



RSS Текстовая версия Сейчас: 19.4.2024, 5:08
Дизайн