Ответы пользователя по тегу HTML
  • Как установить ширину div чтобы div которые находятся внутри не выходили за рамки этой ширины?

    Wolfnsex
    @Wolfnsex Куратор тега CSS
    Если не хочешь быть первым - не вставай в очередь!
    Как установить ширину div чтобы div которые находятся внутри не выходили за рамки этой ширины?
    Думаю, вот это ответ на Ваш вопрос. В данном конкретном случае, Вам нужен последний CSS-блок (строки 18-20).
    Ответ написан
  • Работать дальше с png или перейти на SVG?

    Wolfnsex
    @Wolfnsex Куратор тега CSS
    Если не хочешь быть первым - не вставай в очередь!
    Что лучше использовать SVG или PNG для Логотипа ?
    Лучше, подозреваю, что SVG. Так как SVG - это векторный формат и он хорошо выглядит на любом разрешении, в т.ч. на телефонах, у которых разрешение физическое может быть очень высоким, а фактическое - в несколько раз меньше.

    К тому же, SVG обычно меньше занимает и т.д.

    Но, не забывайте, что это два диаметрально противоположенных формата, и далеко не всё можно перевести в SVG-формат. Но то, что можно сделать - обычно делают именно в формате SVG.
    Ответ написан
    Комментировать
  • Почему не реагирует сенсор на определённую область на странице сайта?

    Wolfnsex
    @Wolfnsex Куратор тега CSS
    Если не хочешь быть первым - не вставай в очередь!
    В принципе, наиболее вероятную причину происходящего (а в большинстве случаев и единственную) Вам уже описал предыдущий автор, но от себя хотелось бы добавить вот что:

    Для FireFox, есть очень полезный инструмент, отображающий страницу в формате 3Д, на котором можно отследить какой слой под/над каким находится и так далее. Иногда - очень выручает. Начиная с версии FireFox-47 он доступен в виде отдельного модуля. Подробности, ссылки, скриншоты и т.п.

    *В Вашем случае, эта шутка наверняка сможет показать, какой слой физически перекрывает тот, что Вам нужен.
    Ответ написан
    Комментировать
  • Не отображается svg в хроме через img src - почему?

    Wolfnsex
    @Wolfnsex Куратор тега CSS
    Если не хочешь быть первым - не вставай в очередь!
    Может, я что-то не так делаю?
    Наиболее вероятно что так. Так как у меня, в т.ч. в хроме - всё отображается.

    P.S. Вот Вам даже пример кода, где всё отображается :)
    Ответ написан
    Комментировать
  • Есть ли способ влиять на стили фрейма?

    Wolfnsex
    @Wolfnsex Куратор тега CSS
    Если не хочешь быть первым - не вставай в очередь!
    адумался, можно ли как-то "установить связь" между стилями моего сайта и фрейма и сделать возможным применений всяких display:none-стилей для чужого сайта, который я вывожу на своем сайте через фрейм.
    Возможно что-то уже изменилось, но когда я исследовал эту тему - дела обстояли так:

    Вы не можете получить даже содержимое IFrame в родительском окне браузера или из другого фрейма, что в свою очередь сделано в браузерах для максимальной безопасности, Вашей, безопасности. Что бы например, не "воровали" чужие e-mail'ы, ID'шники соц. сетей и так далее. Это означаете, что Вы так же и не можете изменить внутреннее содержимое IFrame'а ником образом (вообще, там есть некоторые тонкости, но их слишком много для обсуждения в рамках тостер-ответа)

    Другой вопрос в том, что Вы можете настроить проксирование через HTTP-сервер или прямо через серверный скрипт (примеры тут), таким образом обойдя это ограничение...
    Ответ написан
    2 комментария
  • Как изменить текст checkbox который отправляется на почту?

    Wolfnsex
    @Wolfnsex Куратор тега HTML
    Если не хочешь быть первым - не вставай в очередь!
    При включённом отправляет "on" как изменить этот текст?
    <input type="checbox" value="Текст который отправляется на почту" name="checkbox_name" />


    При выключеном пустота - как добавить текст?
    <input type="hidden" name="checkbox_name" value="Текст при выключенном" />
    <input type="checbox" value="Текст который отправляется на почту, при включенном" name="checkbox_name" />
    Ответ написан
  • Элементы в модальном окне теряют резкость?

    Wolfnsex
    @Wolfnsex Куратор тега CSS
    Если не хочешь быть первым - не вставай в очередь!
    Скорее всего, с какими-то стилями, которые по умолчанию присваиваются элементам этого окна, так как, как минимум, наклонное начертание шрифта для всех элементов, что приведена на картинке - не есть стандартное.

    P.S. Похоже на Ваш случай?
    Ответ написан
    Комментировать
  • Как решить конфликт Sass/sourcemapce в git?

    Wolfnsex
    @Wolfnsex Куратор тега CSS
    Если не хочешь быть первым - не вставай в очередь!
    Скажите пожалуйста как решается данная проблема, как добавить эту часть в игнор?
    Создаёте файл .gitignore и добавляете туда всё лишнее, в т.ч. CSS, SourceMaps и всю прочую автоматически генерирующуяся ерунду. Соотв. после этого, удаляете s.map из истории репозитория (полностью).

    На продакшене, или перед сдачей вёрстки на осмотр, деплоем или перед подобными мероприятиями, все нужные файлы (обычно это относится к CSS, а не к s.map) собираются/генерируются либо последним разработчиком (который сдаёт), либо любой системой сборки, которую вы используете.
    Ответ написан
    Комментировать
  • Page Insight не правильно просит оптимизировать изображения. Как ему сказать что размер картинки должен быть именно такой?

    Wolfnsex
    @Wolfnsex Куратор тега HTML
    Если не хочешь быть первым - не вставай в очередь!
    Зашел на Ваш сайт, увидел картинку, вот эту, в разрешении 1900 (оригинал) и 778px фактическом подробности.

    Посмотрел, какие изображения предлагает скачать гугл... он почему-то её уменьшил до 628px (почему именно, до такой ширины - затрудняюсь сказать), но явно не 278px.

    И т.к. данная картинка (*тут я имею в виду картинку, которую Вы приводите в пример) у Вас на сайте уже в размере 278px, посмотреть почему и зачем гугл её так уменьшил - сказать сложно (а проверить в данный момент просто не представляется возможно). Но, рискну предположить, что данная картинка именно по этой же ссылке, используется где-то ещё на сайте, и там она как раз в таком разрешении.
    Ответ написан
    2 комментария
  • Как задать размер для картинок в слайдере?

    Wolfnsex
    @Wolfnsex Куратор тега HTML
    Если не хочешь быть первым - не вставай в очередь!
    не могу их подогнать под один размер, чтобы подстраивались все размеры в одном окне.
    А как Вы хотите их подогнать под 1 размер? То есть, что именно с ними должно произойти (какая операция), что бы они стали одного размера?

    Самые простые варианты:
    1. Выставить им фиксированную ширину и/или высоту
    2. Выставить им максимальную ширину и/или высоту
    3. Использовать атрибут background-size (CSS), для корректировки картинки-фона внутри слоя, который будет представлять из себя слайд.
    Ответ написан
    2 комментария
  • Можно ли отключить адаптивную вёрстку bootstrap только на планшетах?

    Wolfnsex
    @Wolfnsex Куратор тега HTML
    Если не хочешь быть первым - не вставай в очередь!
    Вы можете настроить бутстрап под себе, как Вам нравится, например тут.
    Ответ написан
    Комментировать
  • Почему на позицию Junior HTML-верстальщика такие требования?

    Wolfnsex
    @Wolfnsex Куратор тега CSS
    Если не хочешь быть первым - не вставай в очередь!
    1. Почему многие компании в своих вакансиях на позицию джуна html указывают в требуемых умениях знания PHP(либо базовые либо средние)
    По тому, что два феерически популярных шаблонизатора, таких как Blade и Twig наипсаны на PHP. И сам по себе PHP - отличный шаблонизатор, достаточно скачать и положить куда-нибудь на диске (т.е. ставить не обязательно) PHP, запустить встроенный сервере и использовать его в купе с gulp->browser-sync, получается отличная связка без всяких Apache'ей, для разработки - идеально. Так же, применение подобных связок позволяет не писать например, 8 раз 1 и тот же блок, а просто засунуть его в цикл и вывести 8 раз. Итог - меньше кода, проще работать.

    MySQL, работу с БД
    По тому, что при умении работать с MySQL - хотя бы базовом, а так же при помощи дюжины строк кода PHP, вы можете доставать данные прямо из БД и выводить их в макете, работая с реальными данными, а не с "Lorem ipsum'ами".

    Можно ли назвать человека, проработавшего более года в офисе на коммерческих проектах джуном?
    Проекты бывают разные, например в средней по размерам фирме, где я сейчас работаю, меня назначили тех. директором (т.к. почти 20 лет опыта и всё такое). Если бы я пошел работать в Google, наверное, там бы я был джуном... если бы вообще кем-то был :D (условно конечно, но думаю Вы понимаете о чём я). Другой пример, когда я устраивался на работу в международную IT-компанию, там среди требований на сеньёра была такой список знаний, что я немного прифигел, среди прочего было свободное владение английским и желательно ещё каким-то (кроме родного) языком, к знанию PHP добавлялось отличное знание кардинально противоположенного языка, например, Java, C++ или C#, отлично знание линукса и сетей и т.д. С другой стороны, человек работающий в фирме "3 разраба", на должности "Сеньёр", не обладает даже 10% знаний, озвученных в другой фирме на эту же должность (в эту фирму я тоже пытался устроиться). Т.е. фирмы бывают разные и требования тоже.

    Почему на именно на джуна столько требований, я честно говоря, точно сказать не могу. Т.к. джунов обычно набирают, что бы "воспитать" себе разработчика нужной категории. Выше озвученные мной эпитеты скорее являются ответами на все остальные вопросы, кроме вопроса "зачем всё это именно джуну". Но, возможно это показывает желание человека развиваться в целом, а не зациклится на чем-то одном и "свято верить в чудеса". Люди, которые "научились делать что-то одно", в профессиональном IT обычно долго не держатся, наглухо увязая в массах себе подобных, которые тоже умеют делать "что-то одно" а потом бегают по фрилансам и депмят цены до такой степени, из начального бюджета, который и без того, был не велик (например, 5тыс. руб.) он порой превращается в 200-300руб., лишь бы урвать кусок работы. Можно "делать что-то одно", а знать в общей сложности нужно всё, т.к. дизайнер без знания основ работы браузера - очень хреновый дизайнер. А верстальщик, без знания основ фотошопа - очень плохой верстальщик.

    P.S. Зачем в требованиях пишут "умение рисовать в фотошопе" - я даже приблизительно себе представить не могу, т.к. именно "рисовать" - это на 100% задача дизайнера/художника, и это на 97% та задача, которая к верстальщику не относится вообще никак, почти так как умение штукатурить стены, к вёрстке не имеет вообще никакого отношения, даже косвенного.
    Ответ написан
    2 комментария
  • Как реализовать авторизацию через YouTube на сайте?

    Wolfnsex
    @Wolfnsex Куратор тега PHP
    Если не хочешь быть первым - не вставай в очередь!
    Насколько я помню, YouTube - это сервис Google'а, и аккаунт во всех его сервисах - единый.

    Предположительно, процесс авторизации описан здесь и здесь.
    Ответ написан
    Комментировать
  • В коде favicon-а нету а ico на вкладке есть. Это как так?

    Wolfnsex
    @Wolfnsex Куратор тега HTML
    Если не хочешь быть первым - не вставай в очередь!
    Разве так должно быть?

    Вообще нет, но не забывайте, что это хром... А хром делает запрос файла "favicon.ico" не зависимо от того, есть ли он в коде страницы или нет (для хрома это мало интересный факт). В следствии чего, при отсутствии в коде ссылки на "фавикон", хром пытается скачать её самостоятельно из корня папки/сайта, что собственно и произошло в Вашем случае, в чем можно убедиться пройдя по ссылке.

    P.S. Что на этом сайте в корне забыла иконка фейсбука - понятия не имею.
    Ответ написан
    Комментировать
  • Как заставить CSS-анимацию повторяться?

    Wolfnsex
    @Wolfnsex Куратор тега CSS
    Если не хочешь быть первым - не вставай в очередь!
  • Сбилась кодировка у календаря?

    Wolfnsex
    @Wolfnsex Куратор тега HTML
    Если не хочешь быть первым - не вставай в очередь!
    У Вас кодировка только у календаря сбилась, всё остальное на сервере в нормальной кодировке?

    Если так, то судя по всему, текст в котором "сбилась" кодировка, написан не латиницей. И скорее всего, где-то есть файл с переводом на нужный язык (например, русский), или какой-то другой скрипт в котором и лежат эти самые надписи.

    Сервер предположительно отдаёт текст в кодировке utf-8, а скрипт с переводом (текстом) в кодировке отличной от utf-8 сохранен. Это наиболее вероятная причина.

    Попробуйте пересохранить скрипт (в котором лежат тексты перевода) в той кодировке, в которой работает сервер (скорее всего, utf-8).
    Ответ написан
    Комментировать
  • Как при помощи ccs задать такой бордер?

    Wolfnsex
    @Wolfnsex Куратор тега CSS
    Если не хочешь быть первым - не вставай в очередь!
    Можно попробовать так.
    Ответ написан
  • Как ловить людей, которые из поиска попадают на PDF?

    Wolfnsex
    @Wolfnsex Куратор тега PHP
    Если не хочешь быть первым - не вставай в очередь!
    Как сделать так, чтоб люди попадали на какую-то все же страницу сайта со ссылкой на скачивание pdf, а не сразу на pdf?
    Отдавать PDF через какой-то скрипт-прокладку, которая будет проверять по каким-то параметрам (refer, user-agent или каким-то другим) и либо отдавать сам PDF либо соотв. страницу, в зависимости от условий.
    Ответ написан
    Комментировать
  • Как сделать автоматическую отправку письма с видеокурсом после того как человек оплатил?

    Wolfnsex
    @Wolfnsex Куратор тега PHP
    Если не хочешь быть первым - не вставай в очередь!
    Подскажите как осуществить такое, может есть какие то программы

    Обычно любая электронная касса (я думаю "Яндекс" в этом случае не исключение) после успешной оплаты переадресовывает на сайт продавца с соотв. параметрами. После чего, Вы проверяете оплату и делаете соотв. действия, например, отправляете что-то на почту пользователя. Делается это обычно на том же языке, на котором и написан сам сайт.

    Другой вариант - найти готовое решение или готовую площадку (такие площадки так же не редко сдаются в аренду) которые уже обладают подобным функционалом. В своё время встречал их достаточно много, в основном не бесплатных (что вполне очевидно для задач подобного рода).
    Ответ написан