Jump to content

HTML Coding

Subforums

  1. Discussion of works

    Source code audit and recommendations

    30.1k
    posts

  2. Practise Templates

    Templates for self education and practise

    1k
    posts

Explore Questions

There are no popular questions to show right now

  1. Вёрстка футера на движке Xenforo

    Asked by Mondeus,

    0 votes
    0 answers

  2. Примеры верстки

    Asked by torsar,

    0 votes
    0 answers

  3. Список покидает див

    Asked by DeZ,

    0 votes
    0 answers

  4. Проблема с шириной ячеек

    Asked by ArrogantSpectator,

    0 votes
    1 answer

  5. Html кнопка

    Asked by НикитаL,

    0 votes
    3 answers

29,542 questions in this forum

  1. Вертикальные строки внтури горизонтальных блоков списка

    https://jsfiddle.net/49jzxfc1/1/ Подскажите, как сделать, чтобы строки в каждом блоке были вертикально

    Asked by Ser8191,

    0 votes
    2 answers

  2. Отцентрировать один блок из трех относительно родителя

    Здравствуйте. Есть вот такой пример https://jsfiddle.net/5dnz61qu/ Мне нужно, чтобы центр зеленого блока всегда находился в центре родительского. У меня два варианта, но они оба мне не нравятся: 1) Абсолютное позиционирование. 2) Задать синему блоку такую же ширину, как и в красного. В блоках динамический контент, поэтому хотелось бы, чтобы они могли занимать все свободное пространство, а с этим вариантом такого не получится. Есть еще идеи?

    Asked by alex_web64,

    0 votes
    2 answers

  3. Как расположить один div под другим?

    Всем привет! У меня есть 2 div'а на странице, мне нужно, чтобы они располагались один под другим и верхний занимал по высоте 10% страницы, а нижний - 90. Сделал вот так <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Main page</title> </head> <body> <div style="position: absolute; height:10%; width:100%; background-color: #086FA1"> </div> <div style="position: absolute; height:90%; width:100%; background-color: #FF0000"> </div> </body> </html> В итоге второй див, который 90%, наезжает на первый и перекрывает его, а мне нужно, чтобы второй распо…

    Asked by Someone,

    0 votes
    2 answers

  4. Срочно помогите

    нужно сделать вырез как на картинке, ничего не могу придумать, помогите плз https://codepen.io/ingvarrrrr/pen/qzyPpP

    Asked by ingvarrrr,

    0 votes
    2 answers

  5. Плавающий div не сдвигает таблицу

    Добрый день. Потратил целый день и не могу решить вопрос. Есть див с картинкой который float также на странице есть формула оформленная как таблица с шириной 100% так вот эта таблица не уменьшается по ширине и просто на странице появляется пустое пространство. Пример можно посмотреть здесь. Пробовал крутить разные свойства таблицы, но не смог добиться чтобы она меняла свою ширину под плавающий див. Может кто подскажет как правильно оформить формулу чтобы она отображалась как в таблице, но при вставки плавающего блока меняла ширину. Спасибо.

    Asked by Dsplib,

    0 votes
    2 answers

  6. Качественное отображение svg-иконок

    Здравствуйте. Сейчас все большую популярность набирает вывод иконок на сайте с помощью тегов svg>use. Для создания наборов я использую сервис IcoMoon. Проблема в том, что при выводе одной и той же иконки с помощью шрифта и тегом качество последней оставляет желать лучшего. Если на больших размерах разница не так заметна, то на маленьких все совсем плохо (см. скрин. Иконка menu c набора FontAwesome). В интернете находил советы применить к тегу svg transform: translateZ(0); или shape-rendering: crispedges; В случае с иконкой-бургером это решает проблему, но с чем-то более сложным результат выходит еще хуже, чем был до этого. Еще и ФФ при некоторых раз…

    Asked by alex_web64,

    0 votes
    2 answers

  7. Как выровнять один елемент с лева, второй по центру , а третий и четвертый справа

    Как выровнять один елемент с лева, второй по центру , а третий и четвертый справа.Сейчас ситуация такая А нужно чтобы было так Код https://jsfiddle.net/RedSniper/j9s0bg2k/ Думаю , если стрелочки были не одной фоткой они бы стали как на картинке.Нужно , как-то с помощью флексов так сделать.

    Asked by kartopelka,

    0 votes
    2 answers

  8. Что нужно сделать ,чтоб выровнять картинку с остальными картинками по центру

    Проблема следующая Как должно быть: И как сейчасЧерез флексы сделал эту картинку , но незнаю как выровнять стрелочки по центру картинки.А также в самом низу как через флексы попробовал , что-то не совсем хорошо получилось.Код https://jsfiddle.net/RedSniper/4rzm0pjf/2/ ,картинки не получилось загрузить.

    Asked by kartopelka,

    0 votes
    2 answers

  9. css фон

    Подскажите пожалуйста. Коньент с картинкой и абзацем скрываются под футером.

    Asked by alexanderPoiu,

    0 votes
    2 answers

  10. Вопрос по @media

    Всем привет, есть документация под нормы расширения экранов @media screen , где обозначено до скольки PX я могу скажем так воображать себе в голове под что я верстаю телефон/планшет/пк ?

    Asked by Неугомонный,

    0 votes
    2 answers

  11. адаптивное меню

    Каким должно быть меню на чистом CSS или JS реализация кнопки анимации открыть/закрыть ?Вы скажете какой вариант выберешь такой и будет, я верстаю первый шаблон и для меня очень важно отталкиваться в правильном направлении, если можно плюсы и минусы вариантов кто понимает в этом или свой вариант1 на чистом css https://jsbin.com/yokic/edit?html,css,output2 за счет js (jQuery) https://codepen.io/katienazarova/pen/dKyEOy?editors=1100

    Asked by Неугомонный,

    0 votes
    2 answers

  12. Рамка

    Подскажите пожалуйста, как сделать такую рамку? , я пробовала box-shadow, , но результат не тот, что нужен box-shadow: 0 0 10px 1px grey;

    Asked by EkaterinaSan,

    0 votes
    2 answers

  13. Линии вокруг текста

    Доброго времени суток форумчане. Не подскажете, как можно реализовать такие линии вокруг текста?

    Asked by no__name,

    0 votes
    2 answers

  14. height и bottom

    position: fixed; top: 0; right: 0; height: 100%; Смотрю никто никогда не указывает bottom:0; а используют height: 100%; , почему?

    Asked by Неугомонный,

    0 votes
    2 answers

  15. Доставка шрифтов

    Вопрос к олдам. Каким образом доставлялись шрифты посетителям в те времена, когда применялся тег font? Или в атрибуте face указывались только безопасные шрифты?

    Asked by rasmus,

    0 votes
    2 answers

  16. Помогите с сайтом

    Помогте с сайтом, надо чтобы подменю отображалось снизу, но когда я навожу на меню происходить дичь какая то, помогите в чем проблема. Вот код: https://codepen.io/Totjmyanin/pen/rNBzYPj

    Asked by Sterben,

    0 votes
    2 answers

  17. Помогите создать верстку

    Никогда не занимался этим. С чего начать? В частности интересует для начала сделать шапку из лого, 2 ссылок и 3 кнопок на соц сети. макет.rar

    Asked by Рус,

    0 votes
    2 answers

  18. Различное поведение блоков в сафари и хроме

    Почему выпадает контент из родительского блока в сафари, а в хроме все хорошо? С чего начать? Куда смотреть?

    Asked by kudryavi,

    0 votes
    2 answers

  19. ищу наставника

    ищу наставника: я новачок в програмування: я буду верстать сайти и буду платить небольшой процент от заказа 15%; наставник будем меня учить. у меня сильное рвения к роботе. я люблю верстать.

    Asked by rudyvadimka,

    0 votes
    2 answers

  20. Относительный размер шрифта(smaller) дает отличный результат если задать размер явно.

    Доброго дня всем. Есть пример https://codepen.io/pitchcontrol/pen/bGbJdgZ Две таблицы вложены в блок, у блока задан размер шрифта x-large, у одной таблицы задан large а у другой smaller. Получается у них должны быть одинаковые размеры, но по факту они разные. Почему это так?

    Asked by pitchcontrol,

    0 votes
    2 answers

  21. Как это сверстать?

    Здравствуйте, подскажите, как можно сверстать вот такую штуку с вертикальной линией? Перерыл весь интернет, всё не то...

    Asked by Svobodin,

    0 votes
    2 answers

  22. Правильный формат якоря

    В одном источнике якорь представлен одиночным тегом, в другом — пустым контейнером. Какой формат всё-таки правильнее? А может лучше контейнер, в который например, вложено название подраздела?

    Asked by rasmus,

    0 votes
    2 answers

  23. Помогите разобраться в sass @import

    Здравствуйте! Не могу сделать импорт в sass. Не могу понять в чем дело? По урокам делал, как все показывали, но не выходит! Импорт для оптимизаций и адаптаций сайта

    Asked by azaqwerty,

    0 votes
    2 answers

  24. Помогите подключить SASS

    Доброго время суток. Помогите подключит препроцессор SASS. При компиляции всплывает ошибка "ArgumentErorr: invalid bytes sequence in UTF-8 Use --trace for backtrace". Не знаю как победить.

    Asked by Dimaslm,

    0 votes
    2 answers

  25. Slick Slider неправильно рассчитывает высоту слайда

    Добрый день. При первой загрузке на телефоне (и только на телефоне) Slick Slider неверно рассчитывает высоту слайдов: При пролистывании через несколько слайдов всё становится как надо: При перезагрузке слайдер также нормально грузится сразу. Это сдвоенный слайдер, т.е. нижний управляет верхним. Все картинки одного размера. Нижний слайдер работает нормально всегда, хотя в нём картинки те же самые. Пустая область под картинкой относится к слайду, т.к. за неё можно свайпать слайдер. В чём может быть проблема?

    Asked by BuggyBuggy,

    0 votes
    2 answers

  • Обсуждения

    • Mondeus
      Вёрстка футера на движке Xenforo

      By Mondeus · Posted

      Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение.  .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } }  
    • torsar
      Примеры верстки

      By torsar · Posted

      Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок.
    • Katerina23
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Katerina23 · Posted

      Да, подходит. Спасибо.
    • Switch74
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Switch74 · Posted

      <input type="number">
    • Katerina23
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Katerina23 · Posted

      Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
    • DeZ
      Список покидает див

      By DeZ · Posted

      Решение нашел.  Заменил на  Всем привет. Список выходит из дива. При этом, другие элементы в диве отображаются корректно. Не могу найти причину. Нужно чтобы список был под кнопкой ПЛЕЙ...          
    • AIek
      ищу клиентов,услуги

      By AIek · Posted

      Здравствуйте! Мы команда программистов с многолетним опытом разработки. Работая с нашей командой, Вы получаете порядок условий и развитие с обеих сторон: разработка проекта и продолжение сотрудничества на долгосрочной основе, так же специалисты всегда готовы предложить различные идеи и дополнения.  Разрабатываем проекты любой сложности: скрипты для автоматизации рутины, боты, сайты, админ панели, ico, ldo, разработка криптовалюты, смарт контракты, приложения, игры. Ответственность, качество, соблюдение дедлайнов - это про нас!  Наш контакт:  https://t.me/MadFury (https://t.me/madfury) (TG) TG:  https://t.me/2e7.io Сайт: https://code-r.io/
×
×
  • 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

  I accept