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. создать текст поверх двух картинок

    Задача: 2 картинки с текстом на их поверхности нужно разместить на одной линии Как сделать? Я сделал так ( не получается) : <div class="foto1"> .foto1{ <img src="#"> display: inline-block; </div position: relative; float: left; <div class="foto2"> } <img src="#"> img:{ </div …

    Asked by Rezvykh,

    0 votes
    0 answers

  2. Как сделать html таблицу с объединением ячеек?

    Доброго дня всем матерым верстальщикам. Есть задача сделать табличку графика на сайт. Технологии - понятно, что html и css. Табличка не большая, но с особенностями. А именно, в табличке есть группы объединенных ячеек, при чем не только внутри строк, но и между строками (объединяется несколько строк). Табличку прикрепил. Каркас table tr td без объединения ячеек могу сделать, но нужно объединить. Как правильнее всего сделать такое объединение? Было бы классно, чтобы ответ был сразу с примерами.

    Asked by Evsey,

    0 votes
    3 answers

  3. Длина черточек зависит от контента. Как такое сделать?

    На дизайне у этих черточек разная длина и зависит от контента. Кто нибудь знает как сделать такое в верстке? https://codepen.io/anon/pen/WWraar

    Asked by yaparoff,

    0 votes
    7 answers

  4. [Решено] Верстка списка в 2 колонки

    День добрый. Сделал список характеристик в 2 колонки. В одном li 2 span'а: Заголовок характеристики и тип значение характеристики. Все выровнены по левому краю. Но если значение выводится очень длинным, оно перескакивает на новую строчку (см пример). Из-за этого весь внешний вид портится... Как это исправить? Заранее спасибо! Друзья, пардоньте, сам разобрался. Убрал max-width для каждой колонки

    Asked by dron,

    0 votes
    2 answers

  5. Вопрос про разбитие текстового блока на страницы

    Подскажите. Имеется, скажем, div с текстом произвольной длины. Div фиксированной высоты и ширины. Мне нужно сделать, чтобы автоматически определялось количество строк, и если их больше, чем заданное значение, снизу бы появлялись кнопки навигации (мол, страница 1 и страница 2), и оставшийся текст переносился бы на следующую страницу. Как это можно реализовать?

    Asked by Егорыч,

    0 votes
    1 answer

  6. проверка на простое число

    Помогите, пожалуйста. Задание: Вводится число, проверяется на простоту. Выводится сообщения является ли число простым.Нужно, чтобы просто открывалось в браузере. Сделала кнопку, вписала алгоритм, как сделать вывод сообщения?<html> <body> <script>function isPrime(num) {for(var i = 2; i < num; i++)if(num % i === 0)return false ;return num > 1;}</script><form name=f> <INPUT TYPE=button value="Открыть окно ввода" onClick="e=window.prompt('Введите число');"> </form> </body>

    Asked by alenareksi,

    0 votes
    2 answers

  7. Как сделать input type="text" прозрачной

    Здраствуйсте подскажите как сделать input type="text" прозрачной. И возможно ли это вообще. Спасибо за ранее

    Asked by Qwerty123@,

    0 votes
    2 answers

  8. [Решено] Почему не работает анимация keyframes?

    http://leveler.ru/i-icons/demo.html Cлепил из svg набор иконок в icomoon, приклеил анимацию вращения. Не вращается В найденном примере вроде всё так же. Но при этом - работает: https://codepen.io/Keyamoon/pen/aHxuq Что я сделал не так? UPD: не хватало display:inline-block;

    Asked by d0ublezer0,

    0 votes
    0 answers

  9. три состояния у SVG: закрасить svg (свойство fill не помогает)

    у svg должно быть три состояния обычное, при наведении, при нажатии думаю как это сделать Vне бы хотелось его вставить в html разметку, а не просто с помощью bsckground-position. Т.к. я хочу анимации при наведении (transition). И я могу менять цвет обводки с помощью css-свойства fill. Но есть еще одно состояние когда картинка полностью закрашена. Как сделать чтобы то же свг закрашивалось полностью (например при добавлении класса)? У меня не получается просто добавить css свойство для этого Какие есть еще идеи? https://jsfiddle.net/ypqz5Lh6/

    Asked by yaparoff,

    0 votes
    13 answers

  10. Как сделать маркер списка над текстом по середине???

    как сделать???

    Asked by Marchysh,

    0 votes
    9 answers

  11. Центрирование при разном размере изображений

    Здравствуйте уважаемы знатоки. Заканчиваю верстку галереи, но возникла пара неприятных моментов. Первый. Это проблема вертикального позиционирования "плюса" на оверлее элемента галереи. На контейнере с плюсом у меня простые правила: position: absolute; top: 42%; left: 41%; , на скрине видно, что на верхнем элементе все выглядит как нужно, но у нижнего плюс расположен вертикально не по центру. У остальных элементов галереи такая же ситуация. Конечно есть вариант создать для каждого размера изображения свой класс, и прописать там индивидуальные координаты, но для начала решил спросить у ведующих. Какой универсальный вариант решения данной задачи…

    Asked by Константин(Mushr00m),

    0 votes
    2 answers

  12. Файлы скачиваються с кавычками ('file_name.gsm')

    При открытии ссылки на скачивание файла, браузер добавляет кавычки в название. Пользуюсь google chrome на ubuntu. Вопрос, почему так скачиваються файлы? На версии chrome 70 все скачивается адекватно, а на более новых добавляються кавычки и не понятно с чем это связано. Нужно исправить проблему или хотя бы найти. Так как обновления на сайт не накатывались то логично что это что то с браузером, но для того чтобы исправить нужно найти в чем суть проблемы. Варианты ответов типа "У тебя ошибка на сервере", без описания возможной ошибки и "Браузер смени" не подходят. Прикрепляю скрин файла и отправляемые параметры: <ahref="/record?folder=folder34&id=3535454.56453Fuf"&gt…

    Asked by Sakuemy,

    0 votes
    0 answers

  13. как задать расположение элемента внутри блока

    Нужно расположить Звездочки рейтинга внизу поцентру внутри блока. Я только начинаю разбираться. Не судите строго пжл. Делаю всё в wordpresse. Можно ли присвоить css класс звездочкам и присвоить css класс блокам и потом в редакторе css сделать такое правило звездочки распологаются внутри, снизу, поцентру блоков. Если да то какой командой? нашел решение .zvezda { position:absolute; top:100%; left:50%; transform: translate(-50%, -50%);

    Asked by vasily333,

    0 votes
    1 answer

  14. Как правильно задавать расстояние между однотипными блоками

    Добрый день, буду благодарен за ответ или ссылку где есть ответ на следующий вопрос. Как правильно(стандартный метод) расположить однотипные блоки, в случае если между ними должно быть расстояние, но крайние блоки прилегают к родительскому блоку. Расстояние между блоков не должно меняться. Как пример http://prntscr.com/n1p5ol . Методом проб и ошибок, нашел несколько способов, и считаю самым правильным из этих способов задать всем блокам margin-right, а у каждого последнего блока строки убрать margin-right. Но если последний блок перепрыгнит на следующую строчку, то два блока склеятся. Второй метод задавать последнему блоку строки отдельный класс без margi…

    Asked by BezMizinca,

    0 votes
    5 answers

  15. oveflow-y: scroll когда не влазит динамический контент

    Если коротко: нужно чтобы попап при мелкой высоте влазил в экран, за счет появления полосы прокрутки (у попапа есть динамически появляющиеся поля) Подробнее: Есть попап. На мобилках он отображается на всю высоту экрана. Его низ должен быть всегда прижат (к низу). Но усложняет задачу то что могут появляться динамические поля Когда нажимаем радиобаттон, всплывают новые поля. Т.е. высота полей не определена. При этом если внутренности попапа не влезают по вертикали (на мелких по высоте экранах), нужно чтобы появлялась полоса прокрутки. Вот тут я не знаю какую макс высоту назначить чтобы эта полоса появлялась. Как решить эту проблему? Пробовал делать флексбок…

    Asked by yaparoff,

    0 votes
    5 answers

  16. Ссылка на телефон и WhatsApp

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

    Asked by Meyirim,

    0 votes
    3 answers

  17. Реакция хрома на открытие dropdown от bootstrap

    http://vlad.gtxt.biz/tahograph/ В хроме, в момент открытия подменю, меняется шрифт в темных блоках ниже. Как? Почему? И, главное, как исправить

    Asked by Vlad_P,

    0 votes
    2 answers

  18. Вопросы по современным технологииям создания сайта и приложений

    Предисловие Добрый День! Ранее лет 10 назад занимался программированием на делфи, также с помощью конструкторов создавал сайты. Сейчас стоит задача сделать сайт + мобильную версию сайта + приложение (в будущем). Нужен ваш совет по нескольким вопросам чтобы сразу не идти по неверному пути. Чтоб в общем не оказалось что язык программирования не верный выбран, база данных не та, движок не тот и т.п. Может начну сам, может привлеку специалиста - но все равно хочу быть погружен в теме. О проекте Представляет собой базу данных объектов, которых я вижу 1. на карте в виде точек (или статично по месту прописки или лучше динамически с при…

    Asked by evgengold,

    0 votes
    1 answer

  19. Помогите разобраться с версткой

    <div class="container"> <div class="relation"> <div class="relation__ratio"> <div class="relation__wrapper"> <div class="relation__big-img"> <img src="img/gallery3.png" alt="gallery3"> </div> <div class="relation__row relation__row1"> <img class="relation__img" src="img/gallery1.png" alt="gallery1"> <img class="relation__img" src="img/gallery2.png" alt="gallery2"> </div> <div class="relation__row"> <img class="relation__img" src="img/gallery4.png" alt="gallery4"> <img class="relation__img" src="img/gallery5.png" alt="gall…

    Asked by kudryavi,

    0 votes
    0 answers

  20. div блок съезжает при уменьшении окна

    div блок постоянно съезжает, хотя опробовал все. Ответы, что я находил не помогали, смена позиционирования тоже. Может, кто знает как это исправить? Код прилагаю HTML Скрытый текст <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <link rel="stylesheet" href="style.css"> <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.4.1/css/all.css"> <title>Вход</title> </head> <body bgcolor="#34495e"> <form class="box" action="index.html" method="post"> <h1>Вход</h1> <input type="text" name="" placeholder="Имя п…

    Asked by Fani,

    0 votes
    9 answers

  21. Изменить размер и перенести на правую сторону

    Не могу изменить размер и перенести меню на правую сторону. Сейчас это выглядит вот так а хочется вот так (сделано в фш) с цветами я и сама разберусь, а как поставить правильно не понимаю. (Типо код) <html> <head> <meta charset="utf-8"> <title>Цветочный салон: Мираж</title> <style> hr { border: none; background-color: #CD5C5C; color: red; height: 3px; } </style> <style> #navbar { margin: 0; padding: 0; list-style-type: none; border: 2px solid #FF00FF; border-radius: 20px 5px; width: 5…

    Asked by DariaYG,

    0 votes
    4 answers

  22. Буквы поменялись местами

    Здравствуйте! Есть сайт kronwood.ru, там использованы не стандартные шрифты, которые закачены на тот же хостинг где и сайт и подгружаются через css. Некоторые люди жалуются на 1 шрифт, все буквы перепутаны. Причем видно что шрифт тот самый. Ни как не могу найти причину такого поведения. Все что я смог понять, дело не в кодировке. Т.к. другие шрифты, отображаются верно. И тот текст который отображается не стал нормальным ни в одном другом коде. В приложении скрин который мне прислали, это яндекс браузер под виндовс. У меня тоже есть яндекс браузер под винду, но отображается все верно. Буду рад советам и предположениям.

    Asked by fiver,

    0 votes
    9 answers

  23. Макет

    Добрый день я вот только осваиваю верстку, начал делать данный макет и меня интересует левый блок там где чемоданчик и вертикальный текс, я его выровнял падингом и центровал line-height ом (сам левый блок"Белый" и правый "Blow" сделал флексом) Какие методы более правильные в данной задаче

    Asked by Nemesis,

    0 votes
    6 answers

  24. Язык подсказок в форме

    Здравствуйте народ. Подскажите, как при заполнении формы обратной связи изменить язык всплывающих подсказок или язык ошибок обработчика формы? Форму создал на английском, а подсказки и ошибки всплывают по-русски. Спасибо.

    Asked by iluha22,

    0 votes
    1 answer

  25. Реализация элементов фона

    Добрый день. Очень нужен совет. Есть макет лэндинга, ничего в принципе сложного, но не могу понять, как лучше реализовать некоторые элементы (выделил красной рамкой на пикче). Либо с помощью svg, но тогда сложно будет редактировать толщину линий при адаптиве. Либо создавать div'ы и стилизовать их. Или не заморачиваться и запечь эти элементы с фоновый изображением. Делаю тестовое для собеседования, хочется грамотно к вопросу подступить. Как вы реализуете подобное? Лично я первый раз с таким дизайном в практике встречаюсь, вот и колеблюсь. Заранее спасибо.

    Asked by Константин(Mushr00m),

    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