Jump to content

spdif

User
  • Posts

    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. Посмотрите этот пример - jsfiddle.net/spdif ...
  8. https://htmlforum.io/guidelines/ — недавно зарегистрированные пользователи. Для пользователей данной группы не работают личные сообщения... дайте почту
  9. Возможно так: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html><head> <meta charset="UTF-8"> <meta name="x-apple-disable-message-reformatting"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta content="telephone=no" name="format-detection"> <title>sf</title> <!--[if (mso 16)]><style type="text/css">a {text-decoration: none;}</style><![endif]--> <!--[if gte mso 9]><style>sup { font-size: 100% !important; }</style><![endif]--> </head><body><div> <!--[if gte mso 9]><v:background xmlns:v="urn:schemas-microsoft-com:vml" fill="t"><v:fill type="tile" color="#f6f6f6"></v:fill></v:background><![endif]--> <table cellpadding="0" cellspacing="0" width="100%" style="background-position: left top;"> <tbody><tr><td align="center" style="background-position: left top; background-color: rgb(239, 239, 239);" bgcolor="#efefef"> <img src="https://htmlforum.io/uploads/monthly_2019_01/1870525596_NewProject.png.72193b376f0c3485efd47fed3d45cbb8.png" alt="SF" style="display: block;" width="80"> </td></tr></tbody> </table> </div></body></html> ...
  10. да, сообщение в личку пишите.
  11. Разметка выглядит как минимум странно! В любом случае надо сделать вашу разметку лучше! и после этого уже ожидать хороших примеров. ... Далее по: <!DOCTYPE html> - #html5 - ок <html lang="en"> - почему? в документе объявлена латиница а записи в этом доке сделаны кирилицей ! 'Sлэнг' соответствие <html lang="ru"> - #html5 - <script type="text/javascript"></script> - type="text/javascript" это лишнее, достаточно <script> </script> - #html5 - <section class="wrapper"> - <section>? где заголовок <h2-6>? - #html5 - <ul class="sidebar-menu"> <?php include_once 'menu.php'; ?> </ul> </li> </ul> - оочень странная конструкция, для шаблона! <section class="my-page"> - ещё <section>? где заголовок <h2-6>? - #html5 - + не о чем не говорящее имя класса! "my-page"( <img width="100%" ...> - почему стилевые правила в разметке? тем более <img width="100%" ...> не приветствуется в - #html5 - <center> </center> - #html5 - устаревший тег, не используйте его более! ... далее имеются повторяющиеся моменты указанные выше, а также не своевременность открытия/закрытия тэгов... <div class="menu"><div class="footer"> </div></menu> - нижний колонтитул просто эпик! что это за конструкция? <divclass="menu"> <divclass="footer"></div> </menu> . итог: приведите в порядок - валидируйте вашу разметку! Удачи) ....
  12. и ширина элементов разная, соответственно количество элементов в этой так называемой строке, и в последующих строках тоже, будет разным, и как тогда определить последнего? ведь мы знаем что у нас по сути только один явный последний? подключить нейросеть если только)) По нормальному, это надо сеткой делать Grid Layout ...!
  13. Добрый день! Во первых всегда соблюдайте порядок вложенности элементов! в вашем примере Вы закрыли элемент center раньше чем элемент div в том редакторе в котором делаете, неужели нет подсветки таких ошибок? Далее: <center> это устаревший элемент! Старайтесь избегать его использования. Хотя он все еще может работать в некоторых браузерах, его использование не рекомендуется, поскольку его могут удалить в любое время. Используйте свойства CSS, например: чтобы выровнять содержимое элемента по горизонтали по центру, используйте text-align: center; чтобы выровнять сам элемент по горизонтали по центру, используйте margin: 0 auto; так что убирайте элемент <center> без него все норм центруется, пример ниже. ...
  14. в какой строке? у Вас там суть всего одна строка! спрашивали: вот и результат который соответствует запросу! а то что на картинке показываете, так это не отдельные строки, это просто так кажется...
  15. Можно через псевдоэлемент обратится к последнему потомку в доме по типу его элемента, добавив следующее правило: .container div:nth-last-of-type(1) {background: #f00;} результат. See the Pen ZVmgVq by Sense Frame (@Sense_Frame) on CodePen. ...
  16. Я сделал вот так: https://jsfiddle.net/spdif/6px1zofd/ ...
  17. тоже самое хотел спросить! кстати сайт emmet.io со вчерашнего дня не доступен/ ...
  18. У Вас синтаксическая ошибка! Пропущенный символ " в конце адреса ресурса src="https://www.google.com> ...
  19. Во первых, с наступающим Вас! * НГ * с наилучшими пожеланиями ? )) далее по списку: Человек VasyOK{!} писал: Он предоставил визуальный пример того что ему требуется, и дал линк на тот результат который получился у него в песочнице. а получилось у него так: НО, результат то! не совсем тот получился. далее я ответил тому (!внимание) кто задавал вопрос.?. написав что мол и вернул линк на его пример, изменив в стилях значения в трех атрибутах и более ни чего!!) А вот про рабочее решение которое якобы мне было предоставлено, первый раз слышу... Вы о чем это?!!... Я не в курсе просто)) ...
  20. Да почти получилось - https://jsfiddle.net/spdif/ecanybgo/2/
×
×
  • 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