Zverushka

Достаточно прописать .col-sm-8 и не нужно прописывать .col-md, .col-lg?

http://zverushka.zz.mu/edu7/ Почему блок с формой не выравнивается по центру? и center-block стоит и при этом даже в родном стиле m: 0 auto а прижмается к левому краю почему-то

Вот я сделала вполне рабочую версию верхнего меню. Но вот огромная проблема - шрифты выглядят уродливо, хотя тут все тоже самое что и здесь. http://zverushka.zz.mu/edu6/ http://zverushka.zz.mu/pasport/ В обычной версии сайта шрифты ровные - в обоих случаях шрифты одинаковые. Если в обычной версии сайта кривые - попробуйте пообновлять окно и подвигать его (со 2го 3го обновления становятся нормальными - будто кривой кэш удаляется, если же изначально открывать этот сайт первым - то шрифты нормальные изначально). а да, у тебя тоже она есть. Вроде сейчас уже шрифты, как на 3 раза все обновила - стали нормальными. Пока не могу добиться повторения глюка со шрифтом. Кстати .nav - просто дает оформление, похожее на кнопки или что-то еще? Я просто не пишу и вроде все нормально, а в пример .nav прописан.

В твоем варианте не появляется горизонтальной полосы. Получается edu5 по разметке более правильный - только непонятно, почему телефон на новую строку в хроме перескакивает - кто-нибудь может объяснить? А в документации не написано, что например navbar-header изначально float: left, а при меньшем разрешении обтекание убирается и за счет этого - меню перескакивает на новую строку. margin: 7px 1% 0 0; - если убрать, то нормально все - ну почему? Все, я разобралась - родитель float: right из-за этого, блин...

Извини, уже сделала по-другому и работает (без медиа запросов - пришлось копать код и разбираться, что делают классы и как реагируют на разрешение экрана (вот блин - ну почему нельзя было сделать нормальную документацию? бесит страшно). Вот так получилось http://zverushka.zz.mu/edu5/ И теперь опять в хроме проблема - шрифты почему-то криво выглядет и почему-т опять же контакты ужались по не содержимомму будто, а сильнее - текст переносится на новую строку. Блин, а я думала, что все решила - ну почему так? В файрфоксе нормально все опять же..

Вот я смогла сделать только вот так. Как сделать, чтобы при сужении окна - меню открывалось ниже, а не сверху?... http://zverushka.zz.mu/edu4/ По идее бустрап должен при сужении ставить clear:both и все бы получилось, но он не ставит - может неправильная разметка?

А когда я сужаю окно браузера - по высоте меню становится больше - тогда оно налазит на основной контент (так как меню fixed для боди стоит padding-top ) в итоге меню переркывает основной контент. Как с этим бороться? Получается мне надо форму со звонком разместить на одной линии с иконкой всплывающего меню.

По идее можно убрать фиксированную высоту у всех элементов - и вместо этого подставить. например, нижний отступ - padding-bottom: 15px; - к примеру. теперь элемент всегда будет сам раздвигаться по высоте в зависимости от контента.

Хм, ни разу не видела), может кто покажет?

Здесь надо использовать 3 функции (для совместимости со старыми версиями браузеров) $("#otherPrice").on('input', function(){....}).on('keyup', function(){....}).on("change", function(){.... });В каждой проверять .val() элемента

Скриптом только

Конечно, лендинги - это такое произведение искусства, на которое пользователь, один и тот же заходит по 3 раза в день, встает утром и опять заходит, что требуется просто ИДЕАЛЬНАЯ верстка в соответствии с макетом - внимание - до 1го пикселя! То есть дизайнер - там что-то намалевал за 10 секунд - поставив отступ на глазок, а верстальщик должен 5 минут один блок с текстом ровнять туда-сюда, чтобы с пикселями не промахнуться по сути для сайта однодневки - который открыли, посмотрели, закрыли и никогда больше о нем не вспомнят.

Значит css сделан новичком. Небось для в принципе растягиваемого контента - задана высота в пикселях железно - вот и все едет при добавлении контента. Или заново верстать или переделывать.

https://www.fl.ru/projects/1772873/versta-glavnoy-stranitsyi-sayta--psd.html https://monosnap.com/image/5SPg6xGb0Jrx10kE4uZ7dqdOj/ 1) Плавная прокрутка при отсутсвии меню - wtf? 2) wtf? 6) WHAT???

Флексы я смотрю с 10го осла только работают. Неужели Вы забиваете на остальные версии.

Надо для body прописать min-width. Вообще что вы пишите - потренировались бы сначала на бесплатных макетах - и тут бы их на критику выложили. margin: auto; overflow: visible; width: auto; Вот это все лишнее, кроме margin: 0 auto; по сути Также как и *, body { border: 0; margin: 0; padding: 0; } боди через запятую избыточно - универсальный селектор * - применяет оформление ко всем тегам и к боди в том числе

overflow: visible - это значение по умолчанию. Что прописываешь его, что нет - эффект одинаковый. У заказчика возникнет вопрос - прокрутка на ноуте - это первое, что он спросит, когда будет рабочий макет. Спроси - его вообще устраивает, что прокрутка меньше 1200 пикселей будет?

Ха! Узнаю этот макет с фриланса! А как же то, что его надо сверстать адаптивно под все виды устройств и разрешений?)...

Хм, вообще там не флексов, но реализация сама по себе простейшая и понятная. непонятно тогда к чему и кто пляски с абсолютами придумал.

А насколько он кроссбраузерный? Какие версии ie поддерживаются?

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

Ну-ну! Постоянно подвал абсолютом вниз загоняют. Можно сделать по принципу подвала, но и для хедера тоже - и менять их местами просто.

А как он их местами в css поменяет? Разве что absolut относительно страницы - один вверху, другой снизу - и отступы для других элементов задать, чтобы они отодвинулись от краев страницы. Кстати это способ...

Смотря где. В пенсионном фонде, когда узнают какие зарплаты у простых служащих - от зависти едой давятся.

Ну явно такое на css чистом не сделать. Можно написать свой простенький скрипт - делов на 5 минут.