Как зафиксировать логотип

[Sanchezzz]

Всем привет!

Не могу разобраться с фиксацией логотипа, фото прилагаются.

Стиль логотипа:

#cs_logo{
position: absolute;
top 210px;
left: 260px;
margin: 10px;
}

Код логотипа:

<div id="cs_logo"><img src="images\cs_logo.png" width="150" height="150"></div>

[lexxcode]

Так, в чем проблема собственно? Подстройте top и left по месту и все

[Sanchezzz]

Так, в чем проблема собственно? Подстройте top и left по месту и все

Проблема в том что при прокрутке сайта на другие разрешения мониторов логотип скачет относительно позиций которые указанны в стиле!

Если бы я знал как, подстроить...

[Yazon_Nile]

естессно. Наверняка у родителя нету релеитива. Соотв. он и скачет относительно краев всего документа.

[Modestes]

Если я правильно понял, то:

#cs_logo{
position: absolute;
top 15%;
left: 10%;
margin: 10px;
}

left и top подгонишь как нужно

[Sanchezzz]

Полный стиль:

body{
	width:100%;
	height:100%;
	min-width:1200px;
	background-image: url("images/Background.png");
  	background-position: absolute;
 	background-size: 100% 100%;
  	background-repeat: no-repeat;
 	background-attachment: fixed;
	background-origin: padding-box;
 	background-clip: content-box;
    }
div {
		list-style: none;
        margin: 0;
        padding: 0;
        }
#cs_logo{
position: absolute;
top: 15%;
left: 10%;
margin: 10px;
}

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

[lexxcode]

Дайте лучше ссылку на страничку в которой проблема

[Sanchezzz]

Дайте лучше ссылку на страничку в которой проблема

Вот: тут

[Modestes]

не знаю что у вас там, у меня все работает и при изменении разрешения, картинка остается на своем месте.

даешь ссылку

[Sanchezzz]

не знаю что у вас там, у меня все работает и при изменении разрешения, картинка остается на своем месте.

даешь ссылку

Выше в сообщении.

[Int]

Картинка находится прямо в body, ей не к чему привязаться. Нужно сунуть её в тот блок, относительно которого она должна равняться, и выдвигать её из этого блока отрицательными координатами.

[Modestes]

как вариант, в шапке в таблице создай еще одну сроку, сунь туда картинки с меню и убери абсолютное позиционирование у картинок

вот попробуй

<tr>
  <td>
    <div id="cs_logo">
      <img width="150" height="150" src="images/cs_logo.png">
    </div>

    <div id="menu">
     <ul>
       <li>
         <a class="home" href="#">
           <span>Главная</span>
         </a>
       </li>
       <li>
         <a class="maps" href="#">
            <span>Карты</span>
         </a>
       </li>
       <li>
         <a class="models" href="#">
           <span>Модели</span>
         </a>
       </li>
       <li>
         <a class="texture" href="#">
           <span>Текстуры</span>
         </a>
       </li>
       <li>
          <a class="links" href="#">
            <span>Ссылки</span>
          </a>
       </li>
     </ul>
  </div>

  <div id="csm_logo">
     <img width="150" height="150" src="images/csm_logo.png">
  </div>

</td>
</tr>

в стилях пишешь следующее:

#cs_logo {
    display:inline-table;
    margin: 10px;
    width: 150px;
}

к #menu добавляешь {
    display:inline-table;
}

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

меню тоже можно в ячейку

так же можно сделать с помощью float:left; float:right; и добавить к таблице с контентом свойство clear:both;

Edited May 31, 2012 by Modestes

[Sanchezzz]

Вот вот! То что надо, спасибо! Вот теперь только надо значки опустить вниз, на уровень таблици как на рисунке!

[Modestes]

к li допиши margin как нужно

не понял сразу.

Изображения нужно разместить по углам нижней таблицы?

Edited May 31, 2012 by Modestes

[Sanchezzz]

к li допиши margin как нужно

не понял сразу.

Изображения нужно разместить по углам нижней таблицы?

Да, таблица где главная написанна.

[Modestes]

к изображениям примени

position:relative; и поиграй с top,left,right

[Sanchezzz]

к изображениям примени

position:relative; и поиграй с top,left,right

Отлично! Всё, что я и хотел! Спасибо, огромное спасибо! )))

Всем спасибо...

Edited May 31, 2012 by Sanchezzz

[Minaco]

Мне тоже инфа помогла спасибо)