spdif

User
  • Content count

    260
  • Joined

  • Last visited

  • Days Won

    8

spdif last won the day on January 5

spdif had the most liked content!

Community Reputation

23 Положительная

About spdif

  • Rank
    Участник

Information

  • Sex
    Мужчина
  • From
    адуктО

Recent Profile Visitors

2,155 profile views
  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 ...