Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > Вёрстка веб-сайтов > многослойное изображение

Автор: zenit 11.3.2009, 22:06

друзья!помогите рализовать следующую задачу. Необходимо разместить электронные часы, которые состоят из картинки заднего фона и цифр(отдельные картинки на прозрачном фоне), которые динамически меняются. Каким образом можно разместить цифры на задней картинке, с учётом их точного позиционирования, относительно "корпыса часов"? могу ли я использовать div или здесй необходимы таблицы. Как задавть позиции отдельных цифр по отношению к фону? буду рад за ответы с примером кода, так как я совсем новичёк в html. Спасибо!!!

Автор: Nikol 11.3.2009, 23:09

А почему не хотите использовать готовые http://www.google.com.ua/search?q=%D1%84%D0%BB%D0%B5%D1%88%D0%B5%D0%B2%D1%8B%D0%B5+%D1%87%D0%B0%D1%81%D1%8B+%D0%B4%D0%BB%D1%8F+%D1%81%D0%B0%D0%B9%D1%82%D0%B0&ie=utf-8&oe=utf-8&aq=t&rlz=1R1GGGL_ru___UA313&client=firefox-a? Их можно скачать бесплатно, на любой вкус.

Автор: bars80080 12.3.2009, 01:23

Цитата(zenit @ 11.3.2009, 21:06

)

Каким образом можно разместить цифры на задней картинке, с учётом их точного позиционирования, относительно "корпыса часов"?

конечно, флэшем проще.

но можно и так:

Код


<style>
#clock { position: relative; width: 200px; height: 200px; background: url(clock.gif); }
#clock div { position: absolute; width: 15px; height: 15px; }
#c1 { left: 110px; top: 15px; background: url(digit1.gif); }
#c2 { left: 130px; top: 25px; background: url(digit2.gif); }
#c3 { left: 140px; top: 45px; background: url(digit3.gif); }
...
</style>
<div id="clock">

<div id="c1"> </div>
<div id="c2"> </div>
<div id="c3"> </div>
...

</div>