Jump to content

McLotos

User
  • Posts

    107
  • Joined

  • Last visited

Information

  • Sex
    Мужчина
  • Interests
    PHP, MySQL, HTML, CSS

McLotos's Achievements

Explorer

Explorer (1/14)

1

Reputation

  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. Просто посмотрите http://oldweb.today/nswin/19991215092607/htmlbook.ru
  5. Собственно сабж =) Хочу углубленно изучить API HTML5, но материала мало. Нашел статью http://www.htmlgoodies.com/html5/javascript/a-5-minute-overview-of-all-new-javascript-apis-in-html5.html#fbid=JowBN29cddf и немного информации на w3c.
  6. Это прикол шаблонизатора, ну типа чтобы не парсить 2 разных объекта, он парсит label, а input как бы автоматом цепляет
  7. Супер, но это если label отдельно от input. Я так тоже пробовал, а вот именно в таком варианте, когда label обернут вокруг input, у меня не получилось сделать
  8. Добрый день! Есть такая верстка <label><input type="checkbox" value="val"/>Checkbox1</label> <label><input type="checkbox" value="val2"/>Checkbox2</label>Чекбоксы скрыты, как можно используя только css добавить иконку после label если чекбокс отмечен? Вопрос скорее для фана, чем для практики, поэтому хочется именно на css решение найти.
  9. Спасибо. Тему можно закрывать.
  10. https://jsfiddle.net/obxeg67m/embedded/result/
  11. Да, читал, но там тоже нет ни слова про объем
  12. Всем привет. Вот хочу сделать динамическое построение круговых диаграмм на странице статистики. Долго думал и в результате остановился на варианте создания SVG на чистом JS. Всё бы ничего, вот только информации по SVG кот наплакал, а хочется сделать всё красиво. Пока мой JS умеет генерировать псевдо-3D круговую диаграмму, проблема в том что она плоская, а хочется объемную. Подскажите где что почитать по теме? Например на w3c есть вот такой пример http://www.w3schools.com/svg/tryit.asp?filename=trysvg_ellipse2 А как сделать эти же элисы еще и толстыми, ну чтобы они выглядели например так
  13. Валидатор показывает только 1 ошибку, но он ее показывает на всех страницах, говорит что спецификация HTML5 пока не поддерживается полностью.
  14. Тогда получается что в php DOM не понимает такую связку, потому-что при переборе элементов страницы он думает что hr является родителем следующего за ним div. Ладно, буду ковырять, спасибо. А где можно почитать про вложенность?
×
×
  • 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