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. Как отправить форму с html страницы на страницу которая формируется бинарным кодом?

    имеется форма на сервере (https://omemo.ca:5281/register-on-omemo.ca) внешнему редактированию она не поддается, так же на ней имеется капча, которую убирать не желательно. на другом сайте сделал красивую форму https://monolith.plus/xmpp/xmpp-register.html name у полей продублировал (такие же как на сайте регистрации) но при отправки формы перекидывает на страницу register-on-omemo.ca Так же хочу заметить, брал всю форму в айфрем, вместе с капчей, в таком случае все нормально срабатывает, но так же остается не редактированный внешний вид, по этому это не подходит. подозреваю что перекидывает на страницу из-за капчи на omemo.ca

    Asked by CoHr4zahG4,

    0 votes
    1 answer

  2. В исходном коде есть, а в инспекторе нет стиля - как это возможно?

    В исходном коде в шаблоне я прописал, чтобы было так: <div class="product-grid row"> <data data-bal="bal-elemen"></data> <div class="cols col-lg-4 col-md-4 col-sm-4 col-xs-4 zakonchilosvcat"> <div class="product zakonchilos"> Смотрю - а стиль на сайте к zakonchilosvcat не применяется. Вижу. а этого стиля попросту нет в инспекторе! Проверял в других браузерах аналогично. <div class="cols col-lg-4 col-md-4 col-sm-4 col-xs-4"> <div class="product zakonchilos"> При этом в исходном коде (ctrl-u) стиль этот есть. Я не понимаю, как это возможно, в чем дело? Пример

    Asked by nikki4,

    0 votes
    1 answer

  3. Как поставить 3 блока в ряд

    Делаю меню. должно получиться как на первой картинке. Фон белый, на нем слева изображение правее надписи. Получается надписи делать только ниже изображения, либо справа как и нужно, но тогда фон пропадает. Подскажите пожалуйста как делать. HTML: Скрытый текст <div class="top"> <div class="img"> <img src="monopo.jpg" width="100"/> </div> <div class="info"> Главная </div> <div class="info"> Контакты </div> </div> CSS: .top { background-color: #FFFFFF; padding: 10px; } .info { margin-left: 20%; font-size: 20px; }

    Asked by monopo,

    0 votes
    1 answer

  4. Блоки на одной линии, картинки и тексты

    Привет ребята. Подскажите как сделать так, чтобы разместить картинку а напротив неё текст. Мне надо чтобы в мобильном варианте. Текст уходил под картинку. Сейчас стоит Wordpress и всё это дело в таблице. В мобильном виде, картинка становится маленькой а текст большим и столбик узким. Вот такая вот шняга. Парни. Нужно в общем картинку сделать над текстом и чтобы текст меньше становился в мобильной версии то. Ну ладно фиг с ним с размером текста. Картинка тоже сойдёт. В общем внизу 5 таких секций. Вот код кодыч <table style="width: 100%;" border="0" cellspacing="0" cellpadding="0" align="left"> <tbody> <tr> <td style="wi…

    Asked by freeliman,

    0 votes
    2 answers

  5. Взаимодействие элементов из разных дивов

    Доброго времени суток. Возникла такая проблема, нужно сверстать страницу согласно макету, используя только flex и grid Сразу появилась идея разбить страницу на три divа, первый это блок с породами кота, второй это блок с фотками и третий блок с рейтингом. <body> <header>Бабуленькины котятки</header> <div class="global"> <div class="menu"> <a class="submenu" href="#" id="abis">Абиссинская</a> <a class="submenu" href="#" rel="brit"">Британская</a> <a class="submenu" href="#" rel="rus">Русская голубая</a> <a class="submenu" href="#" rel…

    Asked by sasha_anto,

    0 votes
    6 answers

  6. Выравнивание div через inline-block

    Здравствуйте. Пытаюсь выравнять 2 блока через inline-block. Но они выходят все равно не на одном уровне. Подскажите что не так и как исправить? <style> *{ box-sizing: border-box; padding: 0; } .container{ border: 1px solid red; margin: auto; } .row{ background: rgb(206, 200, 200); } .col-1{ width: 200px; border: 2px solid white; display: inline-block; height: 100px; } .col-2{ width:600px; border: 2px solid white; display: inline-block; hei…

    Asked by FotGOD,

    0 votes
    2 answers

  7. Стилизация нумерованного списка с вложенным маркированным списком

    Здравствуйте. Как сделать, чтобы нумерованный список сохранял последовательность нумерации при условии, что внутри него вложен маркированный список? На прикрепленном изображение видно, что нумерованный список после 2 продолжает с 6, вместо 3. Во всех остальных вариациях вложенности списков все нормально, только в этом варианте неверное отображение.

    Asked by finik,

    0 votes
    2 answers

  8. Сделать для Лендинг пейдж Бег граунд

    Злраствуйте пишу в html body> <header id="header" class="header"> <div class="conteiner"> </div> </header> в css .conteiner{ width: 1170px; margin: auto; } .header{ background-image: url(/img/SouthSeasView3.png) no-repeat center top ; background-size:cover; } и у меня картинка не появляется. в чем может быть проблема? спасибо

    Asked by ОлесяДом,

    0 votes
    2 answers

  9. Изменятся высота при изменение left/right

    Есть сайт http://kolik29.ru/. При клике на Профиль, Резюме, Портфолио или Контакты две "половинки" страницы разъезжаются в разные стороны. В мобильной же версии блоки разъезжаются криво - как будто изменяется высота и ширина всей страницы. Нижний блок смещается влево с помощью функции animate() из Jquery путем изменения свойства right. $('.half-screen.right').animate({ right: slide_to }, 500);

    Asked by KoliK29,

    0 votes
    0 answers

  10. php

    Как запустить файл типа index.php на пк?

    Asked by deekep,

    0 votes
    7 answers

  11. Загрузить свой сайт бесплатно!

    Народ, я мож. туплю по жизни, но!... Лет 15 назад я на Народе регил свой сайт. Заливал свои файлики (index.html и проч.) Сейчас там какое-то гумно типа uCoz... Я вообще ничего не понял: создал сайт с помощью конструктора. Они мне тут же прикрутили какое-то новостное порево и что делать дальше - я не знаю. Дочке показать сайт, где кто-то кого-то тру-ля-ла я, естественно, не могу. Короче, хочется по-старинке создать свой сайт (несколько связанных между собой html-страничек) ручками и где-то его бесплатно разместить. Вот я сижу и не понимаю, можно ли на сегодняшний день это сделать?! "Где тут, братцы, синагога? Подскажите, как пройти!.." (Галич)

    Asked by AntiKvazaR,

    0 votes
    6 answers

  12. Прикрепить второе фоновое изображение к низу страницы

    Хочу немного исправить дизайн на старом сайте и сделать фоновое изображение сверху страницы и снизу, вроде все так делаю но уже все голову сломал body { padding:0; margin:0; background: url('images/bg_main3.jpg') top repeat-x, url('images/bg_main2.jpg') repeat-x bottom ;} но нижнее изображение располагается внизу экрана, а не внизу страницы и если страницу прокрутить вниз то оно останется на месте Если добавить параметр fixed оно будет перемещать вместе с экраном, а хотелось что бы оно было всегда внизу страницы и его было видно только когда пролистаешь в самый низ

    Asked by Lang,

    0 votes
    16 answers

  13. Создание таблицы в HTML

    Здравствуйте, создаю таблицу в HTML, не получается в конце таблицы равномерно распределить столбцы и ячейки. Подскажите пожалуйста в чем ошибка: Пример нужной таблицы во вложениях Ссылка на код: https://pastebin.com/ZL8GRHU5 Если не отображается ссылка текстовый документ кода во вложениях. Спасибо за помощь. Код.txt

    Asked by Yarolina,

    0 votes
    4 answers

  14. Как поместить контент на фоне слайдера

    Здравствуйте. Создан слайдер из трёх слайдов. На слое над слайдером с помощью :before создан контент (один блок, содержащий текст, меню со ссылками и форму). Однако при адаптации под разные разрешения всё очень сильно съезжает и искажается. Есть ли какой-то более рациональный способ разместить слой с контентом над слайдером, чтобы слайды переключались под недвижимым контентом? Подскажите пожалуйста. id="main" это блок, который находится в слое над id="slider" index.html style.css

    Asked by Takono,

    0 votes
    0 answers

  15. Все что после a href, выделенного красным, превращается в ссылку. даже футер. как исправить?

    <!DOCTYPE html> <html> <head> <title > Про цветы </title> <link rel="stylesheet" href="style.css"> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" > <body> <ul> <li> <a href="../index.html">Главная страница</a> <ul> <li><a href="../statyi.html">Статьи</a></li> <li><a href="../katalog/katalog1.html">Каталог</a></li> …

    Asked by РусланВал,

    0 votes
    3 answers

  16. Проблема со слайдером slick

    Доброго времени суток, возникла проблема при подключении слика , сделал все как по инструкции (Jqwery до slick.js , main.js после slick.js ) но все равно выдает ошибку : Uncaught TypeError: Cannot read property 'add' of null at c.b.initADA (slick.min.js:17) at c.b.init (slick.min.js:17) at new c (slick.min.js:17) at w.fn.init.a.fn.slick (slick.min.js:18) at HTMLDocument.<anonymous> (VM778 main.js:8) at l (jquery.min.js:2) at c (jquery.min.js:2) подскажите решение , уже все перерыл и не у одного меня такое , но решения так и не нашел .

    Asked by umid99,

    0 votes
    1 answer

  17. Врестка квадрата и заголовка

    Здравствуйте! Помоги пожалуйста решить проблему с небольшим куском верстки :) Пример на картинке. Я не могу понять, как свертать так, чтобы правая часть границы квадрата не перекрывала заголовок. При этом если заголовок из 1,2,3 строк то квадрат так же подстраивается и растягивается по высоте. Есть у кого идеи, как можно это реализовать?

    Asked by Akkord87,

    0 votes
    2 answers

  18. Можно ли <ul> и <ol> вставлять в <li>?

    Здравствуйте, Можно ли <ul> и <ol> вставлять в <li>?. Т.е. к примеру такой вот код <dl> <ul> <li>Розничные покупатели</li> <ol> <li>Каталог товаров</li> <dt>Велосипеды</dt> <dd>Стоимостью до 1000 гр</dd> <dd>Стоимостью до 2000 гр</dd> <dt>Самокаты</dt> <dd>Стоимостью до 100 гр</dd> <dd>Стоимостью до 400 гр</dd> <dt&g…

    Asked by FotGOD,

    0 votes
    3 answers

  19. Помогите , не могу найти как сделай всплывающее окно

    Доброго всем времени суток, нужна ваша помощь . Нужно сделать небольшое всплывающее окно на лэндинг которое показывает сообщения типа "Сейчас марина купила товара на сумму ххх " или "Осталось товара по акции;5шт" , по ссылке пример. Желательно сделать 1в1 . всех благодарю за помощь !

    Asked by umid99,

    0 votes
    0 answers

  20. Проблема с использованием псевдоклассов (в частности :last-child)

    Здравствуйте! Возникла проблема с "версткой" шапки. Имею следующий код: HTML: Скрытый текст <header> <a class="logo-text" href="#">Лого</a> <nav> <ul> <li><a href="#">Пункт 1</a></li> <li><a href="#">Пункт 2</a></li> <li><a href="#">Пункт 3</a></li> </ul> </nav> <ul class="nav-profile"> <li><a href="#">Войти</a></li> <li><a href="#">Зарегистрироваться</a></li> </ul> </header> CSS: Скрытый текст * { margin: 0;…

    Asked by 666FoX666,

    0 votes
    3 answers

  21. border с пробелом

    Доброго времени суток, как можно осуществить данную проблему? Как показано на картинке, в бордере имеется пространство которое заполнено иконкой, как именно сделать такое пространство?

    Asked by dsljkeee,

    0 votes
    3 answers

  22. Как в herf добавить переменную?

    Здравствуйте, помогите мне со вставкой переменной в herf. Вставляю ссылку на страницу пишет: Файл не найден Возможно, он был перемещён или удалён. В интернете очень мало информации по этому вопросу. Заранее спасибо! Скрытый текст <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Переход</title> <script> function someFunc(){ alert(document.getElementById("quantity").value); } document.getElementById("doc").onclick = someFunc; var link = document.getElementById("doc").value; </…

    Asked by pug1n,

    0 votes
    1 answer

  23. Масштаб винды и бразера

    Я не знаю куда можно разместить такой вопрос, попробую тут. Мне удобен масштаб винды 150% (персонализация-экран-150%) но этот масштаб влияет на содержимое браузеров, это же бред, кто нибудь с этим как то справился? Я хочу видеть сайты 1 к 1 как они выглядят на самом, деле, можно как нибудь сделать что бы увеличение интерфейса винды не влияло на содержимое сайтов?

    Asked by SoFuWa,

    0 votes
    3 answers

  24. 1 форма для нескольких товаров

    Привет. На сайте есть форма (ее открытие реализуется через arcticmodal) и около 7-8 кнопок, 6 из которых покупка товаров и еще 2 для заказа консультации. Вопрос: как сделать чтобы определялся на какой именно товар заявка, не хочется делать много отдельных форм и в каждую вставлять input hidden с идентификатором товара, слишком громоздко. https://jsfiddle.net/2us4cjd0/ вот пример кода (вначале идет сама форма, ниже кнопки заказа)

    Asked by exoty,

    0 votes
    3 answers

  25. Блокирование счетчика JS

    Добрый день! Есть сайт https://xstrongumbrella.com/ В нижней части страницы вставлен счётчик обратного отсчёта (псле фразы * Promotion ends in) Проблема в том, что на HTTP он работает, а на HTTPS нет Все ссылки на сайте (стили, скрипты, картинки) переделаны на https Прошу подсказать. Спасибо.

    Asked by Kenoby666,

    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