Слой с Абсолютной позицией

[Nasario2 0]

Есть в тэге div такая возможность накладывать один слой на другой. Сделал я в странице стилей вот такую вот конструкцию:

#hded {
	position: absolute;
	height: 300px;
	width: 250px;
	top: 100px;
	left: 400px;
	z-index:2
}
[/code]


После чего вставил в файл index.html Следующий код:

[code]<div id="hded">
<img src="{$tpl_path}MyImg\ded_fon2.gif" width="243" height="298" />
</div>

Картинку поместил в директорию MyImg. Результат: картинка выводиться, но не позиционируется.

Более того, вновь созданные мной стили не отражаются в  при выводе на главной странице, и при вводе товара... Что-то я не так делаю, видимо...

[support 447]

Не в курсе даже, да и что значит не позиционируется, где должна быть картинка!?

Может посмотреть на разных сайта с css примерами решения подобных проблем и как раз посмотреть как делается, видимо, где-то ошибка в css.

[Nasario2 0]

Не в курсе даже, да и что значит не позиционируется, где должна быть картинка!?

Может посмотреть на разных сайта с css примерами решения подобных проблем и как раз посмотреть как делается, видимо, где-то ошибка в css.

Картинка, верней не картинка, а слой определяемый  Тэгом div, а внутри картинка должен быть на определенном расстоянии от левого верхнего угла браузера в пикселях, расстоянии определяется параметрами left и top, причем учитывая параметр z-index, поверх других слоев. Но вопрос-то не в этом, у меня создаваемые мной стили не применяются к тэгу div, может их как хитро называть надо?

[support 447]

А зачем это вообще говорить, не легче эту картинку просто и вставить в какой-то верхний div, либо просто фоном вставить.

Зачем использовать позиционирование, наверняка ведь проще можно сделать.

[mosquito 0]

в таких проблемах хоть ссылку на магаз нужно если он онлайн... так впустую говорить можно долго...

посмотри мб где то стили перекрываются.. если все норм работает на простой хтмл странице..

[Nasario2 0]

А зачем это вообще говорить, не легче эту картинку просто и вставить в какой-то верхний div, либо просто фоном вставить.

Зачем использовать позиционирование, наверняка ведь проще можно сделать.

Придется разделы перелопачивать... Ну ладно, где-то в css глюк явно... Стили точно не перекрываются... Надо с чистого шаблона начать...

[support 447]

Ну вообще mosquito ведь прав, был бы наглядный пример, было бы легче ответить конкретнее что-либо.

[Nasario2 0]

Заработало... Если внимательно посмотреть вот сюда:

#hded {

position: absolute;

height: 100px;

width: 50px;

top: 100px;

left: 200px;

z-index:2

       background: #DDECB5;

       border: 1px solid #a4a4a4;

}

То обнаружим отсутствие точки с запятой...

А зачем это вообще говорить, не легче эту картинку просто и вставить в какой-то верхний div, либо просто фоном вставить.

Нет, не легче.. С помощью этого механизма, можно просто на начальный шаблон помещать изображения, а потом убирать, не перестраивая основной структуры.

[support 447]

Ну как это не затрагивая, если у Вас div блок с id="hded", это уже затрагинвание.

Но Вам конечно виднее.

Я просто к тому, что нужно по возможности ведь решать задачу как можно более простыми средствами, я во всяком случае всегда так стараюсь делать, чем проще, тем лучше, особенно в html + css.

[Nasario2 0]

Ну как это не затрагивая, если у Вас div блок с id="hded", это уже затрагинвание.

Но Вам конечно виднее.

Я просто к тому, что нужно по возможности ведь решать задачу как можно более простыми средствами, я во всяком случае всегда так стараюсь делать, чем проще, тем лучше, особенно в html + css.

Куда уж проще если этот блок рисуется ПОВЕРХ всех остальных. Размеры всех основных блоков НЕ МЕНЯЮТСЯ. Просто сверху отображается то, что надо.. Закончу дам ссылку на онлайн магазин.

[support 447]

Так можно вообще не добавлять нового html-кода, по идее, а просто вставить картинку в существующий бокс.

Вобщем, Вам конечно виднее как решать свою проблему, не буду спорить.

[Nasario2 0]

Так можно вообще не добавлять нового html-кода, по идее, а просто вставить картинку в существующий бокс.

Вобщем, Вам конечно виднее как решать свою проблему, не буду спорить.

Структура исказиться... Ладно, это уже разговор о субъективных дизайнерских решениях...

[wwwww 0]

автор топика прав в том что абсолютным позиционироваем

очень удобно вешать картинку в любое место уже готового

шаблона.главный плюс это не нужно править существующий код.

просто в низ шаблона добавляем див.и он выведеться с теми параметрами

которые заданы в стилях.причем он ВЫВЕДЕН ИЗ ПОТОКА.говоря проще

никак не ломает существующий шаблон.

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

а то что у автора ничего не получилось с выводом то картинку нужно

вставлять в свойство  background а не в код шаблона.

[Nasario2 0]

Да уже все получилось... Причем вставил я картинку не фоном.. Там проблема была с файлом стилей. По сути - отсутствие точки с запятой, как наиболее правильная гипотеза.. Эксперименты дальнейшие не проводил  - некогда, но потом все-таки докопаюсь.