VPF::многослойное изображение - Форум программистов

zenit

Дата 11.3.2009, 22:06 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 21
Регистрация: 2.10.2006

Репутация: нет
Всего: нет

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

Nikol

Дата 11.3.2009, 23:09 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 123
Регистрация: 5.4.2006
Где: Берег Черного мор я

Репутация: 2
Всего: 4

А почему не хотите использовать готовые флешевые часики? Их можно скачать бесплатно, на любой вкус.

--------------------

Я не волшебник, я только учусь.

bars80080

Дата 12.3.2009, 01:23 (ссылка)

(нет голосов)

Загрузка ...

прапор творюет

Награды: 1

Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 50
Всего: 315

Цитата(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>

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »