Задать вопрос
Ответы пользователя по тегу CSS
  • Какой монитор выбрать по дюймам для работы в верстке и легкий дизайн сайтов?

    wbrapist
    @wbrapist
    Ты в порядке?
    Омг. В гугл вбиваешь: "топ мониторов в пределах Н-ной суммы".

    Я взял DELL S2415H. Да простят меня тру линуксоиды за пикчу.
    A.jpg
    Ответ написан
    Комментировать
  • Как изменить css?

    wbrapist
    @wbrapist
    Ты в порядке?
    .container {
      min-width: 200px; /* example */
    }
    Ответ написан
    Комментировать
  • Где можно получить советы по коду (code review) для начинающего верстальщика?

    wbrapist
    @wbrapist
    Ты в порядке?
    Просишь об этом на Тостере. Прилетает чувак, который посмотрит твою вёрстку и прокомментирует увиденное. Далее подключается ещё один, пытаясь уничтожить своими скилзами первого ответившего. Подлетает ещё один и начинает гнуть свою линию или же берёт чью-то сторону.

    В итоге всем хорошо: батл свершился, твоя работа просмотрена, и ты получаешь то, что тебе надо.
    Ответ написан
    Комментировать
  • У кого есть литература по верстке сайтов на html5 и css3?

    wbrapist
    @wbrapist
    Ты в порядке?
    Попроходи htmlacademy чисто по HTML, потом можешь почитать "Большая книга CSS3".
    Ну, а дальше, в свободное плавание.
    Ответ написан
    Комментировать
  • Почему не создается файл css?

    wbrapist
    @wbrapist
    Ты в порядке?
    Попробуй убрать 'project/' из путей.
    Ответ написан
  • Почему не применяются стили к элементу после перезагрузки страницы?

    wbrapist
    @wbrapist Автор вопроса
    Ты в порядке?
    Всё оказалось довольно банальным. Я почему-то думал, что при подключении скрипта, атрибут defer ждёт полной загрузки страницы, в итоге, так и есть, но defer не ждёт загрузки внешних подключаемых ресурсов, как я понял:

    It's a bad idea to use the document when it's not fully loaded. Depending on the time it takes to load it, your values are going to be different. That's why you get different behaviors.

    To solve this, just wait for the document to be loaded by wrapping your code like this:
    window.addEventListener('load', function(){
        /* ...YOUR CODE GOES HERE... */
    });

    When you load a page, 2 main events are fired: DOMContentLoaded, when the DOM is ready (All the HTML is loaded). Then, a load event fires when all external resources (CSS, images) are loaded. Using defer waits for the first event to fire, but not the other one. In your case, I think it is the CSS that was causing a problem. It was not loaded yet

    stackoverflow.com/questions/45702723/


    Может быть мои знания английского не позволяют мне понять, но вроде как ответ постом выше немного отличается от того, что написано на MDN:

    defer
    This Boolean attribute is set to indicate to a browser that the script is meant to be executed after the document has been parsed, but before firing DOMContentLoaded.

    The DOMContentLoaded event is fired when the initial HTML document has been completely loaded and parsed, without waiting for stylesheets, images, and subframes to finish loading. A very different event load should be used only to detect a fully-loaded page. It is an incredibly popular mistake to use load where DOMContentLoaded would be much more appropriate, so be cautious.


    То есть, грубо говоря, как я понял, происходит 3 этапа:
    - Страница парсится
    - Загружается HTML
    - Загружаются внешние ресурсы

    UPD: Критический путь рендеринга веб-страниц
    Ответ написан
    Комментировать
  • Почему функция постоянно возвращает undefined?

    wbrapist
    @wbrapist Автор вопроса
    Ты в порядке?
    Сделал немного по-другому. При клике на меню отрабатывало событие - там добавлялся HTML, повесил второе клик-событие не отдельно где-то в коде, а сделал его в виде атрибута (т.е. вместо старой разметки):
    elementAddMenu.innerHTML += '<div class="checkbox"></div>

    Немного изменил, добавил обработчик:
    elementAddMenu.innerHTML += '<div class="checkbox" onclick="setCheckBox()"></div>

    А сама функция при каждом клике вызывается и пишет значение в глобальную переменную.

    Пока что только так. Сейчас попробую всё-таки поймать событие, написав обработчик в коде - нужно понять конкретнее, что происходит.

    Всем спасибо за разъяснения и непосредственно участие.

    UPD
    Переделал без использования глобальной переменной, обработчик находится внутри другого.
    var checkbox = document.getElementsByClassName('checkbox')[0];
    
        checkbox.onclick = function() {
          result = setCheckBox(checkbox);
        };
    Ответ написан
    Комментировать
  • Как сделать такой фон?

    wbrapist
    @wbrapist
    Ты в порядке?
    Ну так и позиционируйте изображение относительно формы. Форме поиска (блоку в котором она находится) - position: relative, а изображению position: absolute. И дальше устанавливаете картинку куда надо.

    Или просто установите форме/блоку формы background.
    Ответ написан
    Комментировать
  • Как разместить элемент относительно правого нижнего угла родительского?

    wbrapist
    @wbrapist
    Ты в порядке?
    https://jsfiddle.net/h9p71fdv/1/

    .main {
      border: 1px solid red;
      width: 500px;
      height: 600px;
      
      position: relative;
    }
    
    .main a {
      position: absolute;
      right: 15px;
      bottom: 15px;
    }
    Ответ написан
    1 комментарий