Меню

3 способа создания отступа

Создание сайтов3609
3 способа создания отступа

Здравствуйте. Недавно, один из читателей моего блога спросил: "Как сделать прозрачный отступ от меню нужного размера"? В этой статье я дам 3 способа создания прозрачного отступа.

1. Пустой абзац

Для этого достаточно вставить столько тегов абзаца, сколько нужно, но этот способ имеет несколько недостатков:

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

Естественно, выбор остаётся за вами. Для создания пустых абзацев введите:

<p></p>

2. Прозрачный фон

  1. Найдите картинку с прозрачным фоном;
  2. Удалите изображение;
  3. Вставьте в нужное место с указанием пикселей по ширине и высоте.

Вот какой должен быть примерный код:

<img src="smiley.gif" alt="Smiley face" height="42" width="42">

Где:

  1. src="" - адрес картинки в кавычках;
  2. alt="" - описание картинки (здесь это "Smiley face";
  3. height="42" - высота 42 пикселя;
  4. width="42" - ширина 42 пикселя.

Единственный минус этого метода в трудности его выполнения.

3. При помощи div и css стилей

  1. В нужном месте вводим:
  2. <div class="otstup"></div>
  3. В основной css-файл шаблона добавляем:
    div.otstup { width: 40px; height: 40px; }

Надеюсь, что статья была полезна. До встречи, дорогие читатели блога Дениса Скрипника.

Текущая оценка Общий бал: 0 Проголосовало Проголосовало: 0

help_share

Данная публикация была вам полезна?

Помоги автору сайта, расскажи друзьям...

Комментариев: 2
  •   | 11 июля 2014 в 17:26:42

    Да способов много можно придумать для этого. Думаю самый оптимальный это css

    •  Евгений_Никитенко | 24 июля 2014 в 15:17:59
      img

      Способов то много, но для новичка я думаю самый простой вариант это прозрачная картинка

Буду благодарен за каждый оставленный вами комментарий

Добавить Комментарий

grin LOL cheese smile wink smirk rolleyes confused surprised big surprise tongue laugh tongue rolleye tongue wink raspberry blank stare long face ohh grrr gulp oh oh downer red face sick shut eye hmmm mad angry zipper kiss shock cool smile cool smirk cool grin cool hmm cool mad cool cheese vampire snake excaim question

Похожие публикации