Перейти к содержимому


Помогите Поднять Блок Сквозной. Скрин.


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 9

#1 Flor@@

Flor@@

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 1 959 сообщений

Отправлено 18 Август 2014 - 07:15

помогите поднять блок сквозной. скрин.

Прикрепленные изображения

  • вид сайта 1.jpg


#2 AnnaM

AnnaM

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 1 040 сообщений

Отправлено 18 Август 2014 - 07:35

Просмотр сообщенияFlor@@ (18 Август 2014 - 07:15) писал:

помогите поднять блок сквозной. скрин.
По блоку сравнения товаров:
в файле style.css найдите код
#header_user_info {
color: #b5a642;
font-size: 15px;
text-align: right;
clear: both;
margin-top: 6px;
padding: 0;
display: block;
}
и замените его на этот
#header_user_info {
color: #b5a642;
font-size: 15px;
text-align: right;
clear: both;
margin-top: 6px;
padding: 0;
display: block;
background-color: white;
outline: 2px solid #000;
}


background-color: white;
это цвет фона

#3 AnnaM

AnnaM

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 1 040 сообщений

Отправлено 18 Август 2014 - 07:41

Просмотр сообщенияFlor@@ (18 Август 2014 - 07:15) писал:

помогите поднять блок сквозной. скрин.
По блоку icombox:
в файле style.css найдите код
.iconBox {
background: #FFF;
margin: 20px 0 25px 0;
padding: 5px 5px 3px;
border: 1px solid #e96e1b;
border-radius: 4px;
width: 100%;
}
и в строке
margin: 20px 0 25px 0;
уменьшайте значение 20 до требуемого.

#4 Flor@@

Flor@@

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 1 959 сообщений

Отправлено 18 Август 2014 - 07:51

Спасибо огромное, но по первой инструкции:  встало, но криво, появилась полоска, которая при любом значении background полностью закрывает сам текст о сравнении товаров.
и ссылка корзина пуста сразу же уехала куда-то вниз, за верхнее меню...

#5 AnnaM

AnnaM

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 1 040 сообщений

Отправлено 18 Август 2014 - 07:59

Просмотр сообщенияFlor@@ (18 Август 2014 - 07:51) писал:

первая инструкция:  встало, но криво, появилась полоска, которая при любом значении background полностью закрывает сам текст о сравнении товаров.
В конец файла style.css добавьте
.menuCompare {
outline: 1px solid #E96E1B;
background-color: aqua;
}

а код
#header_user_info {
color: #b5a642;
font-size: 15px;
text-align: right;
clear: both;
margin-top: 6px;
padding: 0;
display: block;
height: 30px;
width: 200px;
background-color: transparent;
outline: 1px solid #E96E1B;
}
замените на
#header_user_info {
color: #b5a642;
font-size: 15px;
text-align: right;
clear: both;
margin-top: 6px;
padding: 0;
display: block;
height: 30px;
width: 200px;
}

цвет надписи "в таблице сравнения" меняется в этом коде
#header_user_info a {
color: #b5a642;
}


#6 Flor@@

Flor@@

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 1 959 сообщений

Отправлено 18 Август 2014 - 08:08

по второй инструкции все супер, а как подвинуть данный блок iconbox влево?

#7 Flor@@

Flor@@

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 1 959 сообщений

Отправлено 18 Август 2014 - 08:14

1. в опере все равно глючит: вообще не видно теперь ссылки на сравнение товаров в шапке, например.

#8 AnnaM

AnnaM

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 1 040 сообщений

Отправлено 18 Август 2014 - 08:46

Просмотр сообщенияFlor@@ (18 Август 2014 - 08:08) писал:

по второй инструкции все супер, а как подвинуть данный блок iconbox влево?
В строчке
margin: 20px 0 25px 0;
поочередно устанавливается отступ от верхнего, правого, нижнего и левого края.

#9 Flor@@

Flor@@

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 1 959 сообщений

Отправлено 18 Август 2014 - 09:29

сейчас код выглядит вот так:
margin:1px 0 1px 0;
то есть верхний и нижний края удалось подравнять как надо, а влево данный блок у меня не получается подвинуть, начинаю менять второе значение и блок тут же прилипает некрасиво очень к каталогу и съедается часть обводки - бордера, данного блока.

#10 AnnaM

AnnaM

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 1 040 сообщений

Отправлено 18 Август 2014 - 09:38

Просмотр сообщенияFlor@@ (18 Август 2014 - 09:29) писал:

сейчас код выглядит вот так:
margin:1px 0 1px 0;
то есть верхний и нижний края удалось подравнять как надо, а влево данный блок у меня не получается подвинуть, начинаю менять второе значение и блок тут же прилипает некрасиво очень к каталогу и съедается часть обводки - бордера, данного блока.
Изменяйте значение последнего параметра.Отрицательное значение (например -100px) будет сдвигать влево.




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных