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. Проблема с button

    Понимаю, что вопрос возможно, выглядит пустяковым, но для меня очень важно. Почему то не работают кнопки. Даже страница не загружается. echo '<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body>'; echo '<form method="post" action="script.php">'; for ($i=1; $i<=100; $i++){ echo '——'; $post= implode(",",$_POST); if ($i<$post) {echo '<button name="',$i ,'" value= "',$i ,'" style="background-color:yellow; float: right; padding-top: 10px">gfhfg</button>';}; if ($i==$post) {echo '<button name="',$post,'" valu…

    Asked by Volan,

    0 votes
    4 answers

  2. html комментарии

    html комментарии в другие теги нельзя вставлять?

    Asked by Volan,

    0 votes
    4 answers

  3. Настройка рабочего окна JSFiddle

    Добрый день! Всех с наступающим! Подскажите как справиться с бедой - дня два назад как-то самопроизвольно изменилось отображение рабочих областей в окне(собственно, на картинке видно). И не могу настроить нормально-нет курсора типа "изменения границ области по вертикали". Я посмотрел в настройках-4 поля стоит для отображения.

    Asked by Super_Saimon,

    0 votes
    4 answers

  4. Совет. Как выстроить блоки для закругления углов.

    Добрый день! Имею вот такой код: https://jsfiddle.net/f3scmbr0/ Загвоздка вся в том, что мне нужно закруглить углы у блока wrapp так, чтобы блок с изображением оставался в таком положении, в каком он сейчас находится. Подскажите где промахнулся при построении дерева. Пока я вижу вариант закруглять определенные углы у .hello__container и .hello__btn. Но это крайне тупо, как мне кажется... А по другому чет не вижу как это реализовать при таком построении блоков. Нуждаюсь в совете как правильно выстроить вложенность. Потому что, повторюсь, явно напартачил с этим делом, но не вижу решения... И, по ходу написания, нашел еще один вопрос, на который хотел бы найти ответ: сам…

    Asked by Super_Saimon,

    0 votes
    4 answers

  5. Набор иконок, иконки для сайта

    Всем привет! Подскажите пожалуйста новичку, что за иконки на этом сайте. Пытаюсь скопировать её через исходный код, но выдает вот такой фрагмент кода: .fa-search:before { content: "\f002"; } Скриншот картинки, прикрепил. Буду рад, если Вы мне поможете. Спасибо!

    Asked by Андрей39,

    0 votes
    4 answers

  6. Криво отображается блок на iphone 5

    Телефон скачет на другую строчку при разрешении 320 только на iphone 5 На других устройствах отображается нормально. Все что можно перепробовал все равно на ipone 5 телефон сьезжает вниз:

    Asked by daggi,

    0 votes
    4 answers

  7. Не прописываются урл в иконки

    Ребят, прошу сильно не ругать, я только учусь верстке на сайте друга. У меня задача разместить в хедере иконки соц групп и позиционировать их по центру шапки. Вставляю стили прямо в хедер, чтобы не было перезаписаний в style.css, во так: <div style="position: absolute;top: 120px;margin-left: 430px;><a target="_blank" href="https://ok.ru/"><img src="http://test.cafe-jara.ru/ok.jpg" alt=""></a></div> Иконки позиционируются в нужное место, но урл не кликабельный посмотреть можно тут - test.cafe-jara.ru

    Asked by viliksar,

    0 votes
    4 answers

  8. Баг IE: контейнер заканчивается раньше дочернего центровщика

    Компоновка: типичный блок .Wrapper, который имеет ширину 100% от ширины окна, и центровщик (margin: 0 auto;) с указанными min-width и max-width: В IE следующий баг: Wrapper почему-то заканчивается раньше, чем надо, а центровщик с содержимым перекрывает следующую такую же компоновку ниже: Такой баг был замечен уже практически на свёрстанном лендинге, а потому было очень трудно сделать минимальный работающий пример. Я постарался убрать весь лишний HTML для данного примера, но CSS тоже самое было сделать очень трудно. Если Вы запустите пример в IE (ещё раз повторюсь, что в других браузерах всё нормально), то увидите следующее: На StackOverflow у…

    Asked by Боков Глеб,

    0 votes
    4 answers

  9. Наложение резинового фона поверх формы

    Привет! Подскажите как наложить нижнее синее облако поверх формы что справа.. Пробовал позиционировать этот фон относительно body и других контейнеров, мало того что не получилось расположить поверх формы так он ещё и обрезается, а он должен быть резиновым.. Пробовал поставить z-index выше относительно самой формы, body, а также других элементов но также ничего не вышло.. Пробовал эксперименты с opacity - тоже не помогает.. Для элементов формы применяется абсолютное позиционирование, видимо это не дает вытащить синий фон поверх нее, но должно же быть решение

    Asked by Odinokiy_volk,

    0 votes
    4 answers

  10. bg-blend-mode в действии

    Доброго времени суток. Уже давно мучает вопрос, который связан со свойством background-blend-mode и градиентом. Суть вопроса в том, что при вёрстке сайта с макета psd, я часто попадаю на фоновое изображение, которому задана функция с наложением градиента с целью частичного затемнения. Так вот у меня не получается реализовать это в самом проекте. Хотелось бы получить толковый ответ по данному вопросу. Пример кода для наглядности: body { width: 100%; background-image: linear-gradient(to top, rgb(0,0,0), rgb(255,255,255)), url(Surfers/src/img/bg-about-us.jpg); background-blend-mode: normal; }

    Asked by Еврейская Мышь,

    0 votes
    4 answers

  11. Верстка аудиоплеера

    Впервые сталкиваюсь с такой задачей, может быть у кого-то есть похожий прототип? Подскажите как стилизовать стандартный html плеер, и как заставить его работать? Вот что я должен сделать: Волны я думаю могу изображением вставить?

    Asked by Hasiev,

    0 votes
    4 answers

  12. Нужно сделать жирными только пункты в списке, а жирнеют еще и подпункты

    Есть вот такой список: <ol> <li id="st">Пункт 1</li> <li><strong>Пункт 2</strong> <ul id="otstup" type="disc"> <li>Подпункт 1</li> <li>Подпункт 2</li> <li>Подпункт 3</li> <li>Подпункт 4</li> <li>Подпункт 5</li> </ul> </li> Хотел в Пункт 2 прописать id="st", но этот стиль применяется и к подпунктам, т.к. они находятся внутри него, пришлось там написать strong, но так цифра жирным шрифтом не становится. В пункте 1 все нормально, т.к. он закрытый и в нем нет подпунктов. Как применить идентифика…

    Asked by Омск,

    0 votes
    4 answers

  13. Спозиционировать элемент в нужное место по горизонтали, не выводя из потока

    Вот кот. Предполагается, что элемент не выводится из потока (по крайней мере, нужно чтоб он взаимодействовал в "строке" с другими элементами, предполагается, что за block-center могут также находится элементы). Загвоздка следующая: левый блок (block-1) имеет минимальный размер в пикселях(150px) и натуральный размер в rem (15rem, при том, что 1rem = 10px). Хочется оставить пользователю возможность менять в браузере размер шрифта, при этом положение левого края второго элемента (block-center) должно оставаться посередине (или в ином заданном месте). Для второго элемента указано свойство: padding-left: calc(50% - 15rem); /* тут может быть и 150px*/ При…

    Asked by Launder,

    0 votes
    4 answers

  14. Смещение картинок при наведении

    Здравствуйте. Возникли сложности с реализацией. При наведении на картинку она должна смещаться, оставляя за собой тень. Также картинка заливается градиентом и всплывают блоки-ссылки как на картинке. Скрытый текст

    Asked by Еврейская Мышь,

    0 votes
    4 answers

  15. Верстка накладывающихся изображений друг на друга. Определение градиента

    Здравствуйте! На приведенном изображение хедера лендинга столкнулся с непониманием как на слайде слайдера расположить текст, на него изображение пирожного и тень пирожного под самим изображением. На макете это три разных объекта: Текст, изображение с пирожным и слой с тенью под пирожным. Я склоняюсь к двум вариантам: слить текст и изображения в один объект,и втулить его как background. Или создать блок, в котором центрирую текст, а поверх этого блока абсолютом блок с изображением и тенью под ним...ну и с текстом, и всеми елементами взаимодействия. Хотелось бы узнать как решили бы задачу знающие люди. Ну и вторая часть моего вопроса-как определить градиент на фоне? Сам фо…

    Asked by Super_Saimon,

    0 votes
    4 answers

  16. Trackbar, ползунок

    Нужно реализовать ползунок Нашел тот который нужен на просторах интернета https://jsfiddle.net/120n2arx/63/ И тут вопрос. Я никогда не работал с jQuery, у автора все работает, копирую себе в файлы, ничего не работает. Отображается сам ползунок но с ним никаких действий производить не получается. Как решить проблему? Ошибка наверняка банальная. <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <link rel="stylesheet" href="slider.css"> <script src="http://code.jquery.com/jquery-1.9.1.js"> var drag = false; var values = []; for(var i = 0; i < 24; i++) for(var j = 0 ;…

    Asked by purple/ocean,

    0 votes
    4 answers

  17. Помогите оформить текст. Вставить видео на страничку.

    Приветствую! Помогите оформить текст, подобрать шрифт, ужать текст по горизонтали, но в тоже время чтобы он остался читабильным. Вот как нужно:

    Asked by Нуб,

    0 votes
    4 answers

  18. JS фукция для округления чисел при помощи Math и его методов

    Здравствуйте. Я только изучаю JS и столкнулся с очень интересной проблемой, не знаю как решить. Суть: Задача была написать функцию которая принимает два параметра. 1. Массив, состоящий из чисел с дробями. 2. Метод округления "round", "ceil" или "floor". На выходе функция должна выводить этот же массив, но при этом все элементы массива, должны быть округлены с помощью указанного во втором параметре метода объекта Math. Казалось бы, что задача пустяковая и решается за одну минуту. Так оно и было бы, если бы я не решил проверить решение запустив три раза подряд написанную мной функцию для 3 разных методов. В результате я получил все три раза скругление по методу ro…

    Asked by breca,

    0 votes
    4 answers

  19. phpMailer не работает отправка файлов

    Я не знаю, я 3 часа перепробовал все. Поставил форму отправки с прикреплением файлов, https://jsfiddle.net/02rm8d3m/ , данные отправляет, аттачмент нет. (мне нужно чтобы он определял файл и путь к нему, это я установил в коде php), я не знаю чего еще не хватает, кто знает, плиз, помогите, рили перепробовал все, что можно

    Asked by exoty,

    0 votes
    4 answers

  20. Проблема с высотой блока

    beta.remodelzz.com/professionals Если в правой форме в select выбрать пункт "Contractor(any)". Добавляется новое поле в форму, и прыгает некрасиво высота всей страницы. Если например форме задать фикс высоту, то внизу белое пространство остается некрасивое. Может кто-нибудь подскажет красивое решение, спасибо

    Asked by brezze,

    0 votes
    4 answers

  21. Как центрировать элементы списка с псевдоэлементами

    Здравствуйте! Есть "Хлебные крошки" в виде элементов списка. https://jsfiddle.net/5tt4m49s/ Не могу их центрировать из-за свойства float: left. Подскажите, пожалуйста, как правильно это сделать?

    Asked by volshebnyi,

    0 votes
    4 answers

  22. Как настроить плавный скрол слайдера по типу “назад-вперёд”?

    https://jsfiddle.net/hjyern2a/ Сейчас слайдер медленно двигается от первого слайда до последнего. Но когда достигает последнего элемента, он начинает резко скролить в начало. Как настроить так, чтобы при достижении последнего элемента он начинал так же медленно двигаться до первого и т.д. Т.е. как качели - от первого до последнего и обратно, с одинаковой скоростью.

    Asked by aqua.77,

    0 votes
    4 answers

  23. Как изменить расположение сайтбара в моб версии?

    Здравствуйте! Подскажите пожалуйста для начинающего веб мастера, как изменить вывод сайтбара в мобильной версии сайта. Чтобы сперва выводился сайтбар со списом рубрик, а уже после него содержимое т.е весь контент сайта? сайт — ikona-radoneg.ru

    Asked by marusia19,

    0 votes
    4 answers

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

    Добрый день! Столкнулся с проблемой отображения картнки в ::before, ::after. Блок сам отрисовывается-виден при проверке. Могу в content запихнуть тескт-все норм, отрисовывается. А вот добавление изображения ни в какую. Пробовал запихивать даже в content: url(address); и в background: url('address'); Проверял путь к картинке-нормальный(проверял на обычном <img src='address'>). Предоставить могу лишь кусок кода: весь проект не имею возможности скинуть. http://cssdeck.com/labs/nafhnhr5

    Asked by Super_Saimon,

    0 votes
    4 answers

  25. Картинка накладывается на текст

    Всем привет. Можете подсказать, как сделать, чтобы картинка не накладывалась на текст? https://codepen.io/Whitecolor/pen/MXWBvW <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <div class="container"> <div class="news1"> <h1>Rush to protect lucrative antibody patents kicks into gear</h1> <p id="header">A federal court decision has left universities and companies working to preserve intellectual property rights worth billions.</p> <p сlass="text">US universities and biotechnology c…

    Asked by Whitecolor,

    0 votes
    4 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