[X] Помощник

[bltbereg Topic Starter]

Не получается добавить картинки и зафиксировать её применяя стиль. На этой страничке http://dekor.onima.ru/?catalog=61 я добавила картинку применив стиль используя CSS ( она в центре синенькая). Картинка добавляется, но она не фиксируется на нужном мне месте, в зависимости от размера окна браузера или размера экрана монитора картинка меняет свое положение. Я так понимаю, что проблема в том, что положение картинки я определяю относительно края экрана.

div#desc {

background: url("img/rightpanel.png") no-repeat #339933;

width: 170px;  

height: 600px;

position:absolute;
left:540px;
top:430px;


padding-left: 20px;

padding-top: 30px;

color: #fff;

}

Как сделать так чтобы картинка зафиксировалась на нужном мне месте?

[sc2r2bey]

так задай относительно чего она должна позиционироваться

[bltbereg Topic Starter]

а как это сделать?

[matroskin8]

Я так понимаю, что проблема в том, что положение картинки я определяю относительно края экрана.

Совершенно правильно понимаете.

Как сделать так чтобы картинка зафиксировалась на нужном мне месте?

Поместить этот блок в блок-родитель и родительскому блоку задать свойство position:relative - тогда искомый блок будет уже позиционироваться относительно родителя.

[bltbereg Topic Starter]

Что значит поместить этот блок в блок-родитель? (Это CMS , я создала отдельный документ со стилем и сослалась на этот стиль через HTML редактор нужной страницы)
Покажите пожалуйста как это отражается кодом или в какой файл надо вставлять этот код?

[matroskin8]

Что значит поместить этот блок в блок-родитель?

То и значит - поместить этот блок в другой блок... таким образом, этот другой блок станет родительским.

Покажите пожалуйста как это отражается кодом или в какой файл надо вставлять этот код?

Пожалуйста:

<style type="text/css">
   .parent{position:relative;}
</style>
<div class="parent"> <!-- блок становится родителем блока с идентификатором desc-->
   <div id="desc"></div> <!-- Ваш блок, который станет дочерним по отношению к блоку с классом parent -->
</div>

Теперь блок с идентификатором desc будет позиционироваться не относительно окна браузера, а относительно своего родителя.

P.S. bltbereg, верстка, честно говоря, оставляет желать лучшего... в коде насчитал 3 пары тега body... эта пара должна встречаться на странице только 1 раз.

[bltbereg Topic Starter]

Вот я вставила этот код, картинка у меня улетела вниз http://dekor.onima.ru/?catalog=61 . Наверно я что то не так сделала?

[matroskin8]

Нверное... Не могу помочь, поскольку не знаю, что и где Вы вставили - блока сейчас на странице нет.

[anton-line]

Если картинка эта.. http://dekor.onima.ru/img/rightpanel.png
то.. ну их эти CSS делай таблицу.. да еще сделать отдельно верх (синий), середину (растягивающуюся) и низ (серые полоски)
избежишь много проблем в будущем..
=)

Замечание модератора: Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней. Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой или обратитесь к любому из модераторов.