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. Точки поверх background-image

    Всем привет, может кто-нибудь знает как сделать такой слой с точками на/над background-image : http://prntscr.com/dfahe3 ?

    Asked by Alexandr37,

    0 votes
    3 answers

  2. Проблема с позиционированием блоков Bootstrap

    Доброго времени суток,я уверен что такая тема поднималась миллион раз,но я не могу правильно сформулировать поисковый запрос))) В общем внимание на экран: http://joxi.ru/1A5avYnsPZaXAE Как мне поднять блок футер наверх?

    Asked by f4rr3ll90,

    0 votes
    3 answers

  3. Как размножить элементы в js?

    Нужно сделать "Летающие кружочки" которые заполнят страницу на указанную высоту. В настройках скрипта нужно иметь возможность указать высоту и ширину распределения объектов, количество копий. Пример распределения объектов во вложении Элементы сделаны с помощью css Должно быть 4 цвета Заготовка: http://codepen.io/seetvael/pen/GjBmbm Пример сделанный с помощью canvas http://codepen.io/seetvael/pen/eBrgVj Он не подходит, так как нужно чтобы элементы могли быть выше одних элементов страницы (инфо блок) и ниже других (меню). Кроме того в примере элементы движутся только при наведении мыши, а не постоянно. Canvas сильно тормозит. Цвет, размер и а…

    Asked by seetvael,

    0 votes
    3 answers

  4. Как разместить фоновую картинку в нужное место

    Есть блок с текстом. Скажите, можно ли как-то фоновую картинку разместить в этом блоке справа. Вот заготовка - https://jsfiddle.net/22gLeLLo/ Блок я специально сделал узким. Необходимо что бы картинка немного сжалась пропорционально и полностью поместилась в блок. Кстати, всё необходимо сделать в одном блоке.

    Asked by alleclf,

    0 votes
    3 answers

  5. Как написать прогу

    Всем Привет! Есть калькулятор на пк. как сделать так, чтобы он автоматически выводил результат, при указании ему количества . Т.е одной единице нужно как-то присвоить значение, и чтобы он умножал это значение на указанное количество. Может есть простое решение ? P/s - знаю только ccs+html и чуток php

    Asked by Анатолий1944,

    0 votes
    3 answers

  6. Укажите на ошибки верстки

    Нарисовала и сверстала свой первый сайт. Прописывала под разные разрешения экранов опр комментарии - все равно отображается некорректно. Уже задолбалась ))). Подскажите по пунктам что нужно исправить чтобы все было ровненько и красивенько . Залила на беспл хостинг - вот смотрю как он себя ведет - неочень вот ссылка на мой сайт http://alenagrinchenko.zzz.com.ua/index.html

    Asked by Алёна Гринч,

    0 votes
    3 answers

  7. Эффект печатающегося текста

    Подскажите, как сделать средствами CSS, но не скриптами, чтобы каждая строка начинала прописываться после того, как предыдущая закончила прописываться. Сейчас все строки прописываются одновременно. HTML: <p class="text-typing">1 строка</p> <p class="text-typing">2 строка</p> <p class="text-typing">3 строка</p> <p class="text-typing">4 строка</p> CSS: .text-typing { width: 21em; color:green; font-size: 22px; font-family: 'Marck Script', cursive; white-space:nowrap; overflow:hidden; -webkit-animation: type 5s steps(34, end); animation: …

    Asked by StOK,

    0 votes
    3 answers

  8. Сделать <span> неактивным

    Такой вопрос - есть правило для ссылок pointer-events: none; позволяющее сделать ссылки неактивными, у меня есть span - в нем иконсет распределенный через backgroung-position для будущих страниц сайта, есть ли правило для span позволяющее сделать так, что бы при нажатии на него ничего не происходило(в данным момент при нажатии на картинку перекидывает на главную

    Asked by Владимир Горинов,

    0 votes
    3 answers

  9. Нужен ли Sass

    Здравствуйте, изучил технику SASS, всё удобно и разные библиотеки радуют но, стоит ли всегда работать только с этой техникой? заглядывая лишь изредка в исходный .css

    Asked by aqua.77,

    0 votes
    3 answers

  10. Как зафлоатить инпут?

    Помогите пожалуйста, не получается сверстать вот такую банальную навигацию .. Пробывал уже и inline-block, и флоат .. Но инпут не прижимается к правому боку. Можете ответ не говорить, скажите что не так делаю, и что поправить. Вот мой измученый код: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> example </title> <link type="text/css" rel="stylesheet" href="style.css"> </head> <body> <ul> <li><a href="#">Home</a></li> <li><a href="#">News</a></li> <li><a href="#">Blog</a></li> …

    Asked by Hasiev,

    0 votes
    3 answers

  11. Позиционирование. Как такое реализовать?

    Привет всем! Интересует такой интересный вопрос, реализацию которого я увидел в чате Вконтакте. Там сверху чата выводится дата сообщений поверх всего, но фишка в том, что данный блок как бы не дает на себя спозиционироваться что ли... Т.е. я спокойно могу начать выделение текста в чате под данным блоком. Как реализовать такую возможность? Как я знаю, если вывести блок поверх всех через z-index, то и все действия будут происходить именно в его зоне, а не под ним. А тут как бы происходит его игнорирование, хотя данный блок находится наверху всех. Надеюсь понятно объяснил)))

    Asked by MiHALbI4,

    0 votes
    3 answers

  12. Приоритет наложение слоёв

    Свойство z-index как правило применяется только исключительно к позиционированным элементам (relative, absolute, fixed и т. д.) Вот есть элемент Р и Н1, Р находится под Н1 потому что у Н1 задан приоритет слоя z-index:2; Далее у Р есть вложенный элемент EM у которого z-index ещё больше чем у H1, но так как ЕМ не позиционированный он не должен налаживаться на Н1 но, если его контейнеру Р присвоить display:flex; так ЕМ сразу начинает налаживаться на H1. Почему такое поведение?

    Asked by aqua.77,

    0 votes
    3 answers

  13. Таб, Фильтр

    Подскажите как сделать такой таб и фильтр?

    Asked by ijsico,

    0 votes
    3 answers

  14. Выровнять текст по вертикали

    Нужно выровнять текст по вертикали <p class="user__name"></p>

    Asked by yaparoff,

    0 votes
    3 answers

  15. HTML и CSS изображения и текст на них!

    Мне нужна помощь, как создать иерархуию изображений, чтобы одно накладывалось на другое ( у меня получается обычно наоборот, так же в коде я менял позиции ). Так же еще один вопорос, как на это изображение налепить текст, который был бы кликабелен?

    Asked by Requiemrekt,

    0 votes
    3 answers

  16. Путь к файлу css

    Подскажите пожалуйста правильный алгоритм путешествия к файлу main.css, у меня index.html находится в дочерней папке, как именно указать в хеде путь к главному css

    Asked by Владимир Горинов,

    0 votes
    3 answers

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

    Задача: При изменении размеров окна элементы должны фейдиться. То есть исчезать с эффектом. я так полагаю, что нужно делать через скрипт. Прошу помощи и мудрого совета.

    Asked by tefery,

    0 votes
    3 answers

  18. Что делать дальше?

    <h1>Всем привет.</h1> <p>Возникла большая проблема Неделю назад я начал верстать свой первый сайт. И сегодня уже готовые 3-4 его страниц на html. У меня будет свой блог. Но вот что делать дальше? Как упростить жизнь? Искал в Интернете, что нужно установить движок, чтобы автоматизировать действия на сайте. Но от этих CMS меня тошнит. Буду делать свой CMS. Смотрю уроки по созданию этого движка. Смотрю также уроки по PHP. . Это просто бардак.</p> Что нужно сразу делать после верстки?

    Asked by Ronin1999,

    0 votes
    3 answers

  19. Background и ширина

    Есть фон сайта.(jpg картинка 1920х1080) Bootstrap вёрстка. При уменьшении ширины окна браузера фон ведёт себя совсем непредсказуемо. Вместо того, что бы картинка оставалась прикреплённая к body, появляется чёрная область. Картинки в спойлерах.

    Asked by P0jar,

    0 votes
    3 answers

  20. Подскажите как грамотно сверстать???

    Подскажите как грамотно сверстать этот блок?

    Asked by MegaQiwi,

    0 votes
    3 answers

  21. Вопрос по php

    Здравствуйте, столкнулся с проблемой при отправке сообщения через форму обратной связи получаю ошибку: Warning: Cannot modify header information - headers already sent by (output started at Z:\home\konfety.by\www\submit_now.php:1) in Z:\home\konfety.by\www\submit_now.php on line 28 Сам файл формы, на который ругается сайт, при отправке. Скрытый текст <?PHP $to = "email@gmail.com"; $subject = "Письмо с формы сайта"; $headers = "От: Наша компания"; $forward = 1; $location = "result.html"; $date = date ("l, F jS, Y"); $time = date ("h:i A"); $msg = "Сообщение было отправленно с сайта $date, hour: $time.\n\n\n\n"; if ($_SERV…

    Asked by MadSandwich,

    0 votes
    3 answers

  22. Не работает открытие ссылки в фоновой вкладке

    При клике колесом мыши (или левой кнопкой мыши при зажатом Ctrl) по темам форума, они не открываются, при том не у всех. Общался с администратором, он чистил куки, кэш и прочее. В чём проблема и как это можно исправить?

    Asked by iBars,

    0 votes
    3 answers

  23. Fancybox убрать стрелочки

    Доброго времени суток всем, такая вот у меня смешная проблема... Не получается убрать стрелки и крестик тоже, а вот попробовал padding изменить все получилось, подскажите пожалуйста в чем причина? $container.find('a').fancybox({ 'transitionIn' : 'elastic', 'transitionOut' : 'elastic', 'speedIn' : 200, 'speedOut' : 200, 'overlayOpacity' : 0.6, 'arrows' : false }); если нужно какой либо еще код скажите, я все добавлю, заранее спасибо.

    Asked by KamZed,

    0 votes
    3 answers

  24. При наведении на блок вывести мета инфо

    Доброго вечера форумчане . После просмотра уроков верстки, решил самостоятельно сверстать макет (скачать) При наведении на .about-team, мета должна выезжать вверх c прозрачным фоном и так-же появляются соц сети, уже несколько часов ломаю голову, но никак не получается сделать все нормально, взглянув на код вы сами сделаете выводы)) Уважаемые эксперты, просьба: Направьте меня на путь истинный. Как бы вы все это оформили? п.с Простите за быдло код <section class="team center-block-main"> <h2>Meet Us</h2> <div class="about-team"> <img src="image/team-1.jpg">…

    Asked by ShaxaY,

    0 votes
    3 answers

  25. Отмена события щелчком мыши

    При наведении указателя мыши объект появляется, при отведении указателя мыши объект удаляется. Применил функцию off чтобы, при нажатии объект не удалялся при отведении мыши. Как сделать чтобы при обратном щелчке вновь объект удалился и работал как прежде? https://jsfiddle.net/zb9q7e8b/2/

    Asked by aqua.77,

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