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

Рекламная сеть

fozzy

Как сделать отступ шаблона

#1 magnet

magnet
  • Пользователь PRO
  • 1 216 сообщений
  • Репутация: 198
0

Отправлено 26 Декабрь 2014 - 20:47

Всем привет.

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


 

 

  • 0


robot

robot
  • Пользователь PRO
  • 2 652 сообщений
  • Репутация: 85
Советую обратить внимание на следующее:
  1. Как подогнать под разные разрешения?
  2. Отступ в шаблоне
  3. Разработка шаблона для сайта
  4. Урок (Viewport)#1 - основная разметка, спрайты, общие принципы
  5. Как сделать отступ абзаца в теге div

#2 TimurR

TimurR
  • Пользователь PRO
  • 849 сообщений
  • Репутация: 186

Отправлено 26 Декабрь 2014 - 23:39

В main.css 3-тья строчка margin: 0; заменить ноль на то значение пикселей, которое надо отступить от краев экрана. 


  • 1

Просто хостинг www.ihc.ru



#3 magnet

magnet
    Topic Starter
  • Пользователь PRO
  • 1 216 сообщений
  • Репутация: 198

Отправлено 27 Декабрь 2014 - 19:33

TimurR, Отступ получился спасибо, а как низ отступить?


  • 0


#4 TimurR

TimurR
  • Пользователь PRO
  • 849 сообщений
  • Репутация: 186

Отправлено 27 Декабрь 2014 - 20:53

В том же файле 256-тая строка добавить это   margin-bottom10px;

Должно получиться, так:

.f2 {
background: url(../images/style/f2.jpg) no-repeat 42px 27px;
height: 205px;
margin-bottom: 10px;
}

Сообщение отредактировал TimurR: 27 Декабрь 2014 - 20:55

  • 0

Просто хостинг www.ihc.ru



#5 magnet

magnet
    Topic Starter
  • Пользователь PRO
  • 1 216 сообщений
  • Репутация: 198

Отправлено 27 Декабрь 2014 - 21:20

TimurR, Все отлично от души спасибо! Только значение одинаковое выставил, а отступ почему то нижний меньше)

Я понял что могу подкорректировать, ну просто любопытно почему так?


  • 0


#6 TimurR

TimurR
  • Пользователь PRO
  • 849 сообщений
  • Репутация: 186

Отправлено 27 Декабрь 2014 - 21:47

magnet,

 когда задается отступ тегу body, тег html тоже получает отступ. Отступы сверху и по краям удваиваются, так как почему-то тег html  заканчивается у вас в шапке сайта, хотя весь код внутри этого тега. Добавьте в самый верх main.css это код:

html {
margin: 0;
}

Честно говоря, как-то странно сверстан шаблон :)

 

 

Пардон, не заметил, одного момента. У вас тегу html и body задаются одинаковые правила. Поэтому удваиваются значения, а футер почему-то не входит в пределы тега html. Если удалить на 3 строке это 

html,

То все отступы будут нормальными. Не забудьте удалить правку на 256-той строке. 


Сообщение отредактировал TimurR: 27 Декабрь 2014 - 21:52

  • 0

Просто хостинг www.ihc.ru



#7 magnet

magnet
    Topic Starter
  • Пользователь PRO
  • 1 216 сообщений
  • Репутация: 198

Отправлено 27 Декабрь 2014 - 23:57

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


  • 0



Оформление форума – IPBSkins.ru