Эта статья разделена на две части,  первая – про реализацию визуальную на сайте, т.е. сама поисковая строка, какие блоки необходимы и вариант ее стилизации. Вторая – как организовать непосредственно поиск по товарам из своего каталога. 1. Строка поиска для сайта HTML и CSS Для начала нам необходим div-блок для всего содержимого: <div class="header-search-block"> Далее создадим форму с необходимыми данными: <form id="search_form" action="/search" method="get"> Теперь непосредственно сама строка...

Здесь поговорим про правило display, о том как располагаются строчные HTML элементы относительно друг друга . Объясним причины появления пресловутых пробелов и методы борьбы с ними. Немного затронем правила внешних и внутренних отступов. Правило display может принимать несколько значений и каждое значение значительно влияет на свойства отображения элемента к которому оно применено. Разберем тут строковое отображение. SPAN Для многих HTML элементов по умолчанию правило display определено как inline...