Владимир Горинов
Newbie-
Posts
15 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by Владимир Горинов
-
Подскажите как правильно стилизовать placeholder с помощью sass
Владимир Горинов posted a question in HTML Coding
Первый вопрос: - Нужно ли использовать эти кроссбраузерные плюшки для стилизации 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 По идее он должен писаться под паддингами, но коала ругается, так как у кроссбраузерных плюшек скобки и тд- 1 reply
-
- placeholder
- sass
-
(and 1 more)
Tagged with:
-
Добрый день, что делаю не так? Глаза уже замылил себе пытаясь найти причину. Нужно сделать - спозиционировать картинки так, что бы центральная перекрывала все, а 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; }
-
Bootstrap 4, Flexbox или Cssgrid
Владимир Горинов replied to Владимир Горинов's question in HTML Coding
Спасибо за ответ) но я так понял что сейчас нормальные и адекватные разработчики верстают под часто используемые движки, и даже глючный Edge вполне уже справляется с кроссбраузерностью. Просто всегда хотелось понять, почему многие люди до сих пор сидят на бутстрапе, на которым есть подводные камни - допустим в построении колонок, либо выравнивании. И не пересаживаются на более технологичные флексы. Я могу ошибаться, но похоже на то когда ты катаешься на калине, хотя есть и финансы и возможность пересесть на нормальную иномарку и не делать себе мозги.- 3 replies
-
- разработка
- html
-
(and 1 more)
Tagged with:
-
Добрый день уважаемые форумчане. Недавно занялся версткой, изучил Html, css, jqery и несколько популярных cms. Возник такой вопрос, большинство знакомых фронтендеров работают только с бутстрапом, причем только с его сеткой - пишут сайты на чистом css, позже равняя блоки с помощью md, xs и тд. Спрашивая у них про другие методы будь то флексы или новые css гриды, они говорят что бутстраповская сетка лучше, легче, не надо придумывать велосипед и делать новую сетку в флексах. В контраргумент им посмотрел недавно видео Html шорты, где большинство разработчиков пропагандируют за флексы, считая их отличным инструментом разработки и советуют переходить на них, минуя бутстрап, так как флексы имеют поддержку в 98%. Расскажите - стоит ли полноценно изучать бутстрап 4, или можно смело верстать сайты на флексах\гридах позже натягивая это все на cms. Спасибо за ваши разъяснения. И если можно расскажите на чем верстаете вы - и аргумент в пользу того инструмента который используете.
- 3 replies
-
- разработка
- html
-
(and 1 more)
Tagged with:
-
Вы меня видимо не поняли, на 2й картинке у меня сверху показан путь к индекс remonttel\diagnostics\index.html /css/main.css - если я пропишу вот так в хеде, он не находит css файл, нужно подняться с этого индекса до корневой папки, оттуда зайти в css\ и указать его
-
Подскажите пожалуйста правильный алгоритм путешествия к файлу main.css, у меня index.html находится в дочерней папке, как именно указать в хеде путь к главному css
-
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®ion=ru (30 минут) https://mc.yandex.ru/metrika/watch.js (60 минут) https://www.google-analytics.com/analytics.js (2 часа)
-
Не подключается файл .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> Подскажите откуда ноги расстут, и какой процент что это проблемы с ненастраенным апач на хостинге?
-
Добрый день всем, возникла проблема с адаптивностью меню, реализовал выпадающее меню, Но оно сдвигает нижний блок "Услуги мастерской". Теперь сам вопрос, как реализовать меню, что бы оно не сдвигало блок услуг, а легло поверх, т.е перекрывало его.
-
Заметил что pointer-events: none; не работает на ссылки в других браузерах, сперва тестировал его на Firefox, открыл через Оперу и Хром - все равно переходит по ссылке, есть вариант какого нибудь кроссбраузерного свойства?
-
Такой вопрос - есть правило для ссылок pointer-events: none; позволяющее сделать ссылки неактивными, у меня есть span - в нем иконсет распределенный через backgroung-position для будущих страниц сайта, есть ли правило для span позволяющее сделать так, что бы при нажатии на него ничего не происходило(в данным момент при нажатии на картинку перекидывает на главную
-
Не работают скрипты после переноса сайта на хостинг
Владимир Горинов posted a question in HTML Coding
Не знаю ли на тот раздел обратился, купил хостинг и домен, перенес туда сайт - но после переноса не работают скрипты(а именно скрипт плавной прокрутки сайта по якорям), может кто сталкивался с решением данной проблемы? Спасибо PS: на локальном компе через Денвер все работает как часы -
Не работает display:inline-block
Владимир Горинов replied to Владимир Горинов's question in HTML Coding
Я думал что он автоматически приобретает свойство родителя...спасибо большое. все получилось -
Не работает display:inline-block
Владимир Горинов replied to Владимир Горинов's question in HTML Coding
Как я думал что дивы которые находятся в контейнере должны из такого положения перейти в линейное, разве не это делает inline-block? -
Добрый день друзья. Есть вопрос по поводу верстки, верстаю макет - и в блоке услуг не могу выравнить блоки с видами ремонта в одну линию, задал в 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; } Проблема в этом <- Если есть надобность могу скинуть весь архив с проектом