Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
Программирование. Ступени успешной карьеры. Авторы: Кузнецов М.В., Симдянов И.В. PHP 5/6. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. PHP 5. На примерах. Авторы: Кузнецов М.В., Симдянов И.В., Голышев С.В. C++. Мастер-класс в задачах и примерах. Авторы: Кузнецов М.В., Симдянов И.В. MySQL 5. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Раздельный рисунок
 
 автор: kobra   (02.12.2006 в 23:21)   письмо автору
 
 

Возможно ли как нибудь поставит рисунок чтоб он одновременно занимал и целый фрейм и некоторые его части были ссылками??? И что сделать чтоб на компах с разными разрешениями ссылки не смещались??

   
 
 автор: targa   (03.12.2006 в 00:32)   письмо автору
 
   для: kobra   (02.12.2006 в 23:21)
 

map и area Вам в помощь

Хотя можно и по-другому:
рисунок у нас как фон div'а;
сверху (через z-index) вешаем над нужными местами ссылки
т.е. описание ссылки будет выглядеть примерно так

a#krug3
{
    display: block;
    position: absolute;
    z-index: 10;
    width: 231px;
    height: 230px;
    top: 95px;
    left: 311px;
}

a#krug3:hover { background-image: url(pix/krug3.png); }

в hover прописываете картинку, или как-то по-другому реагируете на движение мыши

А чтоб не сдвигалось при разных разрешениях:
вариант а) позиционируйте на абсолютно а относительно (relative)
вариант б) в событие onload повесьте js-скрипт, который расставит объекты в нужные места

   
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования