VPF::Div'ы в слоях - Форум программистов

AlexST

Дата 13.9.2006, 11:03 (ссылка)

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

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 331
Регистрация: 30.4.2006
Где: Москва

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

Ребят, здрасте. smile

В этом коде div "mp" должен быть сзади. Почему он лезет вперёд? Не пойму никак...

Код


<div id="mp"   style="position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%;background:#888899 "> </div>

<div id="mc1" align="center" style="z-index:5;padding-top: 25%; padding-bottom: 25%;">
<div id="mc2" title="Последнее обновление" style="cursor: hand;width: 200; height: 70;background:#88fff8 ">

</div> </div>

Illuminaty

Дата 13.9.2006, 11:12 (ссылка)

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

Загрузка ...

/*Антон Захаров*/

Профиль
Группа: Комодератор
Сообщений: 1238
Регистрация: 19.3.2005
Где: Россия, Казань

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

Так попробуй:

Код

<div id="mp"   style="position: absolute; top: 0; left: 0; z-index: 0; width: 100%; height: 100%;background:#888899 "> 
  <div id="mc1" style=" text-align: center; z-index:5;padding-top: 25%; padding-bottom: 25%;"> 
    <div id="mc2" title="Последнее обновление" style="cursor: pointer; width: 200px; height: 70px; background:#88fff8; margin: 0px auto; "> </div> 
  </div> 
</div>

И поищи на форуме по поводу

Код

cursor: pointer;

Код

cursor: hand;

Добавлено @ 11:19
А самый, на мой взгляд, оптимальный вариант:

Код


<div id="mp" style="position: absolute; top: 0px; left: 0px; z-index: 1; width: 100%; height: 100%;background:#888899 "> </div> 
<div id="mc2" title="Последнее обновление" style="position: absolute; z-index: 2; left: 50%; top: 50%; width: 200px; height: 70px; margin-left: -100px; margin-top: -35px; cursor: pointer; background:#88fff8;">Бла</div>

AlexST

Дата 13.9.2006, 11:23 (ссылка)

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

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 331
Регистрация: 30.4.2006
Где: Москва

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

Illuminaty, спасибо.

Illuminaty

Дата 14.9.2006, 08:16 (ссылка)

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

Загрузка ...

/*Антон Захаров*/

Профиль
Группа: Комодератор
Сообщений: 1238
Регистрация: 19.3.2005
Где: Россия, Казань

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

AlexST, всегда пожалуйста smile

fortis

Дата 14.9.2006, 10:00 (ссылка)

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

Загрузка ...

Новичок

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

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

Для дива #mc1 добавь свойство position:relative

Код


<div id="mc1">
    <div id="mc2">
    
    </div>
</div>

Код


#mc1 { position:relative; z-index:5; padding-top: 25%; padding-bottom: 25% }
#mc2 { cursor: hand; width: 200px; height: 70px;background:#88fff8 }

AlexST

Дата 14.9.2006, 14:01 (ссылка)

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

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 331
Регистрация: 30.4.2006
Где: Москва

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

Цитата(fortis @ 14.9.2006, 10:00

)

position:relative

точно! забыл smile

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