Помогите с вёрсткой (html, css) @ DeForum.ru
DeДверь  
Логин:  
Пароль:  
  Автологин  
   
Разместить рекламу
Письмо админу
Правила | FAQ | *Поиск | Наша команда | Регистрация | Вход
 
 
 Страница 1 из 1 [ Сообщений: 12 ] 
*   Список форумов / Начинка и техника / Программирование для WWW » ответить » создать топик « | »
Автор Сообщение
MpaK999 Муж.
участник
1
Сообщения: 1716
Зарегистрирован: 14.11.02
Откуда: Ufa/Russia
Заголовок сообщения: Помогите с вёрсткой (html, css)
Сообщение Добавлено: 12 Сентябрь 2005, 09:43:54 
Необходимо, чтобы слой наползал на картинку, все отлично, наползает, но сами изображения почему-то сдвигаются вниз.

Слою абсолютное позиционирование ставить нельзя (сайт позиционируется по центру).

код здесь - http://mpak.bestweb.ru/des/interavto/inter.html

ПОМОГИТЕ разобраться.

Заранее спасибо!

_________________
:: metal kick ass ::
IonDen666 Муж.
постоянный участник
109
Сообщения: 3234
Зарегистрирован: 25.11.04
Откуда: Москва
Сообщение Добавлено: 12 Сентябрь 2005, 10:11:38 
Сначала по коду:

filter: Alpha(Opacity=70); - убирайте нафик
visibility: hidden2; - это что?

далее кто так сайты позиционирует по центру???

div {margin:0 auto; width:760px; position:relative;} и все. А внутри этого дива позиционируйте сколько угодно через position:absolute.

_________________
Frontend developer: IonDen.com
Inviz Муж.
соучастник
0
Сообщения: 687
Зарегистрирован: 05.04.05
Сообщение Добавлено: 12 Сентябрь 2005, 11:31:37 
наймите верстальщика

_________________
критиковать человека не имеет смыла, потому что критика заставляет его защищаться и, как правлио искать оправданий. критиковать человека опасно, так как критика наносит удар его гордости, задевает чувство собственной значитмости и обижает его. (Дейл Карнеги)
IonDen666 Муж.
постоянный участник
109
Сообщения: 3234
Зарегистрирован: 25.11.04
Откуда: Москва
Сообщение Добавлено: 12 Сентябрь 2005, 11:46:06 
Inviz, :beer: , а мы тут всегда готовы.

_________________
Frontend developer: IonDen.com
MpaK999 Муж.
участник
1
Сообщения: 1716
Зарегистрирован: 14.11.02
Откуда: Ufa/Russia
Сообщение Добавлено: 12 Сентябрь 2005, 12:33:10 
IonDen666

filter: Alpha(Opacity=70); - убирайте нафик - ОК
visibility: hidden2; - это что? - это потом, чтобы слой был скрыт, потом появлялся

div {margin:0 auto; width:760px; position:relative;} - это даст позиционирование по центру (горизонтали и вертикали?)

