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. Как реализовать декоративные полосы?

    Часто в макетах встречаю такие нестандартные решения, как они создаются? Мб вы ранее сталкивались с этим, покажите код пожалуйста .. Я так подразумеваю что возможно сделать на псевдо-элементах, и бордерах? Или вазможно как-то сделать на флексбоксах адаптивно? Или вообще с помощью SVG рисуется? Спасибо! ИЗОБРАЖЕНИЕ

    Asked by Hasiev,

    0 votes
    4 answers

  2. Не вводится текст в поле ввода

    Добрый день. Написал сайт и встречается такая проблема на устройствах от apple (конкретно Iphone 5). В форму заявки в поля input не вводятся никакие символы. Посоветуйте пожалуйста. Спасибо.

    Asked by kirillov,

    0 votes
    4 answers

  3. Ищу наставника.

    Здравствуйте дорогие друзья! Я очень часто задаюсь вопросом что должен знать начинающий верстальщик? с чего начать и в каком направлении двигаться? Для начало я сам стал учить HTML и CSS, разбираюсь в них я, ну не скажу, что на уровне профессионала, но понимать коды и писать их я могу. Сейчас же я в "тупике", не знаю что дальше мне делать и какие вещи мне еще следует изучить. А самое главное мне не хватает практики. Вот и хотелось бы иметь наставника, чтобы он правильно мне посоветовал что и как делать. Надеюсь найдется желающий помочь)

    Asked by Muhammed,

    0 votes
    4 answers

  4. Сохранение данных на странице

    Всех приветствую! Друзья, сразу признаюсь, что я полный нуб, но не лентяй. Имеется простейшая задачка. На странице одно поле для ввода, значение которого попадает чуть ниже. Необходимо это значение сохранять на странице после нажатия кнопки. <html> <head> <title>Just4Test</title> </head> <body> Число2: <input id="number1"> <button id="save">Сохранить</button> <hr> <div id="result"></div> <script> function saveit() { var num = document.getElementById('number1').value; var html = 'Число1: 90' + '<br>' + 'Число2: ' + num + '<br>' + 'Число3: 105'; docum…

    Asked by The_Immortal,

    0 votes
    4 answers

  5. Самая удобная IDE для создания игр

    Ребят, изучаю GameDev и столкнулся с тем, что нет одной IDE, которая была бы удобной для работы с кодом, именно с кодом, с лайв едитом, подсветкой и подсказками... а то я так и не понял как отдельно это все настраивать в сублиме текст. Может кто пользуется, подскажите плиз?

    Asked by Semen,

    0 votes
    4 answers

  6. Афишно-новостной блок на сайте

    Хочу разместить на сайте афишу с новостями сообразно скриншоту. Особого функционала не требуется: 1. От 3 до 5 активных новостей (остальные - прокруткой или по нажатию кнопок/ссылок и т.д.). 2. Смена новостей при использовании кнопок ГОД или МЕСЯЦ (на данный момент кнопка ГОД не нужна). 3. Открытие полной версии новости на новой странице сайта по нажатию ссылки (например, слово "Подробнее") или новостного блока (желательно наименование страниц по дате новости, в случае совпадения дат новостей - возможность переименования страниц). 4. Реализация афиши - любая (возможна прокрутка или что-то другое) . Уважаемые форумчане, подскажите, пожалуйста,…

    Asked by Totalist,

    0 votes
    4 answers

  7. Верстка сложных элементов

    Всем привет! Есть задание, сверстать фигуру представленную ниже на картинке, так как предусмотрен hover эффект тени по всему контуру фигуры. Возникла сложно с версткой элементов обрамленных красным квадратом... Так же стоит учесть что это часть пазла представленного из четырёх элементов, и на каждом должен быть hover эффект... Как можно сверстать эти элементы? Заранее большое спасибо за помощь!

    Asked by Alexander_G,

    0 votes
    4 answers

  8. Необычная фигура, как сделать?

    Ребят, есть у кого идеи как сделать вот такое чудо ? Проблема в том, что нижний левый хвост, должен быть адаптивным. И растягиваться в лево на больших разрешениях до конца. Есть идея сделать вектор, но опять же, не могу додуматься, как сделать нижий левый угод адаптивным под большие мониторы ?

    Asked by brezze,

    0 votes
    4 answers

  9. Странная работа JS

    Доброго времени суток, форумчане! Столкнулся со следующей проблемой, а скорее вопросом к опытным разработчикам. Сам вопрос в том, что я не могу понять почему так работает: <!DOCTYPE HTML> <html> <head> </head> <body> <main> </main> <script> var body = document.body; var main = document.getElementsByTagName("main")[0]; main.innerHTML += "Hello"; body.innerHTML += "World!"; </script> </body> </html> А так нет: <!DOCTYPE HTML> <html> <head> </head> <body> <main> </main> <script> var b…

    Asked by TANDEROID,

    0 votes
    4 answers

  10. Вызов функции в другой функции.

    Добрый день! Разбираюсь с функциями(как уже понятно из темы). С мелкими для азов. И, балуясь(разбираясь для себя) с различными вариациями, наткнулся на результат, несоответствующий ожиданиям. Собственно, сам код: https://ideone.com/p1bCV1 Я проверял все в отладчике Chrome. Собственно, мне не важны особо действия, совершаемые на переменными в обоих функциях. Не пойму почему вызове alert всегда выдает Undefined или его значение NaN. Разве я не могу через присвоение функции переменной присвоить результат ее выполнения? Или тут вся загвоздка что я не передаю параметры в функции?

    Asked by Super_Saimon,

    0 votes
    4 answers

  11. Обводка инпута красным/зеленым без JS

    Привет. Есть ли возможность только с помощью html5/css3 обводить поля красным/зеленым в зависимости от состояния инпута, не используя обработку событий с помощью javascript? Подскажите, как это сделать, как определить состояние инпута при помощи html5?

    Asked by hike,

    0 votes
    4 answers

  12. Извлечение текста одного из фреймов Гугл Хрома.

    Здравствуйте. Мне нужно получить весь текст одного фрейма из трёх на странице. Речь о Гугл Хроме. Желательно в буфер обмена, но если так нельзя, то в файл или ещё как-нибудь. Каким образом это можно сделать ? Спасибо.

    Asked by Kompilator,

    0 votes
    4 answers

  13. Как сделать высоту карты яндекс адаптивной ?

    Как сделать высоту карты яндекс адаптивной ? http://oilcity.su/ http://prntscr.com/gxdph2

    Asked by daggi,

    0 votes
    4 answers

  14. <td> вложенные элементы

    Согласно Webref, <td> не является блочным элементом. Мне нужно поместить в эту ячейку несколько тегов по вертикали. <span> не даст вертикального расположения, назначить его display: block; вероятно нельзя... Предложите пожалуйста решение.

    Asked by seemax,

    0 votes
    4 answers

  15. img в div по центру

    Долго бился получил такой код: <div style="background: black;width:100%;height:100%;margin: auto; text-align: center;position: absolute;"> <img align="top" src="/images/video.jpg" width="700" height="394" alt="Video" style="width:100%;height: auto;position:absolute;margin:auto;top:0;bottom:0;left:0;right:0;" /> </div> выглядит так но на телефоне растягивает?

    Asked by lev99,

    0 votes
    4 answers

  16. При помощи чего можно реализовать меню с изображения.

    Добрый день! Есть меню, приведенное на изображении(часть макета PSD. Весь, к сожалению, не удалось пока заполучить). Возникли трудности с пониманием: как на чистом css, html реализовать его. А именно две трудности: как сделать левую часть меню с датами, с точками и вертикальной полосой ,и как при :focus выделить сразу два блока(как это показано на изображении)? Есть еще третий вопрос: при нажатии на пункт меню в соседнем блоке , где располагается основной контент, автоматически отображается информация касательно выбранного пункта(для более подробного и внятного объяснения-информация о человеке, его карьере за указанный промежуток времени). То есть, это не ссылка-якорь.…

    Asked by Super_Saimon,

    0 votes
    4 answers

  17. Не получается правильно написать transition

    Доброго времени суток. Есть 2 свойства transition: top: 0 transform: rotate(45deg) transition-property: top, transform transition-duration: 0.5s, 0.5s Объединяю их вот таким образом: top: 0 transform: rotate(45deg) transition: top .5s, transform .5s В итоге, свойство top выполняется одновременно с transform. В чем может быть ошибка?

    Asked by IvanRu08,

    0 votes
    4 answers

  18. Кто такие авторы/разработчики css ?

    Начал читать Css snapshot (https://www.w3.org/TR/CSS/#css) и наткнулся на: Разработчики CSS и Авторы CSS. Кто, кто ? Объясните пожалуйста. Разработчики - это раб. группа css, а авторы - мы, или наоборот ?

    Asked by Димитрий,

    0 votes
    4 answers

  19. Как реализовать мобильное меню как у гугла?

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

    Asked by Ратибор,

    0 votes
    4 answers

  20. background-image + градиент

    Хочу сделать на фон картинку. В общем идея такая: Поставить картинку на фон, которая снизу начинает становиться прозрачной и переходить в черный цвет. Т.е. если сайт получается "длинный"(картинка же не перекроет его весь), то сверху находится изображение, которое к концу начинает перетекать в однотонный чёрный фон, который тянется и тянется до конца. body{ background-image:url("wowback_2.jpg"); background-size:cover; background-repeat:no-repeat; background-color:black; } Картинку вроде вставит, и фон сделал чёрным. Переход получился резкий. Можно ли его "смягчить" градиентом в CSS или тут через фотошоп как то?

    Asked by jonson92,

    0 votes
    4 answers

  21. Откуда то лезет hover

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

    Asked by virtas,

    0 votes
    4 answers

  22. Подгонять высоту слайдов под заданную высоту

    Здравствуйте. Есть читалка сделана из слайдера, где слайды это блоки в текстом. Слайды с текстом получаются разной высоты и отличаются друг от друга на несколько строк. Думаю задать максимальную высоту слайда, чтобы на слайдах с большой высотой текста межстрочный отступ уменьшался, а на слайдах с малой высотой текста увеличивался. Как это сделать на css не знаю. Пробовал line-height указывать в процентах, но что-то не то получается. Может не так пробую. Посоветуйте как лучше сделать.

    Asked by uppercase_css,

    0 votes
    4 answers

  23. Векторый фон для текста, реально?

    Здравствуйте! В верстке я новичок. Есть задачка по оформлению текста на сайте: нужно сделать возможность задавать фон для текста, который выглядит следующим образом: Возможно ли это? Если да, дайте наводку, пожалуйста. Необязательно именно так, но хотелось бы что-нибудь по-красивее, нежели чем прямоугольный бэкграунд. Цвет всегда один и тот же. Хотелось бы, что бы это чудо тянулось в зависимости от количества символов) Заранее благодарю.

    Asked by native_today,

    0 votes
    4 answers

  24. Не работает input radio

    Нужно сверстать переключатели input radio в виде блоков. (Размер M, L, XL, XXL) Изначально при выборе блока, все работало, менялся цвет. Теперь перестало работать и не могу найти причину. Вставляю часть кода в https://jsfiddle.net/ все работает. На локальном и хостинге нет. Ссылка на сайт http://garmoni.inf.ua/Brandly/ в самом низу

    Asked by garmoni,

    0 votes
    4 answers

  25. Подскажите как сделать

    Сделал на сайте декоративную рамку, с помощью псевдоэлементов. Получается вот так (см.Скрин), то есть в определенный момент начинает действовать repeat-y. Это можно как-то поправить, или нужно вырезать по-другому? Скрытый текст Само изображение

    Asked by Hasiev,

    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