McLotos

User
  • Content count

    107
  • Joined

  • Last visited

Community Reputation

1 Обычная

About McLotos

  • Rank
    Участник

Information

  • Sex
    Мужчина
  • Interests
    PHP, MySQL, HTML, CSS
  1. display: grid grid: "leftSection regStep rightSection " auto "leftSection submitButton rightSection" auto / auto auto Когда в regStep появляется текст, сетка исчезает, то есть весь текст растягивается на всю ширину текста, как исправить этот баг и заставить текст оставаться по середине экрана? Набросал такой вариант grid "leftSection regStep rightSection " auto "leftSection submitButton rightSection" auto/ minmax(20px, 20%) minmax(60%, 1fr) minmax(20px, 20%) Но мне кажется этот код попахивает 😃
  2. I have solution было main section display: grid grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr)) grid-gap: 2rem стало main section display: grid grid-template-columns: repeat(auto-fit, minmax(20rem, max-content)) justify-content: center grid-gap: 2rem Рабочий пример https://codepen.io/McLotos/pen/ExYWoQq?editors=1100
  3. Всем привет. Есть шаблон, который никак не могу заставить вести себя как нужно - в одной из секций шаблона есть 3 блока, которые всегда должны быть по центру страницы, но в какой-то момент они начинают прижиматься к левому краю экрана и остается много пустоты, подскажите как починить (при этом есть навязчивое желание не использовать @media думаю код объяснит вопрос лучше, чем я https://codepen.io/McLotos/pen/ExYWoQq?editors=1100 Если начать растягивать страницу по ширине, то в какой-то момент блоки просто приклеиваются к левому краю, а нужно чтобы все три блока, стоя рядом были точно по середине страницы в качестве простого решения, можно добавить @media screen and (min-width: 50rem) и там указать что-то типа main grid-template-columns: repeat(5, 1fr) section grid-column-start: 2 grid-column-end: 4 но не хочется использовать @media-запросы, чтобы не возиться с подгонкой под разные экраны, смысл grid пропадает
  4. Собственно сабж =) Хочу углубленно изучить API HTML5, но материала мало. Нашел статью http://www.htmlgoodies.com/html5/javascript/a-5-minute-overview-of-all-new-javascript-apis-in-html5.html#fbid=JowBN29cddf и немного информации на w3c.
  5. McLotos

    Изменить цвет label

    Это прикол шаблонизатора, ну типа чтобы не парсить 2 разных объекта, он парсит label, а input как бы автоматом цепляет
  6. McLotos

    Изменить цвет label

    Супер, но это если label отдельно от input. Я так тоже пробовал, а вот именно в таком варианте, когда label обернут вокруг input, у меня не получилось сделать
  7. Добрый день! Есть такая верстка <label><input type="checkbox" value="val"/>Checkbox1</label> <label><input type="checkbox" value="val2"/>Checkbox2</label>Чекбоксы скрыты, как можно используя только css добавить иконку после label если чекбокс отмечен? Вопрос скорее для фана, чем для практики, поэтому хочется именно на css решение найти.
  8. Спасибо. Тему можно закрывать.
  9. Да, читал, но там тоже нет ни слова про объем
  10. Всем привет. Вот хочу сделать динамическое построение круговых диаграмм на странице статистики. Долго думал и в результате остановился на варианте создания SVG на чистом JS. Всё бы ничего, вот только информации по SVG кот наплакал, а хочется сделать всё красиво. Пока мой JS умеет генерировать псевдо-3D круговую диаграмму, проблема в том что она плоская, а хочется объемную. Подскажите где что почитать по теме? Например на w3c есть вот такой пример http://www.w3schools.com/svg/tryit.asp?filename=trysvg_ellipse2 А как сделать эти же элисы еще и толстыми, ну чтобы они выглядели например так
  11. Валидатор показывает только 1 ошибку, но он ее показывает на всех страницах, говорит что спецификация HTML5 пока не поддерживается полностью.
  12. Тогда получается что в php DOM не понимает такую связку, потому-что при переборе элементов страницы он думает что hr является родителем следующего за ним div. Ладно, буду ковырять, спасибо. А где можно почитать про вложенность?
  13. http://caniuse.com/#feat=css-textshadow А вообще для safari можно юзать -webkit-text-shadow Если очень хочется отдельный css под safari то можно для начала определить какой браузер у пользователя, а потом если safari то подставить другой css