Помогите пожалуйста сделать рамку

Автор Тема: Помогите пожалуйста сделать рамку  (Прочитано 2733 раз)

Оффлайн radnkАвтор темы

  • Бизнес оценка: (0)
  • Рекрут
  • *
  • СПАСИБО: 2
  • Сообщений: 23
  • Карма: 0

Оффлайн radnkАвтор темы

  • Рекрут
  • *
Помогите пожалуйста сделать рамку, а то я новичек и в HTML и CSS особо не понимаю.

Блог: http://pro100-wordpress.ru

Схема:  http://pro100-wordpress.ru/wp-content/uploads/2012/01/2012-01-18_185819.jpg


Оффлайн ReCopier

  • Бизнес оценка: (2, 100%)
  • Ветеран
  • *****
  • СПАСИБО: 232
  • Сообщений: 812
  • Карма: 47
  • Пол: Мужской
  • Копирайтер, веб-разработчик
  • Награды За благотворительность Профессиональный копирайтер
    • Проект «Надежда» - поиск доноров крови по всей России

Оффлайн ReCopier

  • Ветеран
  • *****
  • Доп. информация
    • Бизнес оценка: (2, 100%)
    • СПАСИБО: 232
    • Сообщений: 812
    • Карма: 47
    • Пол: Мужской
    • Копирайтер, веб-разработчик
    • Награды За благотворительность Профессиональный копирайтер
      • Проект «Надежда» - поиск доноров крови по всей России
Re: Помогите пожалуйста сделать рамку
« Ответ #1 : 18-01-2012, 19:36:07 »
В CSS за рамки отвечает border.
Для сплошной рамки в один пиксель серого цвета нужен код:
Код:
Только зарегистрированные пользователи могут видеть код. Пожалуйста, войдите или зарегистрируйтесь.Чтобы взять рекламу в рамку создайте блок div и вставьте туда код рекламы.
Код:
Только зарегистрированные пользователи могут видеть код. Пожалуйста, войдите или зарегистрируйтесь.За отступы с внешней стороны блока отвечает margin.
Код:
Только зарегистрированные пользователи могут видеть код. Пожалуйста, войдите или зарегистрируйтесь.Как-то так.
Думаю примерно понятно, в каком направлении копать.

Оффлайн radnkАвтор темы

  • Бизнес оценка: (0)
  • Рекрут
  • *
  • СПАСИБО: 2
  • Сообщений: 23
  • Карма: 0

Оффлайн radnkАвтор темы

  • Рекрут
  • *
Re: Помогите пожалуйста сделать рамку
« Ответ #2 : 19-01-2012, 18:23:36 »
Спасибо что помогли.

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

Оффлайн vadimcucherencko

  • Бизнес оценка: (0)
  • Ветеран
  • *****
  • СПАСИБО: 246
  • Сообщений: 709
  • Карма: 48
  • Пол: Мужской
    • JavaScript Editor

Оффлайн vadimcucherencko

  • Ветеран
  • *****
Re: Помогите пожалуйста сделать рамку
« Ответ #3 : 19-01-2012, 18:39:22 »
Отступы внутри выставляются правилом padding в css, то же самое что и margin , только для внутренних отступов.
Пример
div {
 padding:2cm 4cm 3cm 4cm;
}

Оффлайн radnkАвтор темы

  • Бизнес оценка: (0)
  • Рекрут
  • *
  • СПАСИБО: 2
  • Сообщений: 23
  • Карма: 0

Оффлайн radnkАвтор темы

  • Рекрут
  • *
Re: Помогите пожалуйста сделать рамку
« Ответ #4 : 19-01-2012, 19:06:11 »
Подскажите, мне нужно в правую сторону немножко сдвинуть, а в ширину уменьшить. Прописываю вот так:

padding: -1px 0px -2px 10px;

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


Оффлайн vadimcucherencko

  • Бизнес оценка: (0)
  • Ветеран
  • *****
  • СПАСИБО: 246
  • Сообщений: 709
  • Карма: 48
  • Пол: Мужской
    • JavaScript Editor

Оффлайн vadimcucherencko

  • Ветеран
  • *****
Re: Помогите пожалуйста сделать рамку
« Ответ #5 : 19-01-2012, 19:18:40 »
padding: -1px 0px -2px 10px;
1px - это отступ сверху
0px - отступ справа
2px - отступ снизу
10px -отступ слева
вот регулируй как тебе надо, а ширина выставляется свойством width
Пример
div {
width:100px;
}

Оффлайн radnkАвтор темы

  • Бизнес оценка: (0)
  • Рекрут
  • *
  • СПАСИБО: 2
  • Сообщений: 23
  • Карма: 0

Оффлайн radnkАвтор темы

  • Рекрут
  • *
Re: Помогите пожалуйста сделать рамку
« Ответ #6 : 19-01-2012, 20:07:00 »
Всем спасибо. настроил, замечательно смотрится.

Оффлайн vadimcucherencko

  • Бизнес оценка: (0)
  • Ветеран
  • *****
  • СПАСИБО: 246
  • Сообщений: 709
  • Карма: 48
  • Пол: Мужской
    • JavaScript Editor

Оффлайн vadimcucherencko

  • Ветеран
  • *****
Re: Помогите пожалуйста сделать рамку
« Ответ #7 : 19-01-2012, 20:08:23 »
Не за что, так покажи (похвастайся) что за рамку ты настраивал?

Оффлайн radnkАвтор темы

  • Бизнес оценка: (0)
  • Рекрут
  • *
  • СПАСИБО: 2
  • Сообщений: 23
  • Карма: 0

Оффлайн radnkАвтор темы

  • Рекрут
  • *
Re: Помогите пожалуйста сделать рамку
« Ответ #8 : 19-01-2012, 21:06:21 »
Вот что вышло: http://pro100-wordpress.ru/wp-content/uploads/2012/01/11.jpg


 

Похожие темы

  Тема / Автор Ответов Последний ответ
17 Ответов
4183 Просмотров
Последний ответ 13-11-2011, 22:30:23
от Владимир75
3 Ответов
1571 Просмотров
Последний ответ 12-03-2012, 13:11:29
от mate
0 Ответов
1153 Просмотров
Последний ответ 17-05-2012, 23:02:00
от Sereda_V_V
10 Ответов
5087 Просмотров
Последний ответ 04-06-2018, 12:58:13
от SeoLinks
18 Ответов
3879 Просмотров
Последний ответ 03-07-2016, 22:16:17
от Ozymandias