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. Клипинг нескольких изображений внутри родителя.

    Доброго всем дня, уважаемые эксперты! Как решается такая задача: <div class="ls-rubber-block ls-bg-heavenly"> <div id="ls-img-01"></div> <div id="ls-img-02"></div> </div> html { height: 100%; } body { height: 100%; margin: 0; padding: 0; font-family: 'PT Sans Caption', sans-serif; } /* Блок, который рвстягивается по высоте и ширине на 100% */ .ls-rubber-block { width: 100%; height: 100%; min-height: 100%; box-sizing: border-box; border: 0px solid #FF0004; overflow: hidden; clip: rect(0, 100%, 0, 100%); } #ls-img-01 { position: absolute; display: block; width: 700px; height: 600px; top: -200px; right…

    Asked by architec,

    0 votes
    1 answer

  2. <sup> в миксине jade

    нужно чтобы через jade отобразились корректно "см2". Ну чтобы цифра 2 была мелкой и выше. В HTML делается с помощью тега <sup> Но как этот тег передать, если я передаю строку в миксин jade ? +input('name', 'Площадь, см2') +input('name', 'Площадь, см<sup>2</sup>') https://codepen.io/anon/pen/XoMXdj

    Asked by yaparoff,

    0 votes
    1 answer

  3. Стоит ли идти на курсы Frontend-разработке в 2019?

    Позвольте немного философский, но оттого не менее важный вопрос. Многим известна онлайн-школа обучения веб разработке "Html-Academy", являющаяся, пожалуй, самой адекватной на российском рынке. У них есть несколько курсов - Html/css уровень 1, Html/css уровень 2, Java script уровень 1. Представленные как отдельные курсы по стоимости что-то около 15-20 тысяч рублей. НО недавно появилась программа "профессия" , которая представляет из себя обучение комплексно по 3 приведенным выше программам и присвоением квалификации "Frontend-разработчик" в конце обучения. Скажите, как вы считаете стоит ли идти на обучение по этой комплексной программе?…

    Asked by AlexGreat,

    0 votes
    1 answer

  4. Как вырезать необычное изображение

    Ето проблемное для меня изображение в psd макете смотрится как маленькое, обычное png изображение на фоне другого, гораздо большого изображения Как я понял в фотошопе оно представляет собой миниатюру стоя, а по верху миниатюра стоя маски. Тоисть выходит так что само ето миниатюрное изображение имеет черный фон, который на макете невидим, по при попытке вырезать мне нужную часть етот фон тоже вырезается. Нужная мне(выдимая) часть изображения имеет много мелких деталей и по другом как то их выделить не получается. Как быть?

    Asked by Serhiy,

    0 votes
    1 answer

  5. Изменение фона

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

    Asked by gadjet,

    0 votes
    1 answer

  6. Как записать новый текст в ячейке таблицы сохранив старый текст?

    У меня есть таблица в ячейках которой уже есть текст как записать туда новый текст при этом сохранив старый. InnerHtml не помогает он делает замену старого текста на новой скриншот. Может быть можно как-то с помощью стилей сделать? <!doctype html> <html lang="en"> <head> <style> table td {width:25px; height:25px} </style> <meta charset="utf-8"> <title>Page1</title> <script> function showInfo() { document.getElementById("cell1").innerHTML="A"; document.getElementById("cell2").innerHTML="B"; document.getElementById("cell3").innerHTML="C"; } </script> &…

    Asked by Katerina23,

    0 votes
    1 answer

  7. 2 прямоугольные трапеции, обращенные друг к другу

    Поздравляю с Рождеством мастеров верстки! Подскажите: как сделать 2 прямоугольные трапеции, обращенные друг к другу? Скрин: Пока что не получилось, так как на скрине. Уже и с transform мучался и с clip-path. Может что-то не понимаю. https://jsfiddle.net/PlayboyZP/L24u0mrw/

    Asked by VasyOK{!},

    0 votes
    1 answer

  8. Комбинирование псевдоклассов

    Собственно, таблица. По ховеру меняется цвет в ячейках, условно, на золото. Но мне нужно, чтобы первая строка и первый столбец не реагировали на ховер, хотя бы визуально. Причем они имеют отличные от остальных ячеек цвета. Условно - серебро. Т.е. имеем: .tbl tr td:hover { background: gold; } .tbl tr td:first-child { background: silver; } .tbl tr td:first-child:hover { background: silver; } Работает. Мышка ходит по таблице, ячейки окрашиваются золотом, но первый столбец - нет. А вот с первой строкой, так не получается .tbl tr:first-child { background: silver; } .tbl tr:first-child:hover { background: silver !important; } Все р…

    Asked by Destrifer,

    0 votes
    1 answer

  9. Помогите исправить

    Не могли бы вы подсказать, если в коде 2 тега титл, то это какая то ошибка? Просто мне делали год назад сайт, и я не уверена что правильно. вот поподробнее: <title>Световые буквы</title> <meta name="keywords" content="реклама на транспорте, наружная реклама Москва, вывески, наружная реклама, штендеры, стенды, монтаж наружной рекламы, панель-кронштейн, световые вывески, таблички, интерьерная печать, латунные таблички, баннеры, объемные буквы, регистрация наружной рекламы, неоновая реклама, световые короба, перетяжки, оформление витрин, неон, металлические буквы" /> <meta name="description" content="Реклама на транспорте. Лучшие цен…

    Asked by ирина228777,

    0 votes
    1 answer

  10. Врёт самодельный счётчик посещаемости.

    Здравствуйте. Сделал на своём сайте простейший счётчик посещаемости. Алгоритм работы PHP скрипта установленного в начале каждой страницы: - проверяем куку, если она уже есть, ничего не делаем, показываем страницу - если куки нет, устанавливаем её и пишем в БД +1 к сегодняшним посетителям Яндекс метрика показывает 50 человек, а моя самодельная 200. Как быть ? Как убрать ложные срабатывания и откуда их столько набирается ? Сделал поправку в счётчике. Считаю вторым счётчиком тех, у кого кука уже проставлена. Т.е. они на моём сайте перешли по какой-нибудь ссылке. Так вот таких раза в три меньше уже. Спасиб…

    Asked by Kompilator,

    0 votes
    1 answer

  11. Всплывющее окно с таймингом

    Добрый всем день! Подскажите, покупатели не хотят читать всплывающее окно на сайте. Может существует приблуда, которая считает время просмотра этого окна? Т.е. вы не дочитали или вообще не прочитали, закрываете окно, а оно вам типа: "ВЫ НЕ ДОЧИТАЛИ ДО КОНЦА..." Спасибо! Окно тут.

    Asked by Vic-Tor,

    0 votes
    1 answer

  12. Как применить стили для элемента только в том случае, если он в теге del

    Теперь человеческим языком. Цена на сайте выводится так: <p class="price"> <del> <span class="woocommerce-Price-amount amount">4800&nbsp;<span class="woocommerce-Price-currencySymbol"><i class="fa fa-rub" aria-hidden="true"></i></span></span> </del> <ins><span class="woocommerce-Price-amount amount">4700&nbsp;<span class="woocommerce-Price-currencySymbol"><i class="fa fa-rub" aria-hidden="true"></i></span></span></ins> </p> Конструкция выше выводит две цены: старую, новую по акции. Я хочу поменять цвет старой цены, но там классы одни …

    Asked by Артишок,

    0 votes
    1 answer

  13. Несколько HTML страниц на одной HTML странице

    Здравствуйте! Как сделать так, что бы на странице "index" находилось несколько других страниц, расположенных в определённых местах. В html 4 это выглядело как то так: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Тег FRAMESET</title> </head> <frameset rows="7%,70%, 15%", frameborder="yes", frameborder = "1"> <frame src="top.html"> <frameset cols="20%,80%"> frameborder="no" <frame src="Menu.html" name="leftFrame" scrolling="yes" noresize> <frame src="Main.html" name="main"> </frameset> <frame src="footer.htm…

    Asked by Nightingale81,

    0 votes
    1 answer

  14. Аттрибут checked у звездного рейтинга не перемещается

    Есть реализация звездного рейтинга. Она работает. Но аттрибут checked не перемещается на выбранный инпут, а остается там же где был. Вот например, стоит оценка 3 из 10 (т.е. аттрибут checked на 3 инпуте), мы хотим поставить оценку 6 из 10 и визуально это срабатывает, но аттрибут checked так и остается на 3-ем инпуте вместо 6-го. Это важно, т.к. эта информация нужна бэкэндеру. Получается ему придет неверная информация Как сделать чтобы аттрибут checked тоже пермещался на выбранный инпут? Только на js это получится реализовать? https://codepen.io/anon/pen/NJGMgv

    Asked by yaparoff,

    0 votes
    1 answer

  15. Почему не работает animation-delay?

    Задача - появление блока внизу экрана спустя определенное время. например для теста через 5 секунд, в течение 3х секунд всплытие .block { display:block; width:100%;max-height:340px; height:220px; position:fixed; background:coral; bottom: 0; max-width:900px; animation:anim 3s; animation-duration:anim 3s; -webkit-animation-delay: 5s; -moz-animation-delay: 5s; -o-animation-delay: 5s; animation-delay: 5s; } @keyframes anim { from {bottom:-100%;} to {bottom:0;} } Живой пример Если не добавлять задержку выезжает через 3 сек. если добавить - сразу появляется и задержки нет. разобрался с вопросом. Надо было изначал…

    Asked by nikki4,

    0 votes
    1 answer

  16. Как отобразить блок, который пропадает из-за overflow?

    Есть слайдер. Чтобы скрыть слайды, у блока lsbslider стоит overflow: hidden; У слайдера есть стрелки навигации. - .left хочу сместить стрелку левее от блока. т.е. чтобы стрелка была вот так: http://joxi.ru/BA0KBq0HMlxJq2 Вопрос как сделать ,чтобы она не пропадала. Сейчас стрелку не видно, так как у блока выше overflow:hidden <div class="lsbslider"> <a class="left" href="#" role="button"></a> </div> .lsbslider {width: 300px; position: fixed; left: 100px; height: 200px; background:coral; overflow: hidden; } .left { left:-30px; } .left { position: absolute; display: flex; width: 30px; height: …

    Asked by nikki4,

    0 votes
    1 answer

  17. как задать расположение элемента внутри блока

    Нужно расположить Звездочки рейтинга внизу поцентру внутри блока. Я только начинаю разбираться. Не судите строго пжл. Делаю всё в wordpresse. Можно ли присвоить css класс звездочкам и присвоить css класс блокам и потом в редакторе css сделать такое правило звездочки распологаются внутри, снизу, поцентру блоков. Если да то какой командой? нашел решение .zvezda { position:absolute; top:100%; left:50%; transform: translate(-50%, -50%);

    Asked by vasily333,

    0 votes
    1 answer

  18. Вопрос про разбитие текстового блока на страницы

    Подскажите. Имеется, скажем, div с текстом произвольной длины. Div фиксированной высоты и ширины. Мне нужно сделать, чтобы автоматически определялось количество строк, и если их больше, чем заданное значение, снизу бы появлялись кнопки навигации (мол, страница 1 и страница 2), и оставшийся текст переносился бы на следующую страницу. Как это можно реализовать?

    Asked by Егорыч,

    0 votes
    1 answer

  19. Свой шрифт(из интернета)

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

    Asked by Frogg,

    0 votes
    1 answer

  20. Элементы наезжают друг на друга

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.css"> <link rel="stylesheet" href="style.css"> </head> <body> <div class="container"> <div class="header"> <div class="product"> <h1>Product Name</h1> <ul class="sps"> <li>Put on this page information about your product</li> <li>A detailed description of your product&l…

    Asked by nevalek,

    0 votes
    1 answer

  21. Текс на картинке

    Здравствуйте! Помогите пожалуйста в решении следующей проблемы. Есть не большая разметка: <div id="gallery"> <div class="container"> <h2>photos</h2> <figure class="photo"> <a href="img/pic1.jpg"></a> </figure> Подскажите пожалуйста можно ли поместить текст на картинке? Я читал про элемент figure, но нашёл что только снизу можно текст оформить.

    Asked by Barik,

    0 votes
    1 answer

  22. Проблемы с текстом

    Здравствуйте, подскажите пожалуйста как быть когда при резиновой верстке не перестраивается текст, в макете задан определенный шрифт, но когда начинаю верстать под мобильные или планшеты устанавливая шрифт макета текст перестраивается в 2-3 строчки , а в макете в одну ? . Заранее спасибо!

    Asked by vka986,

    0 votes
    1 answer

  23. Почему свойство float убирает background?

    <ol class="app"> <li><span>доставка от 2 дней</span></li> <li><span>скорость производства 600 м2/сутки</span></li> <li><span>гарантия от 5 лет</span></li> </ol> ol{ background: #7A7A7A; } ol.app li{ width: 100%; float: left; } https://jsfiddle.net/m1Lkwzuv/1/ Почему со стилем "float", свойство "background" не работает? если закомментировать "float", то заработает.

    Asked by Grani,

    0 votes
    1 answer

  24. Локальное подключение иконок Font Awesome

    Добрый день! Я столкнулся с такой ситуацией: создается в компании статическая страница для хранения служебных документов. Иконки там, по-факту, не нужны, но начальник как во всем известном видео: "Хочу иконки!". Для нее поднимается локальный сервер без выхода в инет. На сайте есть ссылка прямая на хранилище с данными иконками, но она при такой настройке сервера, не работоспособна. Я качнул с сайта архив с данными иконками. Прописал как в инструкции путь в проекте. И тут я в непонимании: в инструкции для локального подключения подключается файл с расширением .css, через тег <link>, при этом все иконки, которые я использовал при подключении прямой ссылки на хранилище…

    Asked by Super_Saimon,

    0 votes
    1 answer

  25. как сверстать элемент с углами и дать ему деть?

    Друзья, всем привет. Я учусь верстать, и вот не могу разобраться сейчас, как сверстать такой элемент на десктопе 4 блока в ряд. на мобиле 4 блока в столбик. как бы проблемы с вёрсткой блока нет, как и с медиа запросом, чтобы на мобильнике их сделать в ряд. но как сверстать этот угол? да еще так, чтобы у всего этого блока была тень. вот как сверстать такую фигуру с закруглением всех углов на 10 пикселей и добавлением тени? помогите плиз кодом всем заранее спасибо за участие вот картинка для наглядности

    Asked by freeodmin2,

    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