spdif

User
  • Content count

    260
  • Joined

  • Last visited

  • Days Won

    8

Everything posted by spdif

  1. Атрибут 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. текстовых альтернатив alt для изображений img ...
  3. klierik - это достаточно хороший и внятный разбор! общий respect Вам за то что нашли время на это) ...
  4. Можно добавить этот маркер как фоновое изображение для элемента < 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. Не отличается) т.к. в данном случае таг 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. Можно решить это убрав пустые текстовые узлы: убираем между тегами пробелы, переносы, табы - получаем запись такого вида <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. Я сделал вот так: https://jsfiddle.net/spdif/6px1zofd/ ...
  9. тоже самое хотел спросить! кстати сайт emmet.io со вчерашнего дня не доступен/ ...
  10. что конкретно не понятно? локализуйте вашу проблему! а пока вот http://jsfiddle.net/zy4uk26j/5/ на вашем примере сделал, два примера с разным поведением одного и того же блока ...
  11. если обращаетесь к родственному элементу (общий родитель) который следует непосредственно первым после вас используйте + а к тем что идут далее используйте ~ (обратная тильда) обращаясь к ним - по типу, идентификатору, классу .icon-wrapper:hover ~ .submenu https://codepen.io/anon/pen/pqNJxq ...
  12. а надо как? так чтобы они перекрывали текст - https://jsfiddle.net/kqrvz4Lo/25/ ...
  13. CSS Grid - довольно удобный способ позволяет сделать это на пример так: http://jsfiddle.net/xoge9zjy/7/ или так: http://jsfiddle.net/xoge9zjy/8/
  14. Другой способ это: CSS Grid - спецификация здесь и здесь ...
  15. как не в блоке? где тогда? - <div><img></div> - именно в блоке!
  16. Это странно! Эффект в примере atom с применением переменных css. Вы "все" скопировали? нет конечно! псевдо-элемент :root -где? "там собственно и объявлены переменные" добавить :root - поменять имена классов и значения на нужные) должно получиться примерно так http://jsfiddle.net/0kpbjqem/ ...
  17. Зачем тогда path? построенная им фигура не замыкается сама по себе то что у Вас в примере, это многоугольник, лучше использовать polygon если все же использовать path тогда надо построить еще один path с тем же атрибутом d а для этого надо - вычислить его форму внутри самой внешней формы рекурсивным образом ... или просто костылей воткнуть http://jsfiddle.net/ont3k4za/1/ )) но это не пример для использования! баловство скорей.
  18. Чтобы посмотреть, нужно зайти на сайт. Чтобы зайти на сайт, нужно зарегистрироваться. Условие? Вы это серьёзно?! Предоставьте безусловный доступ, это будет хорошим тоном это даст увеличение числа исследований это повысит шанс хорошего совета по конкретной проблеме
  19. Тогда используйте позиционирование дочерних элементов относительно их родителя! http://jsfiddle.net/mxwqkuto/
  20. Если масштабирование не требуется то используйте абсолютные значения ширины/высоты элементов https://jsfiddle.net/k43cw692/23/