Рубрики
CSS, Boostrap HTML Wordpress

HTML CSS: как сделать так чтобы пункт меню при прокрутке к нему не залезал под зафиксированный сверху блок (меню)

внесите в таблицу стилей класс: .ancor {display: block;content: “”; height: 100px; margin: -100px 0 0;} укажите его для Вашего якоря: class=”ancor” будет выглядеть примерно так: <a name=”3″ class=”ancor”></a>

Рубрики
CSS, Boostrap HTML Программирование

как работает float:left, почему блочные элементы переносятся на новую строку или как оставить элемент HTML на той же строке

Элемент должен являться блочным чтобы это работало, т.е. когда применено свойство float: left элемент переводится браузером в блочный (display: block) Блочные элементы по-умолчанию начинаются с новой строки. Не достаточно просто сделать элемент блочным, чтобы оставить его на той же строке. Чтобы блочный элемент оставался на той же строке нужно задать предыдущему перед ним элементу CSS […]

Рубрики
CSS, Boostrap HTML Программирование

не видно гамбургерное меню Bootstrap

добавить в стили класс .navbar-toggle .icon-bar{ background-color: #fff;}

Рубрики
CSS, Boostrap HTML

резиновая верстка на col-xx-xx Bootstrap 3

шаг этой разметки довольно большой что начинает сразу видеться на больших и маленьких экранах к примеру фото каталога 100px на 100px задать для всех экранов col-md-2 col-xs-2… это значит что на средних экранах смотреться будет хорошо, на больших более 20′ будет разъезжаться в разные стороны а на совсем маленьких – телефонах текст описания из соседней […]

Рубрики
CSS, Boostrap Google Chrome Google Crome HTML Программирование Программы

Включение фоновой отладки в браузерах Chrome

chrome://flags/             во вкладке найти Фоновый режим откладки : Фоновый режим отладки Mac, Windows, Linux, Chrome OS Не показывать информационную панель, когда расширение связано со страницей с помощью API chrome debugger. Установка этого флажка позволяет выполнять отладку фоновых страниц расширений. #silent-debugger-extension-api Включить Ну и напоследок: “А зачем мне это нужно?”  – чтобы отключить […]

Рубрики
CSS, Boostrap HTML Программирование

сдвиги блоков, div, кнопок, картинок и т.п. CSS, Bootstrap

чтобы объект “съехал” нужно применить к нему стиль float: со значением: left;     – влево right;  – вправо сдвигает весь элемент, включая рамку, отступы и ширину рамки в указанном направлении (влево или вправо). в Bootstrap это организовано добавлением класса уже содержащего этот стиль: xx – число от 1 до 12 ширина сдвига, равная ширине […]

Рубрики
CSS, Boostrap HTML Программирование

Перенос по словам CSS, HTML

если часть содержимого контейнера скрывается, есть замечательное CSS свойство и его значение: [su_box title=”CSS код:” style=”glass” radius=”4″]word-wrap: break-word;[/su_box] оно делает так, чтобы текст переносился по словам на другую строку, а не прятался за границами контейнера (кнопки, div…)

Рубрики
CSS, Boostrap HTML

Boostrap – картинка в круге (кружочке)

есть такой стиль в Boostrap .img-circle { border-radius: 50%; } если в class тега img, например, через пробел добавить img-circle  будет картинка в круглой рамке – не надо писать в свою таблицу стилей такой тег – он стандартный для Boostrap