Vlad_P

Вот та строка под картинкой - она появилась именно в хтмл5. и без объявления его доктайпа хтмл5 ее нет. и отступа нет. Так что доктайп все ж необязательно стандартный режим

Блин не поленился открыть его файлы. все его отступы это от изображений. под заголовком у него тоже изображение. все. Единств. различие нашел в хроме:без доктайпа он высоту изображения приравнял к ширине (она задана) а с доктайпом нет. фф приравнял всезде.

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

C картинкой да, это особенность хтмл5, а у заголовка то у него откуда отступ

По скринам вам вряд ли кто подскажет

Смотрел в хроме и ФФ. ничего не едет

Добавьте им vertical-align: top;

.main_title:after {left:50%;margin-left: -35px;}

masonry это идеально точное решение, а так можно и первое решение. если md-9 и md-3 не подходят, можно ж использовать col-auto и col

Ну положим они не совсем block. Но тут дело не в этом. попробуйте убрать в инструментах свойство block для псевдоэлементов во второй кнопке. Ничего не изменится. Дело в том, что, если left top не заданы жестко, они принимают значение auto. т.е. браузер проставляет его как считает нужным. Так, для первой кнопки мозила пишет left: 20px; right: -20px; Правда почему так, понять у меня не вышло

Поменял flex на block там, где блоки уходят друг под друга. Помогло. Хотя, возможно, просто надо было портретную ориентацию указать для данного разрешения в медиазапросе

http://www.sandalprestige.ru/services/dvernye-bloki-i-portaly/1375/

На айфонах 6,7 Дверь уходит вправо. Не могу понять в чем дело. Интересно, что если повернуть айфон горизонтально и вернуть вертикальное положение - все становится на место. Думаю, дело не в модели айфона, а в его разрешении, в общем подскажите, кто может

P.S. Не комментируйте верстку, Сам не видел ничего более странного. Как в верстке, так и в натяжке. Однако надо исправить

В 30.05.2018 в 22:47, klierik сказал:

Нет не пофиг. Код должен работать как ожидается изначально, из коробки.

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

Вообще да. лезть в сетку не следует, ну если только сильно хочется). Хотя классы я лично присваиваю в целях изменения свойств flexbox например. Проще добавить 1 свой, чем добавлять кучу от бутстрапа. Да и для наследования удобно

http://htmlbook.ru/css/vertical-align

На самом деле оно прекрасно работает для элементов inline-block. А отступ снизу - видимо именно из-за особенностей их вертикального выравнивания. Я точно не знаю

Исключительно самомнение....

а если сурьезно - для .sp-module добавьте vertical-align:top

Все верно. навигация пропадает, когда она не нужна

А насчет вертикали используйте flexbox

задайте для owl-item {display:flex;height: сколько надо; align-items:center;}

может там меню под кнопку прятаться будет

Насколько это годно в меню навигации лого совать.... да и потом, для мобильных дублировать его в коде

Ну,например, задать одному элементу меню margin и абсолютно спозиционировать лого (left:50%;margin-left:-{0.5 ширины лого).

ССылка типа html/name.html верна только при переходе с главной страницы. Внутренние ж страницы пытаются найти в папке html еще одну папку html. отсюда неверный адрес

возьми любой генератор и стилями подгони внешний вид

обводка на outline смахивает

Не нужно связываться с позиционированием

https://philipwalton.github.io/solved-by-flexbox/demos/sticky-footer/

тут или по любой подобной ссылке описано как этого избежать

это он и есть. button {outline: none !important;}

Я так понимаю, у вас макс. ширина сайта 1200, на экранах свыше этого ширина колонки постоянна. т.е. вы строите треугольник из бордеров, задавая им фикс. значения в пикселях. Для экранов меньшей ширины, если вы используете .container-fluid, ширина колонки будет напрямую зависеть от ширины экрана, а значит вы можете для изменяемых сторон использовать значения в единицах vw. Т.е. что-то вроде:

@media screen and (max-width: 1199px) {
    .ex::after {border-top: 95vw;}
}

Если я правильно понял вашу ситуацию

ну да, тоже верно. а в случае container-fluid менее 1200 использовать vw