VPF::Два слоя - Форум программистов

Ground

Дата 22.5.2006, 08:58 (ссылка)

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

Загрузка ...

Опытный

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

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

Необходимо чтобы картинка была под таблицей. Как можно осуществить? Использую Z-index, все разезжается в разные стороны.

Illuminaty

Дата 22.5.2006, 09:04 (ссылка)

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

Загрузка ...

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

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

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

Код

<div id="Layer1" style="position:absolute; left:27px; top:19px; width:525px; height:300px; z-index:1"><img src="someimage.jpg" width="100%" height="100%"></div>
<div id="Layer2" style="position:absolute; left:26px; top:19px; width:525px; height:300px; z-index:2">
  <table width="100%" height="300"  border="0" cellpadding="0" cellspacing="0">
    <tr>
      <td>sdffddfg</td>
      <td>dfgdfgdfg</td>
    </tr>
    <tr>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
  </table>
</div>

Удачи!

Ground

Дата 22.5.2006, 09:19 (ссылка)

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

Загрузка ...

Опытный

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

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

А реально при абсолютном позиционировании сделать не отступ слева, а выравнивание, допустим по центру?

Illuminaty

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

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

Загрузка ...

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

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

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

Реально, но только (не уверен) при использовании JavaScript. Во всяком случае я так делал.
Смотри хорошее решение от Ciber SLasH

Jull

Дата 22.5.2006, 14:18 (ссылка)

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

Загрузка ...

Шустрый

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

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

Ground, можно попробовать так:

Код


div.class1 
{
position:absolute;   
top:0px;
left:50%;
margin-left:-150px;
width:300px;
 
}

Ground

Дата 22.5.2006, 14:46 (ссылка)

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

Загрузка ...

Опытный

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

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

И еще: есть две таблицы. Одна выровнена по центру. Необходимо, чтобы у второй были точно такие же координаты как у первой. Получается опять же 2 слоя. Помню только, что делать нужно через position:relative, но сколько не пробовал, не получалось... Подскажите кто нибудь код...

griker

Дата 26.10.2006, 19:47 (ссылка)

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

Загрузка ...

MDMA

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

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

Position надо задавать absolute

Код


#one {text-align: center; position: absolute}

И соответственно в обоих table ставишь id="one"

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

I don't respect police

SelenIT

Дата 26.10.2006, 20:01 (ссылка)

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

Загрузка ...

баг форума

Профиль
Группа: Завсегдатай
Сообщений: 3996
Регистрация: 17.10.2006
Где: Pale Blue Dot

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

Ground, можно положить обе таблицы в div, отцентрировав его с помощью margin: 0 auto; или так, как предложила Jull. Этому div-у задать position: relative. А таблицам - position:absolute; top:0; left:0;.

griker, зачем дублировать id-ы? Есть же классы...

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

Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму!

Illuminaty

Дата 26.10.2006, 20:05 (ссылка)

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

Загрузка ...

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

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

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

griker, нельзя разным элементам назначать одинаковый id smile

griker

Дата 26.10.2006, 20:25 (ссылка)

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

Загрузка ...

MDMA

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

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

Цитата(Illuminaty @ 26.10.2006, 20:05)

griker, нельзя разным элементам назначать одинаковый id smile

Извиняюсь
Спасибо, буду знать smile

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

I don't respect police

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