Перейти к содержанию
Форум поддержки пользователей VamShop

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


Рекомендуемые сообщения

Есть в тэге 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. Результат: картинка выводиться, но не позиционируется.

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

Ссылка на сообщение
Поделиться на другие сайты

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

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

Ссылка на сообщение
Поделиться на другие сайты

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

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

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

Ссылка на сообщение
Поделиться на другие сайты

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

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

Ссылка на сообщение
Поделиться на другие сайты

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

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

Ссылка на сообщение
Поделиться на другие сайты

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

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

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

Ссылка на сообщение
Поделиться на другие сайты

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

Ссылка на сообщение
Поделиться на другие сайты

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

#hded {

position: absolute;

height: 100px;

width: 50px;

top: 100px;

left: 200px;

z-index:2

       background: #DDECB5;

       border: 1px solid #a4a4a4;

}

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

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

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

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

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

Ссылка на сообщение
Поделиться на другие сайты

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

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

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

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

Ссылка на сообщение
Поделиться на другие сайты

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

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

Ссылка на сообщение
Поделиться на другие сайты

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

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

Структура исказиться... Ладно, это уже разговор о субъективных дизайнерских решениях... grin.gif
Ссылка на сообщение
Поделиться на другие сайты
  • 1 month later...

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

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

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

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

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

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

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

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

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

Ссылка на сообщение
Поделиться на другие сайты

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

Ссылка на сообщение
Поделиться на другие сайты
×
×
  • Создать...