попробовал убрать перую таблицу с width="100%" и height="100%" и вставить все в этот div
но прижалось к боку и верху :( не то

Inviz, за это мне денег не платят

оффтопик:
в вашем сообщение самое полезное это - Замечаний: 5

_________________
:: metal kick ass ::
MpaK999 Муж.
участник
1
Сообщения: 1716
Зарегистрирован: 14.11.02
Откуда: Ufa/Russia
Сообщение Добавлено: 12 Сентябрь 2005, 12:36:34 
попробовал такой вариант, работает, но при left: 20px опять от центра документа

Код:
div.dm{
background-color: #FAF59A;
padding: 4px;
border: 1px solid #000000;

position: absolute;
top: 260px;
margin:0 auto;

width: 208px;
height: 160px;
z-index: 10;
}


_________________
:: metal kick ass ::
IonDen666 Муж.
постоянный участник
109
Сообщения: 3234
Зарегистрирован: 25.11.04
Откуда: Москва
Сообщение Добавлено: 12 Сентябрь 2005, 12:39:15 
MpaK999,

Код:
<style>
body {text-align:center;}
div {margin:0 auto; width:760px; position:relative; text-align:left;}
</style>

<body>
     <div>Сей див находтися в горизонтали по центру. Внутри него работает абсолютное поизиционирование.</div>
</body>


visibility: hidden2; ???

есть два варианта: visibility:hidden и visibility:visible. Не бывает такого как hidden2

_________________
Frontend developer: IonDen.com
MpaK999 Муж.
участник
1
Сообщения: 1716
Зарегистрирован: 14.11.02
Откуда: Ufa/Russia
Сообщение Добавлено: 12 Сентябрь 2005, 12:53:41 
IonDen666,
спасибо, с этим-то понятно, но мне нужно

div class="dm" спозиционировать абсолютно внутри таблички, чтобы картинки вниз не лезли (как при relative)
а то так получается, что таблица по горизонтали по центру, а по вертикали нет :(

hidden2 - это так, заглушка, чтобы ПОКА было слой видно :) потом поправлю на hidden :) лень писать было visible

_________________
:: metal kick ass ::
IonDen666 Муж.
постоянный участник
109
Сообщения: 3234
Зарегистрирован: 25.11.04
Откуда: Москва
Сообщение Добавлено: 12 Сентябрь 2005, 12:58:26 

Цитата:
div class="dm" name="dm" id="dm">



Это что такое?

Для div {position:absolute;} контейнером может быть только body либо другой div с position relative или absolute.
Так как div {position:absolute;} выводится вне общего потока и спозиционировать его абсолютно относительно таблички невозможно.

Чтобы это получилось, вставьте внутро вашей таблички еще один div, по методу указанному мною выше. И уже от этого и работайте дальше.

_________________
Frontend developer: IonDen.com
MpaK999 Муж.
участник
1
Сообщения: 1716
Зарегистрирован: 14.11.02
Откуда: Ufa/Russia
Сообщение Добавлено: 12 Сентябрь 2005, 13:05:29 
IonDen666,
вот теперь понял, спасибо, все работает замечательно http://mpak.bestweb.ru/des/interavto/inter2.html

_________________
:: metal kick ass ::
Inviz Муж.
соучастник
0
Сообщения: 687
Зарегистрирован: 05.04.05
Сообщение Добавлено: 12 Сентябрь 2005, 13:38:27 
MpaK999,
Альтруизм он знаете ли, до поры до времени альтруизм.

_________________
критиковать человека не имеет смыла, потому что критика заставляет его защищаться и, как правлио искать оправданий. критиковать человека опасно, так как критика наносит удар его гордости, задевает чувство собственной значитмости и обижает его. (Дейл Карнеги)
MpaK999 Муж.
участник
1
Сообщения: 1716
Зарегистрирован: 14.11.02
Откуда: Ufa/Russia
Сообщение Добавлено: 12 Сентябрь 2005, 14:05:54 
Inviz, нет, это называется для души и друзей, знаете ли :laugh:
все равно спасибо

_________________
:: metal kick ass ::
*   Список форумов / Начинка и техника / Программирование для WWW « | » » ответить » создать топик
 Страница 1 из 1 [ Сообщений: 12 ] 
Показать сообщения за:   Поле сортировки  
Найти:
Перейти:  
Уровень доступа: Вы не можете начинать темы. Вы не можете отвечать на сообщения. Вы не можете редактировать свои сообщения. Вы не можете удалять свои сообщения. Вы не можете добавлять вложения.
cron


ООО ДеФорум
При использовании материалов сайта ссылка на DeForum.ru — обязательна.
Проект Павла Батурина ©2001-2077; // Powered by phpBB © 2013 phpBB Group
Rambler's Top100