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. Проблема с атрибутом media

    Недавно начал учиться верстке. Столкнулся с адаптацией, и тут возникла одна проблема: моя среда разработки как-будто не видит медиа-запросы. Написал примитивный код, чтобы проверить. У друзей код работает, у меня нет. Подскажите с чем это может быть связано. Прикрепляю скрины.

    Asked by Yudin,

    0 votes
    1 answer

  2. Поиск по названию сайта

    Здравствуйте , у меня такая задача: Мне надо , чтобы у меня был поиск картинок по названию с подсказками Например: Имя файла: картинка.png Я ввожу слово картинка и он мне ее выбирает , а дальше скрипт выполняет свое дело

    Asked by warianet,

    0 votes
    1 answer

  3. Код Виджета плейлиста, переделать в iframe

    Вот такой код: <script type="text/javascript" src="//vk.com/js/api/openapi.js?150"></script> <!-- VK Widget --> <div id="vk_playlist_-2000646569_646569"></div> <script type="text/javascript"> VK.Widgets.Playlist('vk_playlist_-2000646569_646569', -2000646569, 646569, 'ae82627d6c8bb4500d'); </script> я нашел как переделали виджет группы: https://javascript.ru/forum/dom-window/40760-ne-otobrazhaetsya-vidzhet-vk-v-tabakh.html <iframe src="http://vk.com/widget_community.php?gid=29627308&width=190&height=220" width="190" height="220" scrolling="no" frameborder="0"></iframe> Но с виджетом плейлиста…

    Asked by lev99,

    0 votes
    1 answer

  4. Найти последний дочерний элемент в контейнере

    Доброго времени суток. Возникла проблема. Нужно найти последний элемент в контейнере. Неизвестно, что это будет: абзац, картинка, список и тд. То есть: <!--Первый случай--> <div> <p>Какой то текст</p> <img src="" alt=""> <ul> <li>Пункт списка</li> <li>Пункт списка</li> <li>Пункт списка</li> </ul> </div> <!--Второй случай--> <div> <img src="" alt=""> <ul> <li>Пункт списка</li> <li>Пункт списка</li> <li>Пункт списка</li> </ul> <p>Какой то текст</p> </div> <!--Тре…

    Asked by IvanRu08,

    0 votes
    1 answer

  5. Хорошая ли книга?

    Я начинающий веб-программист. Хочу научится правильно пользоваться HTML, CSS и javascript. Выбрал я для этого книгу Джона Дакетта Основы веб-программирования, но книга довольно дорога и я хочу узнать стоит ли она этих денег. P.S. Книгу я покупаю не в электроннлм виде. Сылок на интернет магазины скидывать не надо. Заранее спасибо)

    Asked by ToxaGAV,

    0 votes
    1 answer

  6. Проблема с анимированием "гамбургера"

    Всем привет. Нужно сделать анимированную траснформацию "гамбургера" в крестик. Что нужно сделать: При наведении на "гамбургер" верхняя и нижняя полосы встают на место средней. Затем средняя исчезает И после этого две оставшиеся полосы поворачиваются на 45 и -45 градусов Проблема в том, что сделать это нужно именно пошагово, а не все сразу. У меня работает очень странно: http://jsfiddle.net/8x4rkuq2/ Никак не могу понять, в чем причина. Буду очень благодарен за помощь!

    Asked by IvanRu08,

    0 votes
    1 answer

  7. Проблема с margin

    Как убрать отступы ? со всех сторон есть отступы в 8 пикселей. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Iphone</title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <div class="conteiner clearfix"> <header> <nav> <div class="logo">Smallapps</div> <ul class="menu"> <li> <a href="#">Home</a> </li> <li> <a href="#">Features</a> </li> <li> <a href="#">Screenshot</a> </li> <li> &…

    Asked by Daniyar,

    0 votes
    1 answer

  8. Верстка темы под tumblr.com

    Как сверстать тему под блого-сервис "Тумблер"? Есть опыт у кого и советы какие будут, ограничения?

    Asked by Garamond,

    0 votes
    1 answer

  9. проблема с отступами

    как убрать этот отступ между верхним и нижним <head> <meta charset="UTF-8"> <title>Iphone</title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <div class="conteiner clearfix"> <header> <nav> <div class="logo">Smallapps</div> <ul class="menu"> <li> <a href="#">Home</a> </li> <li> <a href="#">Features</a> </li> <li> <a href="#">Screenshot</a> </li> <li> <a href="#">Gallery</a> </li> </u…

    Asked by Daniyar,

    0 votes
    1 answer

  10. Почему картинки съезжают при масштабировании?

    При масштабировании нижние картинки съезжают https://uzinouzi.github.io/asdasd/ - Сам сайт prntscr.com/h5bbfz - Тут проблема.

    Asked by Crushing,

    0 votes
    1 answer

  11. проблема с border

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Iphone</title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <header> <div class="conteiner clearfix"> <div class="logo"> <a href="#">Smallapps</a> </div> <div class="nav"> <ul> <li> <a href="#">Home</a> </li> <li> <a href="#">Features</a> </li> <li> <a href="#">Screenshot</a> </li> <li> <a href="#">Gallery</a&g…

    Asked by Daniyar,

    0 votes
    1 answer

  12. Помогите разобраться новичку

    Сайт с видеопоздравлениями. Цена поздравления допустим 1 го ребенка 199 руб. При добавлении 2го ребенка в форме заказа цена должна увеличиться допустим на 100 рублей. Но ценник настроен на другую сумму и как его поменять понятия не имею. В index.html можно редактировать только начальный ценник на одного ребенка. При добавлении 2 го нет такой строчки и цены которую можно поменять. Открываю в браузере исследовать элемент там все открывается и меняется только как сохранить и куда вставить.

    Asked by романн,

    0 votes
    1 answer

  13. Как блок с классом .caption сделать так, что бы он не заезжал за img?

    Как блок с классом .caption сделать так, что бы он не заезжал за img? Когда ставишь relative он не заезжает, а мне надо с absolute

    Asked by incub,

    0 votes
    1 answer

  14. Помогите вставить изображение в блок

    Здравствуйте, есть у меня блок, который в CSS имеет такие свойства: Скрытый текст .hero { background-color: #B3B3B3; padding-top: 150px; padding-bottom: 150px; } И есть изображение, размером 3840x2160. Так вот, как мне сделать, чтобы оно было в блоке и обрезалось в зависимости от изменения размера блока.

    Asked by rogford,

    0 votes
    1 answer

  15. Формы в HTML

    Как сделать такую форму?

    Asked by Daniyar,

    0 votes
    1 answer

  16. Помощь со "Скролируемом Меню" на html

    Здравствуйте, у меня такая проблема. Я хотел сделать скролируемое меню с ссылками на ресурс. Написал команду, и т.д. Выучил только теги html, к CSS (или как там) даже не прикасался. Так как сделать скролируемое меню с ссылками, если это вообще возможно. Объясните пожалуйста.

    Asked by GrowStay,

    0 votes
    1 answer

  17. Самовольное изменение размеров элементов макета.

    Добрый день! Имею такой пример https://jsfiddle.net/hfbLxxdr/1/ для построение "плитки". Столкнулся с нюансом: в макете блок-контейнер имеет ширину в 700px. Каждый элемент списка имеет ширину 222px, отступ(margin-right, в примере для красоты поставил по 15) между собой в 20px, построение- 3 в ряд... отсюда вопрос: могу я корректировать сам размеры блока-контейнера/ блоков-элементов, если по замерам я на 6px превышаю заданные размеры блока-контейнера? Или это "расстрельная статья", табу?)))

    Asked by Super_Saimon,

    0 votes
    1 answer

  18. Как сделать раздачу торрента по HTTP

    Как реализовать раздачу файла через торрент по HTTP, что бы другие тоже могли помогать в раздаче больших файлов(допустим 1.4 гб)?

    Asked by Garamond,

    0 votes
    1 answer

  19. Параллельный сдвиг строк в двух <div>

    Всем привет! Прошу помощи! Каким способом оптимально выполнить параллельный сдвиг строк в двух тегах <div> (для удобства чтения стихов с переводом) при изменении ширины страницы? В приложении прикрепил правильный и неправильный вариант Правильный вариант расположен тут - https://www.musixmatch.com/lyrics/Oxxxymiron/Где-нас-нет/translation/english Там все обернуто в какую-то неимоверную кучу стилей. Есть ли еще какие-то способы выровнять строки по уровню внутри двух <div>? Спасибо!!!

    Asked by Svoi,

    0 votes
    1 answer

  20. специальные комментарии в html

    в исходном коде HTML сайта "игромания" увидел много вот таких комментариев <!-- LRS 28.11.2017 14:45:12 -->, что это и для чего, в инете ответ не нашел, буду благодарен за пояснения!!!

    Asked by wegas,

    0 votes
    1 answer

  21. Подскажите jquery карту

    Здравствуйте! Нужна карта мира, на ней нужно поставить два маркера, маркер должен иметь класс и быть в виде ссылки чтобы прописать адрес. Гугл и яндекс не подходят. Нужен отдельный плагин. Спасибо.

    Asked by tnkp,

    0 votes
    1 answer

  22. Не могу обрезать повёрнутый блок

    Есть таблица с данными по диагонали, я её вставил в блок .povorot{ -moz-transform: rotate(45deg); } данные стали вертикально, но от блока остались углы., левый и верхний угол обрезать получается сдвинув их за экран .obrezka{ background-color:red; margin-left: -1095px; /*1354*/ margin-top: -330px; } но вот с правым ничего сделать не могу. Пробовал задавать ширину блоков и body, ничего не даёт, повёрнутый блок на них не реагирует. Нужно отпилить теперь уже правый угол чтоб убрать горизонтальною прокрутку, что была чистая страница пригодная для печати. Думал о фрейме, но вроде как его нельзя распечатать. Может есть какието решения? …

    Asked by 74LS00,

    0 votes
    1 answer

  23. Как сделать псевдо 3д эффект? Изображения объекта в разных ракурсах.

    Здравствуйте, делаю сайт, хочу сделать чтобы в центре экрана появлялся объект, и когда крутишь ниже этот объект крутился вокруг оси. То есть достигался бы псевдо 3д эффект, а по суди это много кортинг этого объекта в разных ракурсах которые меняются в зависимости от позиции скролла. Подскажите как правильно сделать? Сделать див с position: absolute и на js в зависимости от позиции скролла менять фото? Может есть готовые примеры? Не могу найти сайты на подобие, помню давно видел сайт, где машина так ехала по всему сайту. Буду благодарен за примеры сайтов.

    Asked by FRANZEE,

    0 votes
    1 answer

  24. Как сделать такое на бутстрапе 3?

    Как сделать такое на бутстрапе 3?

    Asked by incub,

    0 votes
    1 answer

  25. Несколько ссылок в линию с разным фоном

    Практикуюсь в верстке, делаю автомобильный сайт.Имеются 5 категорий.Необходимо сделать их в виде квадратов определённых размеров (некликабельные картинки, на фоне), а на переднем плане по-середине них ссылки в обычном виде (Кликабельное слово с text-decoration: none).Квадраты на равном друг от друга расстоянии.Не могу понять как реализовать, постоянно вверх боковые съезжают. Вот контейнер, в котором это всё дело находится и моя рукопись <section> <div class="container"> <div class="nav"><div class="usenav"> <h2>ВОСПОЛЬЗУЙТЕСЬ НАВИГАЦИЕЙ</h2> </div> <div class="block clearfix"> <div class="bloc…

    Asked by Kriewitz,

    0 votes
    1 answer

  • Обсуждения

    • 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