Jump to content

Hasiev

User
  • Posts

    147
  • Joined

  • Last visited

  • Days Won

    1

Posts posted by Hasiev

  1. У меня в проекте используются медиа-изображения с помощью picture и source, изображения формата svg, нужно что бы при ховере менялись некоторые стили у svg-элемента .. Как это сделать? И возможно ли это в данном случае? Пробовал в каждом svg-файле прописовать ховеры, не работает .. 

    Я так понял нужно вставлять все svg на страницу, а с помощью media queries, показывать нужное .. Только так?

  2. 1. Как указывать шрифты? Так? Или когда как? Или как? )) 

    Скрытый текст
    
    html {
    	font-size: 14px;
    }
    
    body {
    	font-size: 1em;
    }
    
    .title {
    	font-size: 1.5em;
    }
    
    @media (min-width: 620px) {
      html {
      	font-size: 16px;
      }
    }

     

    Или каждому текст. элементу на каждом брейк-поинте указывать отдельно? ))

    2. Как перестраивать блоки в адаптиве?

     Заказчик предоставляет макет отрисованный под один экран(940-1200px), и при этом говорит, что нужен адаптив, а как его делать? Нужно знать еще и основы веб-дизайна, и иметь вкус? Или есть какой-то шаблон которому все зачастую следуют?

     

    Скорее всего список не окончательный, будут еще вопросы. Спасибо!

  3. 4 минуты назад, AlexZaw сказал:

    в рамках бреда:

    https://jsfiddle.net/AlexZaw/tkLxL6jk/

      Показать содержимое
      Показать содержимое

     

    На 3-х таблицах? Тоже мысль была ..

  4. Только что, npofopr сказал:

    В таблице можно скрытые поля добавить. 
    Можно через diaplay: table сделать. В общем, много вариантов.

    Это и вызывает сложность, на скрытых ячейках я и делал изначально ..

  5. В макете попалась сложная секция, с которой мучаюсь 2 день, не могу сам справится. ..

    Подразумеваю что это таблица.

    Вот так выглядит на мобильниках (слайдер):

    Скрытый текст

    mobile-table.JPG

    Вот так на десктопах: 

    Скрытый текст

    desktop-table.JPG

    Как ее перестраивать? Как верстать, сначала на блоках, потом на css таблицах? То что я пытался сделать, выходит очень мудрено ..

     

  6. А какое состояние нужно определять? Есть псевдоклассы - :valid , :invalid .

    Они позволяют определить, соответствуют ли данные введенные пользователем типу инпута. 

    А обводки можно делать с помощью border, или outlines, или с помощью теней - box-shadow. Последние два не влияют на блочную модель. Но, я не знаю как ведут себя тени с элементами форм, по моему были проблемы на некоторых платформах.

  7. Начнем с того что саму навигацию можно сделать на чистом css, с помощью медиа-запросов можно реализовать скрытие\отображение меню, и кнопки. То есть по умолчанию кнопка скрыта, а когда вьюпорт становится уже определенной ширины, отображаем кнопку, а обертку с ссылками скрываем .. Обработку нажатия можно реализовать на чекбоксе, то есть кнопка это будет label привязанный к input, если input = checked открываем меню, если нет, - скрываем .. Или наоборот.

×
×
  • 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