spdif
-
Posts
260 -
Joined
-
Last visited
-
Days Won
8
Content Type
Profiles
Forums
Calendar
Store
Everything posted by 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 !
-
текстовых альтернатив alt для изображений img ...
-
klierik - это достаточно хороший и внятный разбор! общий respect Вам за то что нашли время на это) ...
-
Можно добавить этот маркер как фоновое изображение для элемента < 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 ☑️ .). ...
-
Не отличается) т.к. в данном случае таг 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 {} ...
-
Можно решить это убрав пустые текстовые узлы: убираем между тегами пробелы, переносы, табы - получаем запись такого вида <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/ ...
-
Посмотрите этот пример - jsfiddle.net/spdif ...
-
justify-content: space-between - выравнивание элементов в нижнем ряду
spdif replied to volshebnyi's question in HTML Coding
Однозначно Grid для данного примера. ... -
Вы имеете ввиду добавление изображения со своего компьютера?
-
https://htmlforum.io/guidelines/ — недавно зарегистрированные пользователи. Для пользователей данной группы не работают личные сообщения... дайте почту
-
Возможно так: <!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> ...
-
да, сообщение в личку пишите.
-
Разметка выглядит как минимум странно! В любом случае надо сделать вашу разметку лучше! и после этого уже ожидать хороших примеров. ... Далее по: <!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> . итог: приведите в порядок - валидируйте вашу разметку! Удачи) ....
-
и ширина элементов разная, соответственно количество элементов в этой так называемой строке, и в последующих строках тоже, будет разным, и как тогда определить последнего? ведь мы знаем что у нас по сути только один явный последний? подключить нейросеть если только)) По нормальному, это надо сеткой делать Grid Layout ...!
-
Добрый день! Во первых всегда соблюдайте порядок вложенности элементов! в вашем примере Вы закрыли элемент center раньше чем элемент div в том редакторе в котором делаете, неужели нет подсветки таких ошибок? Далее: <center> это устаревший элемент! Старайтесь избегать его использования. Хотя он все еще может работать в некоторых браузерах, его использование не рекомендуется, поскольку его могут удалить в любое время. Используйте свойства CSS, например: чтобы выровнять содержимое элемента по горизонтали по центру, используйте text-align: center; чтобы выровнять сам элемент по горизонтали по центру, используйте margin: 0 auto; так что убирайте элемент <center> без него все норм центруется, пример ниже. ...
-
в какой строке? у Вас там суть всего одна строка! спрашивали: вот и результат который соответствует запросу! а то что на картинке показываете, так это не отдельные строки, это просто так кажется...
-
Можно через псевдоэлемент обратится к последнему потомку в доме по типу его элемента, добавив следующее правило: .container div:nth-last-of-type(1) {background: #f00;} результат. See the Pen ZVmgVq by Sense Frame (@Sense_Frame) on CodePen. ...
-
Я сделал вот так: https://jsfiddle.net/spdif/6px1zofd/ ...
-
.detailed-image-container { padding: 10%; }
-
тоже самое хотел спросить! кстати сайт emmet.io со вчерашнего дня не доступен/ ...
-
верстка карточки Помогите сделать код карточки. CSS3 и HTML5
spdif replied to egor_martynov's topic in Freelance
... Вот еще пример: ... -
У Вас синтаксическая ошибка! Пропущенный символ " в конце адреса ресурса src="https://www.google.com> ...
-
Во первых, с наступающим Вас! * НГ * с наилучшими пожеланиями ? )) далее по списку: Человек VasyOK{!} писал: Он предоставил визуальный пример того что ему требуется, и дал линк на тот результат который получился у него в песочнице. а получилось у него так: НО, результат то! не совсем тот получился. далее я ответил тому (!внимание) кто задавал вопрос.?. написав что мол и вернул линк на его пример, изменив в стилях значения в трех атрибутах и более ни чего!!) А вот про рабочее решение которое якобы мне было предоставлено, первый раз слышу... Вы о чем это?!!... Я не в курсе просто)) ...
-
Да почти получилось - https://jsfiddle.net/spdif/ecanybgo/2/
