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. Запустить счетчик после клика

    День добрый. Вот пример http://codepen.io/npofopr/pen/vNBabW animateNumber "запускает" счетчик по загрузке страницы. А как сделать так, чтобы счетчик запускался по клику на ссылке, но если ссылка уже active, то счетчик бы сразу запускался. Пробовал вот так и много ещё как (что получалось нагуглить): if ($('.tabs__content').hasClass('active')){ $('#lines1').animateNumber({ number: 69 });};$('lines2-btn').on("click","#lines2-btn:not(.acitve):not(.disabled)", function() { $('#lines2').animateNumber({ number: 69 });});$('#lines2-btn').click(function(){ $('#lines2').animateNumber({ number: 69 });});Но не срабатывает. Просто по клику срабатывает, но не полу…

    Asked by npofopr,

    0 votes
    2 answers

  2. Адаптивный текст

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

    Asked by alleclf,

    0 votes
    3 answers

  3. Меню

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Ма</title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <div class="class"> <ul id="nav"> <li><a href="">text</a></li> <li><a href="">text</a></li> <li><a href="">text</a></li> <li><a href="">text</a></li> </ul> </di…

    Asked by Ascolon,

    0 votes
    1 answer

  4. Как свернуть раскрытый блок автоматически

    Добрый день, при нажатии на ссылку открывается некий блок, таких ссылок с блоками может быть несколько, как сделать чтобы при нажатии на любую другую закрытую ссылку предыдущий раскрытый блок сворачивался, а выбранный раскрывался? Вот пример http://jsfiddle.net/driver/PD3gk/light/ Спасибо.

    Asked by anutti,

    0 votes
    3 answers

  5. Прямые углы

    Помогите сделать прямые углы, вот код <p>• <span class="label label-info"> /rs </span> - обнуления счета;</p> где /rs у меня этот текст в округленной рамке а как сделать прямые углы у рамки ?

    Asked by mariks,

    0 votes
    4 answers

  6. Увеличение изображения при наведении.

    У меня такая проблема. К сайту нужно прикрутить подобный элемент https://www.dogids.com/product/nylon-webbing-scrufftag-dog-collars-with-qr-code/ Интересует именно левый блок с товаром, который можно увеличить и карусель под ним. Саму страничку верстаю при помощи фреймворка bootstrap 3 В общем нужно решение при помощи которого можно подобное соорудить. зы писать скрипт с нуля уже времени нет. Пора верстку сдавать(

    Asked by BirviZ,

    0 votes
    2 answers

  7. слайдер шапка

    У меня вот такой вопрос как сделать сдайдер как шапку сайта.. То есть будет обычная картинка но менялась! Ну пример (http://mnogoblog.ru/) не реклама! Видите тут обычная в верху картинка с меню, дак надо что бы эта картинка менялась на другую с эффектами! Да знаю что это просто типо надо сделать так <script type="text/javascript">all_images = new Array ("images/back.jpg","images/back1.jpg","images/back2.jpg");var ImgNum = 0;var ImgLength = all_images.length - 1;var delay = 2500;var lock = false;var run;function chgImg(direction) { if (document.images) { ImgNum = ImgNum + direction; if (ImgNum > ImgLength) { ImgNum = 0; } if (ImgNum < 0) { ImgNum…

    Asked by SanyaSV,

    0 votes
    2 answers

  8. Как слой <div> выровнить по середине экрана?

    Собирал сайт на ноуте где разрешение экрана 1360х768. Выравнивал строго прописывая отступы. При попытке открыть сайт на компе где вместо монитора стоит телевизор с разрешением 1920х1080, оказалось что весь сайт смещен влево. и даже картинка фона сползла влево! Собственно от туда и вопрос: как выровнить слой по середине экрана независимо от разрешения экрана! Для примера, как выглядят сейчас мои слои: <html> <head><meta http-equiv="Content-Language" content="en-us"><meta http-equiv="Content-Type" content="text/html; charset=windows-1252"><title>Новая страница 1</title></head> <body> <div style="position: absolute; width: 4…

    Asked by ogriv,

    0 votes
    8 answers

  9. Время пропадания popover Bootsrap

    Есть кнопка на которую остановлен popover, в нем есть ссылка, когда нажимаю на кнопку, то всплывает popover, если кликаю за пределами popover, то он пропадает, когда нажимаю на ссылку в popover, то осуществляется переход по ссылке, но есть проблема, когда кликаю стандартно по ссылке в popover, то всё нормально, но когда кликаю по ссылке не стандартно, чуть дольше зажимаю лкм, то popover сразу пропадает и я не успеваю нажать. Как добавить время ожидания при клике для popover?

    Asked by FitTech,

    0 votes
    1 answer

  10. Как узнать что на сайт зашли с внешнего ресурса?

    Как узнать что юзер зашёл на сайт не из внутренних страниц сайты, а с другого адреса? Это точно с использованием пхп, но как? Как бы редиректить на определённую страницу людей зашедших с внешнего ресурса.

    Asked by Alarr,

    0 votes
    13 answers

  11. Почему родительские дивы не учитывают высоту дочерних?

    Всем привет. Столкнулся с проблемой. Есть главный контейнер .main-content, в который вложены все остальные. Почему то родительский контейнер не учитывает высоту дочерних. В чем может быть проблема? Вот сайт: http://cm04741.tmweb.ru/index.html Заранее спасибо за ответ!

    Asked by IvanRu08,

    0 votes
    11 answers

  12. правильная организация элементов

    Я всю жизнь писал код так <nav id="navigation"> <ul> <li><a href=""></a></li> <li><a href=""></a></li> <li><a href=""></a></li> <li><a href=""></a></li> </ul></nav>а потом посредством css добавлял стили элементам #navigation{ width: 100%;} #navigation ul{ display: block; ... } #navigation ul li{ display:inline-block: ... } #navigation ul li a{ display: block; ... } #navigation ul li a:hover{ text-decoration: none; }Стили просто для примера. В принципе горя не знал, все работало. Сегодня посмотрел один миникурс, где сказа…

    Asked by anvyd,

    0 votes
    3 answers

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

    Есть код. Все пропорции фиксированого макета прописаны в комментах(то есть я перевел в адаптив обычный фиксированый макет). Все нормально, но мне не нужен блок #in-warp, но как без него сохранить такие же зависимости, так чтобы маржин и падинг #in зависили от ширины #in, а не от #container? Или может в этом нету смысла так как сам #in зависит от #container и если подстоить данные отсупы под #container это ни на что не повлияет?

    Asked by Flexible Curd,

    0 votes
    1 answer

  14. Помогите доработать

    Не получается такое http://jsfiddle.net/enwmps9o/96/

    Asked by lev99,

    0 votes
    5 answers

  15. Пропорциональное масштабирование <img>

    Доброе время суток нужна помощь с масштабированием кнопки (пожалуйста [а то я уже запарился читать и нехрина не доганять]) подробности здесь - https://onedrive.live.com/redir?resid=52ADAD5F450670A4!382&authkey=!AAM1xQaBQ4zzhEs&ithint=file%2cmht за ранее спасибо​ с уважением Д.Владимир

    Asked by Wladimir,

    0 votes
    8 answers

  16. Проблемы с кодировкой

    Я на днях решил прислать другу ссылку на сайт через вк ,и когда пишу ссылку ,то в низу возле картинки в описании появляется что-то в этом роде ( for-droid.ru выбор только лучших смартфонов Рё РёРіСЂ for-droid.ruВыбор только лучших смартфонов Рё РёРіСЂ РЅР° платформе РђРЅРґСЂРѕРёРґ..)и я думаю что проблема скорее всего в кодировке ,и тут становится еще не понятнее по скольку все файлы я сохраняю в utf-8 ,и может это поможет но вот как выглядят мои мета теги :<head> <meta http-equiv="content-type" content="text/html; charset=windows-1251"> <meta name="description" content="Выбор только лучших с…

    Asked by frolmd,

    0 votes
    5 answers

  17. Из JSF в ADF

    Есть действующий сайт, созданный с помощью ADF. Есть новые странички, которые сделаны с помощью другой технологии — JSF , используя стандартные компоненты PrimeFaces. Задача: привести внешний вид новых страничек к стилю действующего сайта. Код — черт ногу сломит. 100500 таблиц, еще столько же дивов. На выходе примитивный интерфейс, с табличкой и формочкой, которые весят 5Мб. Кто-нибудь сталкивался с этими JAVA фреймворками? При чем тут вообще верстка? — мне поставили задачу, а я ни бум бум. Вопрос здесь философский: как вообще действовать, поступать в таких ситуациях? Выскажите, пожалуйста, свое мнение. ЗЫ: понятно, что сверстать можно все что душе угодно даже п…

    Asked by Anymaxis,

    0 votes
    4 answers

  18. Включить кэш

    Использую PageSpeed Insights для оптимизации сайта webref. Советует мне включить кэш браузера. Но он у меня и так включен, вот фрагмент .htaccess. Модель mod_expires есть, проверил. <IfModule mod_expires.c> ExpiresActive On # Cache all files for 2 weeks after access (A). ExpiresDefault A1209600</IfModule>Соответственно, вопрос - как проверить, кэшируется ли сайт и как его включить если нет?

    Asked by Vlad,

    0 votes
    7 answers

  19. отменить смещение текста при list style position inside

    Доброго дня уважаемые коллеги, подскажите пожалуйста, можно ли как-то отменить смещение текста при переносе строки под маркер списка при позиции inside? (Можно только при позиции inside). буду благодарен за любую помощь. https://jsfiddle.net/shaoau5z/

    Asked by Velidan,

    0 votes
    3 answers

  20. Фиксированное горизантальное меню

    Здравствуйте! Помогите с такой проблемой. Сделал верхнее фиксированное горизонтальное меню, т.е при прокрутке страницы меню остается. Но теперь следующий за меню блок (там картинка) заходит немного за меню. Как его вытащить?

    Asked by Yeldos,

    0 votes
    3 answers

  21. Трансформировать нижнию границу блока

    Здравстуйте. Есть задача: повернуть нижнюю часть блока под определнным градусом, пример на картинке Вместо черного блока будет изображение на всю ширину экрана.. На форуме нашел подобную тему http://htmlforum.ru/index.php?showtopic=52365&hl=%2B%D0%BF%D0%BE%D0%B2%D0%B5%D1%80%D0%BD%D1%83%D1%82%D1%8C+%2B%D0%B1%D0%BB%D0%BE%D0%BA#entry350534 но есть ли другое решение?

    Asked by Temiks,

    0 votes
    11 answers

  22. встраивание картинки в css\html

    Добрый вечер всем, у меня вопрос, как в css одну картинку положить на бэкграунд? Вот у меня есть код бэкграунда body {background-color:#ffecc7;background-size: 100% 100%;background-repeat: no-repeat; } Это у меня фон,он на весь экран но я хочу еще картинку\или некую область определенного цвета которая ляжет поверх этой, но будет меньшего размера. Например я хочу зеленый "квадрат", который будет по центру этого фона, как это сделать?

    Asked by Raunchy,

    0 votes
    6 answers

  23. Body height: 0;

    Как вы думаете, нулевая высота боди этого сайта http://www.shtab.net.ua/ результат грубой ошибки или приём, о котором я не знаю? Как мне кажется, содержимое боди имеет флоат, а очистить забыли.

    Asked by seemax,

    0 votes
    2 answers

  24. Корректное использование правила

    Доброго дня уважаемые коллеги. Подскажите пожалуйста, корректно ли я пользуюсь свойством flex-grow для того, чтоб элемент занял все доступное пространство? Пример: https://jsfiddle.net/uvbc8wtc/ П.С. Только, пожалуйста, не надо цитировать справочник. Прекрасно знаю, что это свойство "Определяет жадность отдельного элемента относительно других" и т.д. Интересует или может можно как-то по другому автоматически заполнить все доступное пространство и вообще правильно ли я делаю все таким образом. Заранее спасибо за любую помощь.

    Asked by Velidan,

    0 votes
    1 answer

  25. Путь к росту, заработку.

    Доброго здравия всем. Скажите, изучены основы HTML, CSS, Javasript. Но вот научится по настоящему и освоить все это можно только из практики. Скажите где и как практиковались, может можно найти ресурс, где даются задания для начинающих мастеров, чтобы набить руку, или мелкие заказы, где можно и еще чуть -чуть подзаработать. Спасибо.

    Asked by bumerkz,

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