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. Как сделать так, чтобы раскрывающееся меню(toggle) сдвигало контент сайта

    Добрый день! У меня меню себя ведет странно. Не хочет сдвигать вниз остальной контент. Хотелось бы, чтобы было как в примере: http://cssr.ru/simpliste/_xtensions/snippets/responsive_navigation/toggle_menu.html Html: <!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="description" content="Création des sites web responsives, des thèmes WordPress. Intégration HTML, CSS, jQuery. Création et intégration des maquettes pour l’emailing. Localisation des sites web et des newsletters "/> …

    Asked by prweb,

    0 votes
    1 answer

  2. Как увеличить размер ссылки?

    Как увеличить размер области для клика в меню? По умолчанию ссылка срабатывает только если кликнуть на текст "главная". А как сделать, чтобы по всему li можно было нажать и перейти? пробовал указывать ширину и высоту для a, li, ul - всеравно не работает Вспомнил. Я же уже сталкивался с этим. нужно ссылке прописать дисплей:блок

    Asked by nikki4,

    0 votes
    1 answer

  3. Верстка многоуровневого списка в таблице

    Добрый день! Есть необходимость сверстать таблицу с подобной структурой Пробовал сделать так http://jsfiddle.net/j8xdzxr3/ но при этом не формируется многоуровневая нумерация - второй уровень вложенности нумеруется как первый уровень. Спасибо

    Asked by avicber,

    0 votes
    1 answer

  4. Полоска меню во всю ширину экрана

    Друзья, приветствую и прошу помощи. Подскажите пожалуйста, как сделать полоски меню во всю ширину экрана (оранжевые) на сайте http://diagnostmaster.ru То есть чтобы они фоном выходили за длину в 1110 px. Заранее благодарен.

    Asked by daft,

    0 votes
    1 answer

  5. bootstrap 3 и длинные поля таблиц

    В twitter bootstrap 3 если информация в поле таблицы очень длинная то таблица становится не очень читабельной. Поле становится очень широким и если не влазит то переносится. Видел примеры как поля делаются отдельным слоем и если очень длинные то заезжают за следующее поле без переноса. Подскажите есть ли в bootstrap готовое решение или как это лучше сделать?

    Asked by z3r9,

    0 votes
    1 answer

  6. Как отцентрировать блок поверх видео?

    Подскажите, как можно отцентрировать блок #myblock поверх видео? <div id="trailer" class="is_overlay"><video id="video" width="100%" height="auto" autoplay="autoplay" loop="loop" preload="auto"><source src="http://5thedgestudio.at.ua/img/back.mp4"></source></video></div><div id="myblock">Мои любые данные</div>.is_overlay{ display: block; width: 100%; height: 100%; }#trailer {position: fixed;top: 0; right: 0; bottom: 0; left: 0;overflow: hidden;;}#trailer > video {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index:-1000;}@media (min-aspect-ratio: 16/9) {#trailer > video { height: 300%; top: -100%; }}@m…

    Asked by _ZheKA_,

    0 votes
    1 answer

  7. Подсветка чекбокс при наведении

    Коллеги, подскажите как сделать чтобы при наведении на чекбокс тот менял цвет рамки Стандартный чекбокс я скрыл. Вместо него я поставил .form-checkbox__label::before - новый чекбокс. Как прописать его поведение при наведении? Попробовал .form-checkbox__label::before:hover - не получается. Но нужно еще сделать так, чтобы при наведении на текст он тоже менял цвет http://codepen.io/anon/pen/gaqZYd

    Asked by yaparoff,

    0 votes
    1 answer

  8. Верстка мобильной версии

    Доброго времени суток. Подскажите пожалуйста какой-нибудь CSS Фреймворк для мобильной версии сайта. Не адаптив - а именно только для мобилы. Где вообще можно посмотреть пример каркаса? ) Скинули макет с шириной 360px. Кто как верстает мобильные версии? )Скиньте пример плз

    Asked by dion,

    0 votes
    1 answer

  9. Чтобы input переключался

    Нужно, чтобы инпуты переключались Сейчас, когда нажимаешь на каждый, это выглядить так (т.е. подсвечиваются все): Как это исправить? http://codepen.io/anon/pen/avXRQx

    Asked by yaparoff,

    0 votes
    1 answer

  10. как сделать чтобы вложенный div расхлопывался правильно?

    Скорее всего вопрос очень популярный, но не знаю как его нагуглить. Вот код разметки на базе AngularJS. Проблема с последним вложенным дивом в котором выводится кнопка: {{a.subanswer}} При выводе пунктов все расползает. Вот так: http://img.ctrlv.in/img/15/11/18/564c471fa240c.png Как сделать, чтобы подпункты просто выводились в одну линию без расползания верних пунктов в одну линию. <div ng-repeat="answer in question.answers" class="user-answer-block"> <button class="btn" ng-class="{'btn-primary': answer.isSelected}" ng-disabled="answer.isDisabled" ng-click="setChoice(ans…

    Asked by Suliman1,

    0 votes
    1 answer

  11. Круглый фон с возможностью ресайза

    Верстаю страницу которая будет отображаться в приложении на iPad, то есть будет работать только в WebKit. Проблема такая, есть заголовки, в форме h4 > i > b или h4 > b > i, в последнем теге номер, дальше идёт сам заголовок, задача такая: надо чтобы этот номер был в круге, белый шрифт на сером круге. Сделать такое не сложно, но в приложении есть функции масштабирования, я её сделал так: function changeScale(percent) { document.getElementsByTagName('body')[0].style.webkitTextSizeAdjust = percent + '%';}При изменении масштаба этот круг плывёт как только его душе угодно, то цифра уходит за круг, то круг в овал превращается и т.д. и т.п. Как сделать нормальный…

    Asked by Fraronoron,

    0 votes
    1 answer

  12. Грамотная адаптивная верстка

    Всем доброго времени суток. При адаптивной вёрстке вы заморачиваетесь такими вещами как: -PageSpeed(использование кэша браузера и т.п.) -Оптимизация файлов(подключение/отключение требующихся скриптов, картинок и т.п. при разных расширениях, то есть не просто все(что нужно и не нужно) подгружать при всех расширениях) Я о подобных вещах читал в книге Итана маркотта: отзывчивый веб-дизайн. Или всем этим занимается кто-то другой(seo и т.п специалисты)?

    Asked by Flexible Curd,

    0 votes
    1 answer

  13. Помогите с фоном

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

    Asked by Den4ik1,

    0 votes
    1 answer

  14. Как сделать сетку?

    Всем привет, есть задание(написано ниже), хотелось бы понять как можно менять сетку от размеров экрана,используя css и html Если это вообще возможно не используя js Заранее спасибо за ответы Задание: Сверстать сетку из 9 квадратов. Каждый квадрат обрамлен серой рамкой в 1 пиксель. Расстояние между блоками 5 пикселей. На экране шириной свыше 1000 пикселей блоки располагаются сеткой 3 блока на 3. На экране от 600 до 999 пикселей блоки располагаются по 2 в ширину, 9-й блок скрывается На экране меньше 600 пикселей блоки отображаются по 2 в ширину, но ширина и высота блоков становится по 200 пикселей.

    Asked by gummmy,

    0 votes
    1 answer

  15. Слайдер

    Добрый день! Имею вот такой десктоптый слайдер http://prntscr.com/97jveb. Естественно, диз мобильный вариант макета не предоставил, приходится включать смекалку и соображать адаптивную версию самостоятельно. Во всех знакомых мне сладерах, которые нужно подключать(например, тот же bx slider) он просто резиново уменьшается и в большинстве представленных вариантов нет текста. Может, в этом случае на мобилке лучше скрывать какие-то элементы, или по другому представлять или просто убирать его на мобильной версии...не знаю. Ребят,а как такой слайдер лучше отобразить на мобильной и планшетной версии?Буду рада вашим предложенным вариантам!

    Asked by Кнопа,

    0 votes
    1 answer

  16. Форма работает не как надо(

    Здравствуйте! Пишу уже от безысходности, ибо 6 часов на это уже убила... Помогите. пожалуйста( Я не верстальщик ни разу, в хтмл и пхп знаний вообще никаких. Понадобилось на сайт к существующей работающеформе добавить прикрепление файлов. Сайт (форма во втором блоке дегустации) - http://up-biz.ru/

    Asked by Eka,

    0 votes
    1 answer

  17. Не корректно работает скроллинг

    Добрый день помогите разобраться, почему не корректно работает скроллинг, проблема вот в чем меню фиксированная при переходе по ссылке должна спускатся на раздел но она спускается но при этом закрывает заголовок и если второй раз на жать тогда и спускается и заголовок как можно решить эту проблему http://front-end.hol.es/landing/

    Asked by pitbuli,

    0 votes
    1 answer

  18. Не прокручивается содержимое всплывающего окна на айфонах

    Здравствуйте. Сверстал сайт - он здесь - и там есть несколько всплывающих окон, с большим кол-вом полей, и на мобильных такие формы, естественно, целиком не видны. Но на андроидах они внутри формы прокручиваются. А на айфонах, как пишут те, кто тестировал - "форма словно прилипла". Есть какие-нибудь соображения, с чем это может быть связано?

    Asked by Дмитрий2,

    0 votes
    1 answer

  19. Text-align-last

    Здравствуйте. Во первых спасибо Максиму за прекрасную статью про равномерное выравнивание инлайн блоков по горизонтали. Пользуюсь регулярно и мне стыдно что пока не перешел на флексбоксы:-) Проблема возникла около месяца назад при обновлении браузеров. Если стоит text-align-last для ul, то все что есть внутри тоже ровняются последней строкой justify. Теперь приходится указывать для внутренних элементов text-align-last чтобы контент нормально показывал. Раньше обходились только с указыванием text-align для li, теперь не катит такое. Вопрос, отныне так и должно быть? Что произошло с браузерами, они были или стали умнее?:-)

    Asked by Нарек,

    0 votes
    1 answer

  20. Как зафиксировать бекграунд, чтобы фоновая картинка не плавала?

    Из фотки сделал новый фон (он виден по краям только на больших экранах>1280px) http://www.vvd.su/ Но на каждой странице он по разному отображается. Сначала я думал это связанно с разными шаблонами страниц привязанных к пунктам меню и там всякие отступы. Однако нашел, вот есть две идентичные страницы про трубы каменки, один шаблон, даже текст почти тот же. http://www.vvd.su/dymokhodnye-sistemy1/keramicheskie-dymokhody/truba-kamenka http://www.vvd.su/dymokhodnye-sistemy1/keramicheskie-dymokhody/truba-kamenka-1 тем не менее фон плавает -это можно заметить если открыть в двух вкладках и переходить между ними как зафиксировать фоновую картинку, чтобы везде была одинак…

    Asked by nikki4,

    0 votes
    1 answer

  21. Проблема с фоном

    Подскажите, как добавить два фона: цвет и картинка. То есть, при наведении блок затемняется и поверх появляется картинка с лупой. Этот код не срабатывает: a.box:hover { background: rgba(0, 0, 0, 0.7) url(../img/fon.png)no-repeat bottom right;}

    Asked by Fendia,

    0 votes
    1 answer

  22. Проблема с событием убирания мышки

    Здравствуйте. Есть некая разметка с множеством одинаковых элементов. При наведении мышки на элемент вызывается скрипт который присваивает элементу CSS класс и перемещает его положение в DOM через appendChild (т. к. речь я веду об SVG, это перемещает его на передний план; в SVG это единственная замена z-index; при том элемент не меняет x и y координат). Когда пользователь убирает мышку с этого элемента, должен вызываться скрипт, удаляющий CSS класс. Этого не происходит. Методом проб и ошибок я понял, что, возможно, проблема в том, что, так как элемент переместился в DOM, браузер забывает о том, что на этом элементе было событие наведения курсора, и, как следствие, не вызыв…

    Asked by Heijey,

    0 votes
    1 answer

  23. Отличие отображения вёрстки в iPad и в Сhrome

    Здравствуйте. Не могу понять почему в iPad вёрстка не растягивается по всей ширине экрана, т.е. там есть горизонтальный scroll и за границами этого скролла блоки не растягиваются, а становятся фиксированными. Это лендинг и есть такой вот код: <div class="fullpage"><div class="section" id="section1"></div><div class="section" id="section2"></div><div class="section" id="section3"></div><div class="section" id="section4"></div></div>Так вот, например блок section3 шире, чем другие и из за этого получается горизонтальная прокрутка в iPad'е. На персональных компьютерах такой проблемы нету, т.к. остальные блоки подстр…

    Asked by prowoke,

    0 votes
    1 answer

  24. img

    здравствуйте. Я извиняюсь, вы не могли бы подсказать кое-что? Вот, есть форум: http://forum.playmu.su/ начиная с разрешения 1366 по ширине и выше - все работает отлично. А если ниже - картинку начинает обрезать по краям. Вы не знаете, как это исправить? Нужно, чтобы картинка уменьшалась ( как содержимое сайта ) с уменьшением размера экрана. http://prntscr.com/9cjmjy

    Asked by Xizt,

    0 votes
    1 answer

  25. Проблема с выпадающим вертикальным меню

    Помогите пожалуйста. Сделал вертикальное меню, в нем есть второй уровень вложенности. Когда наводим на пункт меню - показываются подпункты. Но они сдвигаются относительно родителя. Никак не пойму, что относительно чего нужно позиционировать. Как убрать сдвиг? Мой код здесь

    Asked by alex_avd,

    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