• Страница 1 из 1
  • 1
Проблема при вёрстке
iNoak
Дата: Понедельник, 30.11.2009, 00:45 | Сообщение # 1
молчун
Группа: Проверенные
Пользователь №: 527
Сообщений: 36
Получено оценок: 4
Здравствуйте.
В данный момент верстаю шаблон для своего блога на дивах, но возникла одна небольшая проблема, без которой я не могу продвигаться дальше.

Возьму пример из своего текущего каркаса.
Вот где будет отображаться контент сайта ([BODY]), я прописал так:

Code
<div class="content">[BODY]</div>

А в ксс я прописал следующее:
Code
.content {background:url('/images/content.png');width:674px;}

Но мне нужно, чтобы текст отступал от правого края и от левого на 10-20 пикселей, пытался сделать по стандарту:
Code
padding-right
Code
padding-left
, но наоборот фон который я указал в ксс сдвигался. Как по другому можно сделать отступы. Я наверное непонятно объяснил, если что-то не понятно, пишите, я объясню конкретней. :D Заранее благодарю за ответ.


[ Мой блог | Получить WM-аттестат | Дешёвые хостинг ]

Сообщение отредактировал iNoak - Понедельник, 30.11.2009, 00:46
  
Aleko
Дата: Понедельник, 30.11.2009, 02:55 | Сообщение # 2
Watching you
Группа: Администраторы
Пользователь №: 2
Сообщений: 1621
Получено оценок: 167
Code
<style>.content {background:url('/images/content.png');width:674px;padding:0 15px;}</style>


Бесплатные обои.
  
TIPLER
Дата: Суббота, 26.12.2009, 01:11 | Сообщение # 3
молчун
Группа: Пользователи
Пользователь №: 717
Сообщений: 6
Code
В CSS
.content {background:url('/images/content.png');width:674px; margin: 0 20px;}

В HTML

<div class="content">[BODY]</div>

Так тоже можно))

  
Aleko
Дата: Суббота, 26.12.2009, 03:22 | Сообщение # 4
Watching you
Группа: Администраторы
Пользователь №: 2
Сообщений: 1621
Получено оценок: 167
TIPLER, так может быть проблемно, так как margin сверху будет поглащать аналогичный отступ другого элемента.

Бесплатные обои.
  
  • Страница 1 из 1
  • 1
Поиск:
© Studioad.ru 2006 · 2010. Использование материалов форума на сторонних ресурсах без прямой обратной ссылки строго запрещено. Хостинг от uCoz.