Главная Новости

Открываю 10 контейнеров с боевым снаряжением!

Опубликовано: 29.03.2017

видео Открываю 10 контейнеров с боевым снаряжением!

Выравнивание контейнеров - как выровнять контейнеры на веб-странице (Основы HTML и CSS)

В этой статье мы разберём как поменять размер текстового поля(container). Для внешнего облика веб-сайта размер container имеет огромное значение. Он может бывальщина или очень огромным, или иметь наименьшие, чем нам нужно, размеры. Как обычно будем воспользоваться консолью для просмотра кода элемента. Как воспользоваться консолью читайте тут. Для всех примеров я использую стандартный шаблон Joomla – Protostar. Всё это применимо к хоть какому шаблону, т.к. правила для CSS схожи.


Открываю 10 контейнеров с боевым снаряжением!


 Наводим курсор на текстовое поле, жмем правую кнопку мыши и избираем изучить элемент. Нас интересует строчка HTML

. В других шаблонах может быть другое заглавие, но непременно будет находиться container.    Смотрим на правую часть консоли, где показании стили CSS. Нас заинтересовывают характеристики width. В моём случае это смотрится так: width: 960px;.    Т.е. ширина контейнера 960 пикселей. Если нам нужно уменьшить размер, то просто изменим эти характеристики. Если мы желаем прирастить ширину контейнера, то нам нужно будет снять ограничение для ширины отображения. За ограничение ширины контейнера отвечает правило max-width.    Это правило находится фактически во всех шаблонах. Мы его просто найдём в окошке со стилями CSS. В моём случае оно смотрится так: max-width: 960px;. Для роста размера контейнера мне нужно поменять характеристики width и max-width. Характеристики max-width должны быть равны либо больше планируемого размера.
 Увеличим ширину контейнера на 100 пикселей. Задаём такие характеристики: width: 1060px;, max-width: 1100px; Неустойчивойподходящих размеров.

ПОКУПКИ ИКЕА + ОБЗОР ПОЛОЧЕК IKEA Покупки для дома ✿Mari Link✿ #2

Так же читайте: Как поменять цвет текстового поля


 

 

rss