Jump to content

Владимир Горинов

Newbie
  • Posts

    15
  • Joined

  • Last visited

Everything posted by Владимир Горинов

  1. Первый вопрос: - Нужно ли использовать эти кроссбраузерные плюшки для стилизации placeholder'a? Не устарели ли они? ::-webkit-input-placeholder {color:#c0392b;} ::-moz-placeholder {color:#c0392b;}/* Firefox 19+ */ :-moz-placeholder {color:#c0392b;}/* Firefox 18- */ :-ms-input-placeholder {color:#c0392b;} Второй вопрос - Использую Sass, как правильно стилизовать placeholder? Не могу понять куда писать этот код и как правильно он оформляется в sass &-form margin-top: 98px &_main-form input display: block margin: 0 auto height: 67px width: 370px padding: 29px 0 29px 36px По идее он должен писаться под паддингами, но коала ругается, так как у кроссбраузерных плюшек скобки и тд
  2. Добрый день, что делаю не так? Глаза уже замылил себе пытаясь найти причину. Нужно сделать - спозиционировать картинки так, что бы центральная перекрывала все, а 2 боковые были за родительским блоком и за центральной картинкой Тык А получается только вот так - 2 боковые позади центральной, но не могу их поставить позади родителя - Тык Либо подскажите как грамотно оформить этот блок с будущим нацеливанием на адаптивность. <div class="row"> <div class="col"> <div class="services-boxes"> <div class="services-boxes_first-box"> <img class="services-boxes_first-box__first-house" src="img/first_house.png" alt=""> <img class="services-boxes_first-box__second-house" src="img/second_house.png" alt=""> <img class="services-boxes_first-box__third-house" src="img/third_house.png" alt=""> <h3>Мечтаете о доме на Солнечном берегу?</h3> <p> Или хотите выгодно инвестировать в заграничную недвижимость? В любом случае - подходящий вариант уже ждет Вас! Большой выбор объектов жилой и коммерческой недвижимости и профессиональный сервис позволит провести сделку с удовольствием и получить нужный результат </p> </div> <!-- /.services-boxes_first-box --> </div> <!-- /.services-boxes --> .services-boxes_first-box { background-color: #f4f4f4; width: 74%; margin: auto; padding: 70px 0 43px 0; padding-left: 50px; padding-right: 50px; margin-top: 150px; position: relative; z-index: 4; } .services-boxes_first-box__first-house { display: block; position: absolute; left: -183px; top: -67px; right: 0; margin-left: auto; margin-right: auto; z-index: 1; } .services-boxes_first-box__second-house { display: block; position: absolute; left: 0px; top: -124px; right: 0; margin-left: auto; margin-right: auto; z-index: 100; } .services-boxes_first-box__third-house { display: block; position: absolute; left: 0px; top: -53px; right: -148px; margin-left: auto; margin-right: auto; z-index: 2; } .services-boxes_first-box h3 { font-size: 20px; text-transform: uppercase; } .services-boxes_first-box p { font-family: "Museo Sans Cyrl-100"; font-size: 17px; font-weight: 400; line-height: 25px; padding-top: 13px; }
  3. Спасибо за ответ) но я так понял что сейчас нормальные и адекватные разработчики верстают под часто используемые движки, и даже глючный Edge вполне уже справляется с кроссбраузерностью. Просто всегда хотелось понять, почему многие люди до сих пор сидят на бутстрапе, на которым есть подводные камни - допустим в построении колонок, либо выравнивании. И не пересаживаются на более технологичные флексы. Я могу ошибаться, но похоже на то когда ты катаешься на калине, хотя есть и финансы и возможность пересесть на нормальную иномарку и не делать себе мозги.
  4. Добрый день уважаемые форумчане. Недавно занялся версткой, изучил Html, css, jqery и несколько популярных cms. Возник такой вопрос, большинство знакомых фронтендеров работают только с бутстрапом, причем только с его сеткой - пишут сайты на чистом css, позже равняя блоки с помощью md, xs и тд. Спрашивая у них про другие методы будь то флексы или новые css гриды, они говорят что бутстраповская сетка лучше, легче, не надо придумывать велосипед и делать новую сетку в флексах. В контраргумент им посмотрел недавно видео Html шорты, где большинство разработчиков пропагандируют за флексы, считая их отличным инструментом разработки и советуют переходить на них, минуя бутстрап, так как флексы имеют поддержку в 98%. Расскажите - стоит ли полноценно изучать бутстрап 4, или можно смело верстать сайты на флексах\гридах позже натягивая это все на cms. Спасибо за ваши разъяснения. И если можно расскажите на чем верстаете вы - и аргумент в пользу того инструмента который используете.
  5. Вы меня видимо не поняли, на 2й картинке у меня сверху показан путь к индекс remonttel\diagnostics\index.html /css/main.css - если я пропишу вот так в хеде, он не находит css файл, нужно подняться с этого индекса до корневой папки, оттуда зайти в css\ и указать его
  6. Подскажите пожалуйста правильный алгоритм путешествия к файлу main.css, у меня index.html находится в дочерней папке, как именно указать в хеде путь к главному css
  7. http://www.reanimator48.ru/css/fonts.css (не указан срок действия) http://www.reanimator48.ru/css/main.css (не указан срок действия) http://www.reanimator48.ru/css/media.css (не указан срок действия) http://www.reanimator48.ru/img/body_img.png (не указан срок действия) http://www.reanimator48.ru/img/counter.png (не указан срок действия) http://www.reanimator48.ru/img/cuts_iconset.png (не указан срок действия) http://www.reanimator48.ru/img/header_img.png (не указан срок действия) http://www.reanimator48.ru/img/img_c1.png (не указан срок действия) http://www.reanimator48.ru/img/img_c10.png (не указан срок действия) http://www.reanimator48.ru/img/img_c2.png (не указан срок действия) http://www.reanimator48.ru/img/img_c3.png (не указан срок действия) http://www.reanimator48.ru/img/img_c4.png (не указан срок действия) http://www.reanimator48.ru/img/img_c5.png (не указан срок действия) http://www.reanimator48.ru/img/img_c6.png (не указан срок действия) http://www.reanimator48.ru/img/img_c7.png (не указан срок действия) http://www.reanimator48.ru/img/img_c8.png (не указан срок действия) http://www.reanimator48.ru/img/img_c9.png (не указан срок действия) http://www.reanimator48.ru/img/logo.png (не указан срок действия) http://www.reanimator48.ru/img/lr.png (не указан срок действия) http://www.reanimator48.ru/img/mc_arr.png (не указан срок действия) http://www.reanimator48.ru/img/mc_children_arrow.png (не указан срок действия) http://www.reanimator48.ru/img/o_bg.jpg (не указан срок действия) http://www.reanimator48.ru/img/ph1.jpg (не указан срок действия) http://www.reanimator48.ru/img/ph2.jpg (не указан срок действия) http://www.reanimator48.ru/img/prajs_list_ikonka.png (не указан срок действия) http://www.reanimator48.ru/img/top-map.png (не указан срок действия) http://www.reanimator48.ru/img/top.jpeg (не указан срок действия) http://www.reanimator48.ru/img/top_menu_iconset.png (не указан срок действия) http://www.reanimator48.ru/js/common.js (не указан срок действия) http://www.reanimator48.ru/libs/animate/animate-css.js (не указан срок действия) http://www.reanimator48.ru/libs/animate/animate.min.css (не указан срок действия) http://www.reanimator48.ru/…otstrap-toolkit/bootstrap-toolkit.min.js (не указан срок действия) http://www.reanimator48.ru/…s/bootstrap/bootstrap-grid-3.3.1.min.css (не указан срок действия) http://www.reanimator48.ru/libs/countdown/jquery.countdown-ru.js (не указан срок действия) http://www.reanimator48.ru/libs/countdown/jquery.countdown.css (не указан срок действия) http://www.reanimator48.ru/libs/countdown/jquery.countdown.min.js (не указан срок действия) http://www.reanimator48.ru/libs/countdown/jquery.plugin.js (не указан срок действия) http://www.reanimator48.ru/libs/equalheight/jquery.equalheight.js (не указан срок действия) http://www.reanimator48.ru/…uery-mousewheel/jquery.mousewheel.min.js (не указан срок действия) http://www.reanimator48.ru/libs/jquery/jquery-1.11.1.min.js (не указан срок действия) http://www.reanimator48.ru/libs/landing-nav/navigation.js (не указан срок действия) http://www.reanimator48.ru/…bs/magnific/jquery.magnific-popup.min.js (не указан срок действия) http://www.reanimator48.ru/libs/magnific/magnific-popup.css (не указан срок действия) http://www.reanimator48.ru/…bs/maskedinput/jquery.maskedinput.min.js (не указан срок действия) http://www.reanimator48.ru/libs/owl-carousel/owl.carousel.css (не указан срок действия) http://www.reanimator48.ru/libs/owl-carousel/owl.carousel.min.js (не указан срок действия) http://www.reanimator48.ru/libs/scrollto/jquery.scrollTo.min.js (не указан срок действия) http://www.reanimator48.ru/libs/stellar/jquery.stellar.min.js (не указан срок действия) http://www.reanimator48.ru/libs/waypoints/waypoints-1.6.2.min.js (не указан срок действия) https://www.google.com/…2m1!1ssmartmaps!4e3!12m1!5b1&token=79846 (5 минут) https://www.google.com/…2m1!1ssmartmaps!4e3!12m1!5b1&token=31218 (5 минут) https://www.google.com/…m3!1e37!2m1!1ssmartmaps!4e0&token=122780 (5 минут) https://www.google.com/…2m3!1e37!2m1!1ssmartmaps!4e0&token=44064 (5 минут) https://www.google.com/…m3!1e37!2m1!1ssmartmaps!4e0&token=126584 (5 минут) https://www.google.com/…2m3!1e37!2m1!1ssmartmaps!4e0&token=27752 (5 минут) https://www.google.com/…m3!1e37!2m1!1ssmartmaps!4e0&token=115274 (5 минут) https://www.google.com/…2m3!1e37!2m1!1ssmartmaps!4e0&token=31413 (5 минут) https://www.google.com/…2m3!1e37!2m1!1ssmartmaps!4e0&token=63795 (5 минут) https://www.google.com/…m3!1e37!2m1!1ssmartmaps!4e0&token=113810 (5 минут) https://www.google.com/…2m3!1e37!2m1!1ssmartmaps!4e0&token=65259 (5 минут) https://www.google.com/…2m3!1e37!2m1!1ssmartmaps!4e0&token=78590 (5 минут) https://www.google.com/…2m3!1e37!2m1!1ssmartmaps!4e0&token=18782 (5 минут) https://www.google.com/…m3!1e37!2m1!1ssmartmaps!4e0&token=101302 (5 минут) https://www.google.com/…m3!1e37!2m1!1ssmartmaps!4e0&token=114633 (5 минут) https://www.google.com/…2m3!1e37!2m1!1ssmartmaps!4e0&token=54825 (5 минут) https://www.google.com/…12m3!1e37!2m1!1ssmartmaps!4e0&token=6274 (5 минут) https://maps.googleapis.com/…,search&v=3.exp&language=ru_RU&region=ru (30 минут) https://mc.yandex.ru/metrika/watch.js (60 минут) https://www.google-analytics.com/analytics.js (2 часа)
  8. Не подключается файл .htaccess( закинул его на хостинг, но гугл спид так и не показывает что файлы кэшируються - вот сам код htaccess <ifModule mod_expires.c> # Add correct content-type for fonts AddType application/vnd.ms-fontobject .eot AddType application/x-font-ttf .ttf AddType application/x-font-opentype .otf AddType application/x-font-woff .woff AddType image/svg+xml .svg # Compress compressible fonts AddOutputFilterByType DEFLATE application/x-font-ttf application/x-font-opentype image/svg+xml ExpiresActive On ExpiresDefault "access plus 5 seconds" # Cache Images ExpiresByType image/x-icon "access plus 2592000 seconds" ExpiresByType image/jpeg "access plus 2592000 seconds" ExpiresByType image/png "access plus 2592000 seconds" ExpiresByType image/gif "access plus 2592000 seconds" ExpiresByType image/svg+xml "access plus 2592000 seconds" # Cache Fonts ExpiresByType application/vnd.ms-fontobject "access plus 2592000 seconds" ExpiresByType application/x-font-ttf "access plus 2592000 seconds" ExpiresByType application/x-font-opentype "access plus 2592000 seconds" ExpiresByType application/x-font-woff "access plus 2592000 seconds" ExpiresByType image/svg+xml "access plus 2592000 seconds" # Cache other content types (Flash, CSS, JS, HTML, XML) ExpiresByType application/x-shockwave-flash "access plus 2592000 seconds" ExpiresByType text/css "access plus 604800 seconds" ExpiresByType text/javascript "access plus 2592000 seconds" ExpiresByType application/javascript "access plus 2592000 seconds" ExpiresByType application/x-javascript "access plus 2592000 seconds" ExpiresByType text/html "access plus 600 seconds" ExpiresByType application/xhtml+xml "access plus 600 seconds" </ifModule> <ifModule mod_deflate.c> AddOutputFilterByType DEFLATE text/html text/plain text/xml application/xml application/xhtml+xml text/css text/javascript application/javascript application/x-javascript </ifModule> Подскажите откуда ноги расстут, и какой процент что это проблемы с ненастраенным апач на хостинге?
  9. Добрый день всем, возникла проблема с адаптивностью меню, реализовал выпадающее меню, Но оно сдвигает нижний блок "Услуги мастерской". Теперь сам вопрос, как реализовать меню, что бы оно не сдвигало блок услуг, а легло поверх, т.е перекрывало его.
  10. Заметил что pointer-events: none; не работает на ссылки в других браузерах, сперва тестировал его на Firefox, открыл через Оперу и Хром - все равно переходит по ссылке, есть вариант какого нибудь кроссбраузерного свойства?
  11. Такой вопрос - есть правило для ссылок pointer-events: none; позволяющее сделать ссылки неактивными, у меня есть span - в нем иконсет распределенный через backgroung-position для будущих страниц сайта, есть ли правило для span позволяющее сделать так, что бы при нажатии на него ничего не происходило(в данным момент при нажатии на картинку перекидывает на главную
  12. Не знаю ли на тот раздел обратился, купил хостинг и домен, перенес туда сайт - но после переноса не работают скрипты(а именно скрипт плавной прокрутки сайта по якорям), может кто сталкивался с решением данной проблемы? Спасибо PS: на локальном компе через Денвер все работает как часы
  13. Я думал что он автоматически приобретает свойство родителя...спасибо большое. все получилось
  14. Как я думал что дивы которые находятся в контейнере должны из такого положения перейти в линейное, разве не это делает inline-block?
  15. Добрый день друзья. Есть вопрос по поводу верстки, верстаю макет - и в блоке услуг не могу выравнить блоки с видами ремонта в одну линию, задал в hmtl класс, в css - задал отступы и display:inline-block, и ничего не происходит. div class="row"> <div class="col-md-12"> <div class="mc_wrap"> <div class="mc_item_wrap"> <div class="mc_item"> 12345677 </div> <div class="mc_item"> 12345677 </div> <div class="mc_item"> 12345677 </div> </div> </div> </div> </div> .mc_item_wrap { margin-left: 30px; width: 158px; display: inline-block; } Проблема в этом <- Если есть надобность могу скинуть весь архив с проектом
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy