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. Абсолютно позиционированные элементы и свойство display

    Здравствуйте. Все время считал, что после применения абсолютного позиционирования к элементам их свойство display по умолчанию устанавливается в block. Но сегодня пришлось усомниться в этом. Смотрите пример https://jsfiddle.net/9z3ehbpa/2/ Две последние линии каждой из кнопок созданы с помощью ::before и ::after (display: inline по умолчанию developer.mozilla.org). При этом для второй кнопки псевдоэлементам прописано свойство display: block, что, по идее, лишнее, так как это происходит по умолчанию для position: absolute (согласно таблицы inline превращается в block www.w3.org) Почему же кнопки отображаются по разному?

    Asked by alex_web64,

    0 votes
    10 answers

  2. OWL carousel распирает страницу

    Привет! Нужен совет знатоков Я полдня убил, но так и не нашел в чем проблема. На малых разрешениях карусель распирает страницу в ширину https://www.road.media/headunit $('#category-slider').owlCarousel({ nav: true, rewind: false, dots: false, items: 1, responsive: { 0: {items: 3}, 480: {items: 4}, 768: {items: 5}, 1024: {items: 8} }, responsiveBaseElement: "#category-slider-wrapper" }); Вот вроде ж все правильно сделал, но на малых экранах ширина …

    Asked by d0ublezer0,

    0 votes
    0 answers

  3. Неправильно отображается порядок объектов.

    Помогите пожалуйста. Панель отображается под текстом, хотя написана выше него. Иллюстрация проблемы: http://94.19.106.128/test/donate.html. cat donate.html <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <link type="text/css" rel="stylesheet" href="style/style_i.css"/> <style> body { background: url(donate-5.gif); } </style> </head> <body> <link rel="import" href="object/import_panel.html"> <div id="content"> <p>Подкинь монетку<br> <b>MONERO </b>46W3ckYoCvxB5Wh1k9U8M9WhoGFDjxtqNKXZ3Nta3s7dKe5SV8ZcFDh1nfB2mgkZm5MYoTUrfj aQUAGUJNig3sANLxxGzfC<b…

    Asked by miisha,

    0 votes
    4 answers

  4. 4 элемента в колонке, если добавляется 5-ый, то он уходит в другую колонку

    Элементы генерируются с помощью js. В колонке должно быть 4 элемента. Если добавляется 5-ый, то он уходит в другую колонку. Как это реализовать? http://skrinshoter.ru/s/010818/mKAyNKug?a

    Asked by yaparoff,

    0 votes
    3 answers

  5. Верстка неровных неровных блоков с закруглением

    Привет всем, объясните принцип верстки подобных блоков

    Asked by exoty,

    1 vote
    6 answers

  6. Личные списки

    Вопрос по созданию списков. Есть немало сайтов с фильмами, играми, аниме и т.д. где можно зарегистрироваться и создать свой личный список, например "Буду смотреть", "Смотрю", "Просмотрено". В эти списки можно добавлять фильм прямо со страницы этого фильма, а после в своем профиле увидеть его в списках. Приложу скриншоты и сайт-пример. Стало очень интересно как эти самые списки сделать на своем сайте?

    Asked by Wisp,

    0 votes
    2 answers

  7. Не выходит поставить текст по центру

    Всем привет. Начал учиться верстать, и столкнулся с такой проблемой, не получается поставить текст по центру в теге <nav>. В чем ошибка, почему не выходит, подскажите? код html: <body> <header class="conteiner"> <h1>reverse obscurity</h1> <nav class="nav1"> <ul class="menu"> <li> <a href="#">home</a> </li> <li> <a href="#">services</a> </li> <li> <a href="#">portfolio</a> …

    Asked by FotGOD,

    0 votes
    2 answers

  8. Не работает скрипт в Firefox

    Доброго времени суток, столкнулся с проблемой, скрипт не работает в Firefox но прекрасно работает в Chrome. Суть скрипта, каждые 10 секунд "переключать" рандомную фотку вот скрипт: <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"> </script> <script> $(document).ready(function() { $('#slider4').children('div').each(function(n_div,div) { $(div).children('img').each(function(n_img,img) { if(n_img) $(img).css({'opacity':'0.0'}); else { $(div).attr({'value':(n_img+1)}); $(img).css({'opacity':'1.0'}); } }); }); window.setInterval(function() …

    Asked by celiFox,

    0 votes
    0 answers

  9. Ни как не могу сверстать данный блок. Помогите плс

    надо сверстать вот такой геометрический шестиугольник, и поместить фото на все ширину блока и высоту.

    Asked by Ильдияр,

    0 votes
    3 answers

  10. Iphone. верстка в iphone 6, 7. Кнопку перекрывает navbar iphone

    Добрый день, имеется кнопка прижатая к низу контейнера (контейнер зеленого цвета с ценой и кнопкой заказать), (контейнер flex, кнопка прижата через margin-top: auto), все хорошо только в iphone 6, 7, кнопку перекрывает навигационная панель iphone. Пробовал js, через detect-mobile определяю что это ihpone, и добавляю кнопке margin-bottom: 70px; теперь на iphone 6 все хорошо а на 7 с виду margin больше (появился отступ снизу между кнопкой и навигационной панелью iphone 7) Подскажите пожалуйста способы возможного решения данной проблемы Изображение снизу это iphone 6, на iphone 7, marginb-bottom у контейнера два раза выше, может ли это быть связано с pixel-ra…

    Asked by Daniil Khanin,

    0 votes
    0 answers

  11. Проблема с позиционированием элементов

    Добрый день, при вертске столкнулся с такой проблемой, на первом скриншоте я старался с позиционировать элементы, что бы текст шел как бы лесенкой а между ними фото. http://joxi.ru/D2Pz9gOTp65Z7r Но после того как я добавляю вторую картинку элемент с текстом почему то присасывается к верхней части, хотя до этого я задал ему clear: left; что бы он расположился под первой картинкой. После добавления картинки, получается вот так http://joxi.ru/nAyvGpPtYbzRdr Помогите решить проблему, правильно ли вообще я позиционирую элементы на странице? или же можно решить туже задачу проще? Html этой секции <div class="box"> <div class="compa…

    Asked by мурамаса,

    0 votes
    4 answers

  12. Реализация пойска на html сайте

    Всем доброго времени суток. Есть сайт, состоящий из файлов с расширением html. Файлов много, по сути сайт представляет с собой большой каталог с товарами. Цель - реализовать поиск по данным товарам. Вот сам сайт - http://pkf-isana.ru/ У кого какие идей? Как можно реализовать данный функционал.

    Asked by guram07,

    0 votes
    2 answers

  13. Не отображаются заголовки на айфоне и айпаде

    Сверстала сайт. Проверила на адаптацию на разных расширениях экрана. Когда сбросила клиенту, пишет что не отображаются заголовки на айфоне и айпаде. У меня их нет и посмотреть инспектор для этих устройств нет возможности. Может кто то с таким сталкивался.

    Asked by garmoni,

    0 votes
    3 answers

  14. Странные кнопки на iPad

    Некоторые кнопки на айпаде вроде как съезжают вправо. Причем, размер остается как нужно а то что внутри кнопки съезжает. Вот пример - http://jsfiddle.net/n89amLps/2/ А вот что получается - на размер не обращайте внимания - на планшете разрешение выше чем на ноутбуке

    Asked by alleclf,

    0 votes
    8 answers

  15. Смело в бой!

    Ползал на просторах местного новостника, случайно обнаружил такую вот объявку, чуть со смеху не лопнул, хочу поднять и все вам насроение, если веткой ошибся - поправьте, ну по идее это же обсуждение работ...

    Asked by Andryshok,

    0 votes
    2 answers

  16. Верстка интернет-магазина

    Здравствуйте, у меня есть пара вопросов относительно верстки интернет-магазина: Есть карточка товара (см. картинку): 1. Во многих магазинах переключатели фотографий сделаны ссылками, почему не радиокнопками? Есть какая-то разница, как делать? 2. Как лучше поступить с добавлением товара в корзину: сделать формой с кнопкой submit или можно в принципе и разными полями сделать, отдельными? Опять же, есть ли разница? От чего зависит? Спасибо.

    Asked by Alisa1711,

    0 votes
    1 answer

  17. Оформление текста через <br>

    Дизайнер требует чтобы текст был в точь как в макете, проблема в том что текст изначально не ложится как в макете. Я решил проблему с помощью тега <br>. Но на меньших разрешениях текст выглядит криво, подскажите как вы поступаете в подобных ситуациях?

    Asked by FRANZEE,

    0 votes
    6 answers

  18. Перенос абзаца в тексте материала

    Привет. На своём сайте столкнулся с проблемой "Многочисленное кол-во <br> and <p>" На скриншоте показано, как между абзацами большие отступы. Как при помощи CSS убрать данную проблему? Если при помощи CSS не получится, посоветуйте более надежный вариант)

    Asked by byDitya,

    0 votes
    6 answers

  19. Js код для открытия одинаковых окон

    Привет, с js особо не дружу, но есть такая задача. https://jsfiddle.net/kwgrjfse/2/ есть такой код, суть в следующем: нужно чтобы при наведении на картинку crypt_img, которых много, показывался соответствующий див crypt_text, я примерно понимаю и видел пару раз, что код пишется как то через eq, value и current index, но не смогу его написать, если кто может, помогите плз

    Asked by exoty,

    0 votes
    2 answers

  20. Стилизация скролла

    Ребят, привет, хочу сделать такой скролл, согласно макету , но scroll thumb не получается шире скролл трека самого, и я длину не могу задать скролл треку, подскажите, вообще можно ли это все сделать https://jsfiddle.net/6hy5q79u/1/ - вот сам код

    Asked by exoty,

    0 votes
    1 answer

  21. 2 Блока div Изменяют друг друга при наведении

    Здравствуйте. Недавно начал изучать HTML и CSS. Хочу сделать рядом 2 блока div которые при наведении на любой из них увеличивались в ширине и изменяли ширину соседнего. А получается что при наведении на блок А он увеличивается и уменьшает ширину блока Б. А при наведении на блок Б он просто увеличивается и перекрывает блок А https://jsfiddle.net/ob4jyz0p/1/ Для наглядности: Курсор не в области этих блоков: |________А_50%________| |________Б_50%________| Курсор наведен на блок А: |____________А_80%____________| |____Б_20%____| Курсор наведен на блок Б: (Перекрывает Блок А) |____А_50%____|____________Б_80%____________|

    Asked by Denzell97,

    0 votes
    4 answers

  22. Ошибка при попытке оставить заявку о заказе на почту

    Возникает ошибка: Service Unavailable The server is temporarily unable to service your request due to maintenance downtime or capacity problems. Please try again later. Additionally, a 503 Service Unavailable error was encountered while trying to use an ErrorDocument to handle the request.

    Asked by Юлия_36,

    0 votes
    0 answers

  23. Оформление среднего рейтинга

    Доброго времени суток. Подскажите, как сделать на css вот такое оформление средней оценки? Надо чтобы красная полосочка менялась относительно получаемой цифры... Спасибо

    Asked by Mary_RND,

    0 votes
    7 answers

  24. Разделение таблицы линиями на сектора

    Я пишу игру судоку на javascript,использую для этого таблицу table. Как разделить ячейки таблицы линиями на сектора как в судоку. Допустим таблица 16x16 ячеек как провести линии каждые четыре ячейки. Вот код: <!DOCTYPE HTML> <html> <head> <title>Судоку</title> <style> .game-board { border: 0; border-spacing: 0; border-collapse: collapse; background: #fff; } .game-board td { width: 25px; height: 25px; line-height: 20px; text-align: center; border: #9cb0ca 1px solid; } </style> </head> <body> &lt…

    Asked by Katerina23,

    0 votes
    6 answers

  25. На сайте не открывается одна страница на сайте

    Сайт: http://sandraflower.com/ При переходе на пункт меню "О нас" адрес становится: http://sandraflower.com/sandraflower.com/index_about_us как это можно исправить? С остальными пунктами так не происходит Произошло после добавления кода для удаления из адресной строки .html в файл .htaccess Возникает ошибка: Not Found The requested URL /sandraflower.com/index_about_us.html was not found on this server. Additionally, a 404 Not Found error was encountered while trying to use an ErrorDocument to handle the request.

    Asked by Юлия_36,

    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