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. смещается выпадающее меню во время отрисовки

    помогите пожалуйста поправить выпадающее меню в bootstrap-вёрстке в адаптивной вёрстке в шапке поведение элементов в общем меня устраивает. красиво элементы я размещу позже но при малой ширине экрана(когда меню превращается в значок, расположенный в верхнем правом углу) после клика на этот значок меню открывается, затем смещается под лого, при этом не заполняет на 100% ширины экрана. в этом проблема. нельзя ли заставить это выпадающее меню показываться любым нормальным способом? вот fiddle, если так удобнее

    Asked by cyklop77,

    0 votes
    4 answers

  2. Текст в div-e

    Люди добрые, помогите. Не получается поднять заголовок в самый верх div-a и сократить интервал между ним и текстом. В гугле не забанен, но все равно решение найти не могу ( Пробовал vertical-align - не получается

    Asked by yaparoff,

    0 votes
    4 answers

  3. Колонки одинаковой высоты с разделителем

    Нужно сверстать это: Это 3 колонки, в каждой будет текст. Я сверстала пока без кружочков, просто вертикальную черту в качестве border, но возникла проблема с разной высотой колонок. Может быть есть какие-то решения?

    Asked by Светлана Г.,

    0 votes
    4 answers

  4. как сделать такой бордер?

    всем привет как можно реализовать такой бордер чтоб слева сверху такой был? http://jsfiddle.net/d8L9oj8n/19/ или эт надо картинкой прикручивать уголок этот ?

    Asked by tr0nik,

    0 votes
    4 answers

  5. HTML5. section>aside

    А ведь нельзя же в aside вложить section?

    Asked by DivMan,

    0 votes
    4 answers

  6. Очень нужна помощь HTML+CSS+JS

    Суть вопроса: в HTML страничке реализована анимация средствами CSS: // CSS .fon_animate{ ...width: 0px; animation: timing_left 2s ease forwards;}@keyframes timing_left { 100%{ width: 400px; margin-left: 0px; }}//HTML <div class = "fon_animate" style="top:250px; animation-delay: 1s"> <img src = "../res/img/blank.png"></div>Необходимо по кнопке клавиатуры, например пробел, либо сокращать время анимации до нуля, либо переходить к 100% анимации. Я так понимаю это можно реализовать средствами JQuery. Очень буду рад и благодарен за помощь!

    Asked by dobryc,

    0 votes
    4 answers

  7. Тело страницы всегда по центру

    Доброго всем времени суток! Возник такой вопрос: есть блок, внутри которого базируется всё содержимое страницы. Что бы его центрировать, используется достаточно простая конструкция: #pageBody {width: 1000px;margin: 0 auto;}Но когда содержимое страницы по высоте выходит за рамки окна, появляется полоса прокрутки и блок слегка съезжает. Хотелось бы узнать, реально ли как-нибудь избежать этого, не прибегая к абсолютному позиционировнанию? Заранее благодарю за любой совет!

    Asked by NapalmRain,

    0 votes
    4 answers

  8. картинки

    скажите если я хочу сделать фон как на этом сайте http://www.alpinabook.ru/ , обои с книгами. Как найти его?

    Asked by Leyla84,

    0 votes
    4 answers

  9. Masonry: странное поведение

    Здравствуйте! Впервые решила использовать на сайте библиотеку Masonry. Вот так подключаю: <ul id="masonry" class="js-masonry clearfix" data-masonry-options='{ "columnWidth": 210, "itemSelector": ".item", "gutter": 10 }'> Но при тестировании обнаружилась странная проблема. если страницу просматривать в Safari под Windows 8, то сначала страница выглядит так: Затем, если изменять ширину экрана вручную, то все встает на свои места. И еще в других браузерах сначала картинки выстраивались в один вертикальный ряд, а после изменения ширины экрана - также все восстанавливалось. В чем может быть проблема?

    Asked by Светлана Г.,

    0 votes
    4 answers

  10. Резиновый двухколоночный макет с фиксированной шириной правого блока

    Пытаюсь сверстать адаптивную вёрстку сайта с двумя колонками. Я сделал два блока с атрибутами inline-block внутри общего контейнера. Задал левому ширину 80%, а правому 20%. И задал min-weight и max-weight. Но теперь моя задача усложнилась. Мне надо, чтобы правая колонка всегда была 200px, а левая заполняла всё оставшееся место. Можно так сверстать с помощью float и margin-right. Но мне нужно, чтобы правая колонка проваливалась вниз при достижении min-width для левой колонки. Как это можно сделать?

    Asked by PavelTkachev,

    0 votes
    4 answers

  11. Макеты с исходным кодом

    Здравствуйте! Подскажите пожалуйста, где можно скачать psd макет сайта и его исходный код чтобы видеть как в том или другом месте сверстано и сравнивать свое. Заранее благодарен!

    Asked by FitTech,

    0 votes
    4 answers

  12. Как применять вч сч нч запросы?

    Здравствуйте. Недавно в процессе столкнулся и немного почитал про такие понятия, как перелинковка и вч сч нч запросы. Вроде бы всё понял - что это и для чего, но так и не догоняю - мне, как разработчику сайта и человеку, наполняющему сайт контентом, куда вставлять эти самые вч нч запросы? Это просто определенные подобранные слова прямо в теле текста на страницах или это - те самые ссылки для перелинковки, которые надо именовать соответствующими вч нч запросами?

    Asked by spaceboy,

    0 votes
    4 answers

  13. Флеш баннер для андроида

    Здравствуйте, подскажите пожалуйста...Есть сайт с таким то адресом http://svtihon.ru/ на нём установлен флеш баннер в левом ферхнем углу. Создан в программе макромедия флеш 6.0 и всё бы ничего, на всех браузерах всё показывает. НО! запустил планшет (андроид 4) и кароче капец. Не видит, тока значок, показывающий бессилие браузера вместо картинки....Кто может что посоветовать? подскажите пожалуйста, файл .swf. Гифку ставить неохото уж больно много весит, аж в три раза толще Спасибо

    Asked by zhevtan,

    0 votes
    4 answers

  14. проблемы с z-index на кнопке

    Всем привет! Озадачился с проблемой(подробнее на картинке): Нюанс - Черепашка относится к Layer1 как одна общая картинка. Если Layer1 по z-index выше то я не могу нажать Button1 Если Layer 2 по z-index выше то черепахе голову обрубает)

    Asked by klon_008,

    0 votes
    4 answers

  15. Не работает vertical-align

    Здравствуйте! Столкнулся с такой проблемой: vertical-align отказывается работать - при установке значения "middle" выравнивает по верхнему краю, не могу понять почему... Возможно, сталкивался кто-то? HTML: <div id="menu"> <a title="Главная страница" href="http://www.torawhite.ru/" target="_self" id="home"></a> <a href="#" target="_self" id="magazine">ЖУРНАЛ</a> <a href="#" target="_self" id="market">МАРКЕТ</a> <a href="#" target="_self" id="more">ЕЩЕ</a> </div> CSS: #menu { position: absolute; height: 30px; width: 268px; bottom: 5px; left: 0px; } #men…

    Asked by Torawhite,

    0 votes
    4 answers

  16. Как создать сайт на подобие Dotabuff?

    Как они базу данных взяли и откуда и как вставили

    Asked by RuslanHeYca4ev,

    0 votes
    4 answers

  17. Картинки с сылкой в ряд по горизонтали по центру блока с авто margin

    Доброе утро всем. Начал переделывать сайт под различные девайсы, айпад и тд. Столкнулся с такой проблемкой. Как сделать картики ссылкой в ряд по горизонтали, но чтобы они были по центру блока, если реально то с авто оступами. Проблема в том, что при уменьшении окна, если картинка не влезает, она переносится по левому краю и остается большой кусок пустым это если я использую float left, если его не использовать тогда они у меня выстраиваются по центру но по горизонтали. Вобщем, чтобы понятней было скриншот и приблизительный код ниже: <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> body { ma…

    Asked by bobsa,

    0 votes
    4 answers

  18. Скрипт прелоадера для input

    Есть поле вводишь первые буквы названия, подгружается список, как это напрмер на сайте поиска авиабилетов. При поиске идет задержка, хотел в input вывести гифку прелоадера загрузки, пока идет запрос. Есть какие-то готовые библиотеки? Гуглил ничего не нашел )

    Asked by okunev2,

    0 votes
    4 answers

  19. Fancybox и Bootstrap у меня не дружат

    Здравствуйте. Решил вот попробовать Bootstrap 3 в одном проекте, в котором галерея сделана на Fancybox и выяснилось, что они используют разные версии jQuery: Bootstrap 3 хочет jQuery 1.11.1, а Fancybox подавай jQuery 1.3.2. Соответственно, работает либо то, либо это. Никто померить не пробовал? Возможно ли это?

    Asked by toman,

    0 votes
    4 answers

  20. Баг с скриптами

    Ребят,столкнулся с такой проблемой,которая меня собственно удивила,у меня есть 3-и блока (Шевченко,Симоненко...). Надо сделать так,что бы при наведении на них,рамка меняла цвет что я собственно и сделал,но почему то у меня начали глючить скрипты,вот как на скрине. http://hostingkartinok.com/show-image.php?id=01deb0be16ab76270d352adb863b6878 (вк,фейсбук) Был такой вот код #block { background: none repeat scroll 0 0 #DDE7F1; border: 10px solid #627CD2; border-radius: 10px 10px 10px 10px; float: left; height: 291px; padding: 5px; position: relative; top: -42px; width: 291px; margin: 10px 0;}я просто ниже добавил #block:hover { border: 10px s…

    Asked by vitaxastifler,

    0 votes
    4 answers

  21. Не получается плавный скроллинг

    Вот пациент http://whoiwas.ru/work/cafe/. Вроде все библиотеки подключил, скрипт настроил. А ничего не получается.

    Asked by Tobey,

    0 votes
    4 answers

  22. Не работает border-image

    http://whoiwas.ru/work/window/ - вот тут код. Попытался в инпутах формы сделать border-image. Но бордера как-такового нету. Только углы видно.

    Asked by Tobey,

    0 votes
    4 answers

  23. Как убрать границу?

    Добрый день. На сайте в блоке "Что мы предлагаем" если подвести мышь к заголовку либо тексту слева от него появляется белая линия, но когда курсор отвожу линия не исчезает. Подскажите пожалуйста, как справиться с этой бедой?

    Asked by jdk,

    0 votes
    4 answers

  24. Плагин для отображения каскада в браузере

    Здравствуйте. Довелось тут перевёрстывать шаблон один, так вот там мало классов и id, одни каскады, причём очень длинные. Хотел свой прописать, но не получается, может элемент какой пропускаю. Есть ли какая софтина, которая бы показывала полный каскад до элемента? Скажем открываю я средства разработки браузера, тыкаю на элемент, а он мне строку показывает: body>#superid>.superclass>div>div spanГуглил, но ничего не нашёл похожего.

    Asked by Sigizmund,

    0 votes
    4 answers

  25. Вертикальное центрирование внутри блока

    И снова очередной чудо-макет. http://jsfiddle.net/gcuxgc71/ В макете кнопка у которой содержимое с классом items_name может быть из одной, двух и трёх строчек. Поэтому остальные блоки нужно всегда выводить по центру. Есть ли возможность не используя таблицы выравнивать текстовые элементы по-вертикали по центру?

    Asked by PavelTkachev,

    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