spdif

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

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

  • Посещение

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

    8

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

  1. spdif

    Верстка писем. Встраивание изображения

    Вы имеете ввиду добавление изображения со своего компьютера?
  2. spdif

    Как вставить в шапку баннер

    https://htmlforum.io/guidelines/ — недавно зарегистрированные пользователи. Для пользователей данной группы не работают личные сообщения... дайте почту
  3. spdif

    Верстка писем. Встраивание изображения

    Возможно так: <!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> ...
  4. spdif

    Как вставить в шапку баннер

    да, сообщение в личку пишите.
  5. spdif

    Как вставить в шапку баннер

    Разметка выглядит как минимум странно! В любом случае надо сделать вашу разметку лучше! и после этого уже ожидать хороших примеров. ... Далее по: <!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> . итог: приведите в порядок - валидируйте вашу разметку! Удачи) ....
  6. и ширина элементов разная, соответственно количество элементов в этой так называемой строке, и в последующих строках тоже, будет разным, и как тогда определить последнего? ведь мы знаем что у нас по сути только один явный последний? подключить нейросеть если только)) По нормальному, это надо сеткой делать Grid Layout ...!
  7. Добрый день! Во первых всегда соблюдайте порядок вложенности элементов! в вашем примере Вы закрыли элемент center раньше чем элемент div в том редакторе в котором делаете, неужели нет подсветки таких ошибок? Далее: <center> это устаревший элемент! Старайтесь избегать его использования. Хотя он все еще может работать в некоторых браузерах, его использование не рекомендуется, поскольку его могут удалить в любое время. Используйте свойства CSS, например: чтобы выровнять содержимое элемента по горизонтали по центру, используйте text-align: center; чтобы выровнять сам элемент по горизонтали по центру, используйте margin: 0 auto; так что убирайте элемент <center> без него все норм центруется, пример ниже. ...
  8. в какой строке? у Вас там суть всего одна строка! спрашивали: вот и результат который соответствует запросу! а то что на картинке показываете, так это не отдельные строки, это просто так кажется...
  9. Можно через псевдоэлемент обратится к последнему потомку в доме по типу его элемента, добавив следующее правило: .container div:nth-last-of-type(1) {background: #f00;} результат. See the Pen ZVmgVq by Sense Frame (@Sense_Frame) on CodePen. ...
  10. spdif

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

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

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

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

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

    ' ...
  13. spdif

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

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

    footer поверх map

    У Вас синтаксическая ошибка! Пропущенный символ " в конце адреса ресурса src="https://www.google.com> ...
  15. spdif

    Подскажите как закрасить баннер

    Во первых, с наступающим Вас! * НГ * с наилучшими пожеланиями 🎅 )) далее по списку: Человек VasyOK{!} писал: Он предоставил визуальный пример того что ему требуется, и дал линк на тот результат который получился у него в песочнице. а получилось у него так: НО, результат то! не совсем тот получился. далее я ответил тому (!внимание) кто задавал вопрос.?. написав что мол и вернул линк на его пример, изменив в стилях значения в трех атрибутах и более ни чего!!) А вот про рабочее решение которое якобы мне было предоставлено, первый раз слышу... Вы о чем это?!!... Я не в курсе просто)) ...
  16. spdif

    Подскажите как закрасить баннер

    Да почти получилось - https://jsfiddle.net/spdif/ecanybgo/2/
  17. spdif

    Сдвигается логотип

    Вам на будущее, выделяете ту часть кода с которой возникли трудности копируете открываете jsFiddle вставляете туда скопированную часть html кода потом в своем css копируете те стили которые влияют выбранный ранее код вставляете его все в том же jsFiddle аналогичным образом добавляете туда js код имеющий отношение к тому что уже добавлено нажимаете кнопку - Run и если результат устраивает то нажимаете кнопку - Save и копируете в адресной строке браузера адрес ссылки на получившейся пример идете на HTMLforum вставляете эту ссылку в тело вашего сообщения Ok? можно так - Сайт.7z ...
  18. spdif

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

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

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

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

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

    если обращаетесь к родственному элементу (общий родитель) который следует непосредственно первым после вас используйте + а к тем что идут далее используйте ~ (обратная тильда) обращаясь к ним - по типу, идентификатору, классу .icon-wrapper:hover ~ .submenu https://codepen.io/anon/pen/pqNJxq ...
  21. не получится) у Вас там не ни какой второй строки! это только так кажется в данном примере элементу задан line , то его содержимые - символы, будут: отображаться в одну строку на всю доступную ширину относительно предка и определяя его высоту как высоту строки если: предку ширина задана явно то: набор символов содержимого, исходя из заданной ширины, будет выстраиваться вертикально - - друг под другом, разделяя наборы пропорционально, исходя из количества символов на пробел... но!..: фактически высота элемента в независимости от ширины будет = одной высоте символа, с учетом - - свойств применяемых браузером к символам и предопределённые стили к ним. итог: line элементы имеют высоту самого высокого символа в наборе если значения не указанны абсолютно, то следующий за ним элемент буде отсчитываться последнего символа, соответственно и выравниваться по вертикали будет по линии последнего символа. ... этот способ скорее всего не подойдет(
  22. а надо как? так чтобы они перекрывали текст - https://jsfiddle.net/kqrvz4Lo/25/ ...
  23. spdif

    небольшое html окно

    пример на чистом CSS http://jsfiddle.net/Lxrth109/2/
  24. spdif

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

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