spdif

Пользователь
  • Публикации

    260
  • Зарегистрирован

  • Посещение

  • Дней в лидерах

    8

Все публикации пользователя spdif

  1. spdif

    Нужен небольшой аудит

    Атрибут charset в элементе meta находится за пределами первых 1024 байтов от начала документа: <!DOCTYPE html> ... ! а элемент заголовка страницы title стартовал раньше ожидаемого - falsestart ! ... еще тут два элемента meta с атрибутом charset в одном документе ! <meta charset="UTF-8"> <meta charset="utf-8"> Зачем? Два? - ведь это по крайней мере невалидно! Документ не должен содержать более одного meta элемента с атрибутом charset ! Ниже приведен пример достаточно верного порядка размещения элементов. 1 | <!DOCTYPE html> 2 | <html lang=""> 3 | <head> 4 | <meta charset=""> 5 | <title> 6 | <meta name="description" content=""> 7 | <meta name="keywords" content=""> ... Попутно избавляемся от лишнего ! <script type="text/javascript" src="*.js"></script> Атрибут type элемента script для JavaScript более не требуется ! <script type="text/javascript" src="../abc.js"></script> Пишите без атрибута, этого будет вполне достаточно <script></script> correct write !
  2. spdif

    Нужен небольшой аудит

    текстовых альтернатив alt для изображений img ...
  3. spdif

    Прошу оценить сайт магазина

    klierik - это достаточно хороший и внятный разбор! общий respect Вам за то что нашли время на это) ...
  4. spdif

    Выравнивание списка <ul> по вертикали

    Можно добавить этот маркер как фоновое изображение для элемента < li > с выравниванием по вертикали по центру, задав для этого позицию фона = 0% 50% а текстовое содержимое элемента < li > выравнивать внутренними отступами - padding ,)) <! ———- Your current style ———- > .inner ul, .inner ol { margin: 10px 0 10px 20px; } .main-content li { vertical-align: top; font-size: 14px; line-height: 1.8; list-style-image: url(images/galka.png); list-style-position: outside; } <! —— Your current style end ——- > /* —————-- V / S —————- */ <! — Future style perspective —— > .inner ul, .inner ol { margin: 10px 0 10px 0; } .main-content li { background: url(images/galka.png) 0% 50% no-repeat; list-style-type: none; padding: 4.5px 0 4.5px 30px; } <! — Future style perspective end — > P.s _ .(. _this decision is okay ☑️ .). ...
  5. spdif

    Вопросы по стилям

    Не отличается) т.к. в данном случае таг div имеет в селекторе два имя , если в имени класса есть пробел, то - то что следует после пробела, является еще одним собственным именем класса данного тега ... <div class="grid-img sqr"></div> в css к такому элементу можно обращаться так: .grid-img {} .sql {} .grid-img.sql {} /* - and also - */ div.grid-img {} div.sql {} div.grid-img.sql {} ...
  6. spdif

    Не могу убрать падинги у li

    Можно решить это убрав пустые текстовые узлы: убираем между тегами пробелы, переносы, табы - получаем запись такого вида <ul class="main-menu"><li class="homepage">Home</li><li class="gallerypage activ">Gallery</li><li class="memberspage">Members</li><li class="logoutpage">Logout</li></ul> результат - https://jsfiddle.net/spdif/g4cfkbms/1/ Ещё Можно решить не убирая пустые узлы HTML5: убираем закрывающие теги - получаем запись такого вида <ul class="main-menu"> <li class="homepage">Home <li class="gallerypage activ">Gallery <li class="memberspage">Members <li class="logoutpage">Logout </ul> в HTML5 это вполне валидная запись кода результат - https://jsfiddle.net/spdif/hcoaz0r9/2/ ...
  7. Добрый день! Во первых всегда соблюдайте порядок вложенности элементов! в вашем примере Вы закрыли элемент center раньше чем элемент div в том редакторе в котором делаете, неужели нет подсветки таких ошибок? Далее: <center> это устаревший элемент! Старайтесь избегать его использования. Хотя он все еще может работать в некоторых браузерах, его использование не рекомендуется, поскольку его могут удалить в любое время. Используйте свойства CSS, например: чтобы выровнять содержимое элемента по горизонтали по центру, используйте text-align: center; чтобы выровнять сам элемент по горизонтали по центру, используйте margin: 0 auto; так что убирайте элемент <center> без него все норм центруется, пример ниже. ...
  8. spdif

    Верстка карточек сотрудников

    Я сделал вот так: https://jsfiddle.net/spdif/6px1zofd/ ...
  9. spdif

    Какой родительский элемент у изображения?

    .detailed-image-container { padding: 10%; }
  10. spdif

    Не могу установить emmet

    ' ...
  11. spdif

    Не могу установить emmet

    тоже самое хотел спросить! кстати сайт emmet.io со вчерашнего дня не доступен/ ...
  12. spdif

    Не работает выпадающий список

    https://codepen.io/anon/pen/pqNJxq
  13. spdif

    Адаптивный блок

    что конкретно не понятно? локализуйте вашу проблему! а пока вот http://jsfiddle.net/zy4uk26j/5/ на вашем примере сделал, два примера с разным поведением одного и того же блока ...
  14. spdif

    Не работает выпадающий список

    если обращаетесь к родственному элементу (общий родитель) который следует непосредственно первым после вас используйте + а к тем что идут далее используйте ~ (обратная тильда) обращаясь к ним - по типу, идентификатору, классу .icon-wrapper:hover ~ .submenu https://codepen.io/anon/pen/pqNJxq ...
  15. а надо как? так чтобы они перекрывали текст - https://jsfiddle.net/kqrvz4Lo/25/ ...
  16. spdif

    Изменение порядка блоков

    CSS Grid - довольно удобный способ позволяет сделать это на пример так: http://jsfiddle.net/xoge9zjy/7/ или так: http://jsfiddle.net/xoge9zjy/8/
  17. spdif

    Изменение порядка блоков

    Другой способ это: CSS Grid - спецификация здесь и здесь ...
  18. spdif

    Расположение текста на странице

    http://jsfiddle.net/zkox0rLt/
  19. как не в блоке? где тогда? - <div><img></div> - именно в блоке!
  20. spdif

    Подскажите как сделать подобные эффекты?

    Это странно! Эффект в примере atom с применением переменных css. Вы "все" скопировали? нет конечно! псевдо-элемент :root -где? "там собственно и объявлены переменные" добавить :root - поменять имена классов и значения на нужные) должно получиться примерно так http://jsfiddle.net/0kpbjqem/ ...
  21. spdif

    Как залить svg-контур?

    Зачем тогда path? построенная им фигура не замыкается сама по себе то что у Вас в примере, это многоугольник, лучше использовать polygon если все же использовать path тогда надо построить еще один path с тем же атрибутом d а для этого надо - вычислить его форму внутри самой внешней формы рекурсивным образом ... или просто костылей воткнуть http://jsfiddle.net/ont3k4za/1/ )) но это не пример для использования! баловство скорей.
  22. Чтобы посмотреть, нужно зайти на сайт. Чтобы зайти на сайт, нужно зарегистрироваться. Условие? Вы это серьёзно?! Предоставьте безусловный доступ, это будет хорошим тоном это даст увеличение числа исследований это повысит шанс хорошего совета по конкретной проблеме
  23. Тогда используйте позиционирование дочерних элементов относительно их родителя! http://jsfiddle.net/mxwqkuto/
  24. Если масштабирование не требуется то используйте абсолютные значения ширины/высоты элементов https://jsfiddle.net/k43cw692/23/