Форум Сайтостроение Веб-строительство

Проставить ссылки на картинку

Rock'n'rolla
На сайте с 14.09.2009
Offline
146
Rock'n'rolla
487

Добрый день. Попросили помочь сайту монастыря. Вот давайте общими усилиями поможем, я не справляюсь. У них есть страница

http://prepodobny-monastyr.ru/mercy/

Там по середина image, состоит по задумке из трех картинок (но физически это одна .jpg)

Сверстали это дело так в css: 


/*HELP U PAGE*/

#helpu_bg {width:879; height:566px; margin:0 auto 20px; background:url(images/helpu.jpg) no-repeat 50% 50%;}

#helpu_text {width:879px; margin:0 auto 10px;}

Как мне три ссылки проставить на эти три картинки?

Заранее, большое спасибо!

"Vulcan-Bit - лучшая партнерка в сети" (http://vulcan-bit.com?invite=artem_kozirev) KMA.BIZ - Партнерка с крутым конвертом и отчислениями в долларах. Лить! (http://kma.biz)
P
На сайте с 25.05.2007
Offline
103
pimandr
#1

Примерно так:

В <div id="helpu_bg"></div> вставляем ссылки 


<div id="helpu_bg">

<a class="helpu_bg_1" href="#"></a>

<a class="helpu_bg_2" href="#"></a>

<a class="helpu_bg_3" href="#"></a>

</div>

В CSS добавляем 


#helpu_bg {

  position: relative;

}

.helpu_bg_1 {

    display: block;

    position: absolute;

    width: 415px;

    height: 402px;

}

.helpu_bg_2 {

    display: block;

    position: absolute;

    width: 390px;

    height: 300px;

    left: 490px;

}

.helpu_bg_3 {

    display: block;

    position: absolute;

    width: 390px;

    height: 270px;

    left: 390px;

    top: 300px;

}

По пикселям, разумеется, точно не подгонял. Эт вы уж сами как-нибудь)

coolakov.ru/tools (http://coolakov.ru/tools/): определение конкурентов (http://coolakov.ru/tools/most_promoted/), кластеризация запросов (http://coolakov.ru/tools/razbivka/) и т.д.

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий