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 3 и IE7+

    Всем привет! Опять взываю умы верстки! Решил сделать небольшое приложение, которое должно без проблем запускаться в IE7+ и других браузерах. Решил использовать bootstrap для ускорения работы (на деле вру, но отступать уже поздно), ну и В общем то IE7, 8 в сторонке лежат и ножкой дрыгают, что делать господа? Выкладываю скриншоты и соус. Предположим 3 колонки: https://www.dropbox.com/s/2y4vusiie3vvkj3/%D0%A1%D0%BA%D1%80%D0%B8%D0%BD%D1%88%D0%BE%D1%82%202014-01-24%2010.44.07.png А вот результаты IE7-8 и Opera: https://www.dropbox.com/s/wfwr43v2hrb2563/%D0%A1%D0%BA%D1%80%D0%B8%D0%BD%D1%88%D0%BE%D1%82%202014-01-24%2010.44.18.png https://www.dropbox.com/s/5f89m07ipo5a2fi/…

    Asked by Ateiri,

    0 votes
    4 answers

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

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

    Asked by z3r9,

    0 votes
    1 answer

  3. Bootstrap 3 проблема в мобильном меню

    Всем привет! Подскажите пожалуйста, как решить данную проблему? На телефоне раскрыты сразу все пункты подменю внутри самого меню, мне же необходимо, чтобы при открыии меню, пункты навигации у подменю были скрыты, и раскрывались лишь при клике. Как можно решить данную проблему не дублируя код и создания отдельной навигации для телефонной версии?Код вёрстки <!-- MainNav --> <nav class="navbar-collapse collapse" id="mainnav"> <ul class="nav navbar-nav"> <li class="dropdown active"><a href="./">Home</a> <ul class="dropdown-menu"> …

    Asked by REDGROUP,

    0 votes
    4 answers

  4. bootstrap 3, горизонтальная прокрутка

    Нужно реализовать на бутстрапе, чтоб контено прокручивался не по вертикали, а по коризонтали. Те вертикальной прокрутки не должно быть. Можно штатными способами? Или нужен плагин (слайдер)? Если слайдер - то нужно, чтоб работал и от мышки и от пальцев Посоветуйте

    Asked by torsar,

    0 votes
    7 answers

  5. bootstrap 3, картинко на картинке

    бутстрап нужно на большую картинку наложить маленькую (правый нижний угол), точно по этому углу чтоб все было адаптивненько сохранялись пропорции и положения картинок юзаю вложенные сетки: <div class="container"> <div class="row"> <div class="col-md-12"> <img class="img-responsive" src="img/preview/1.jpg"> <!-- <div style="background: url('img/preview/1.jpg') no-repeat center center; width:920px; height:500px" </div> --> <div class="row"> <!-- <div class="col-md-11"></div> --> <div clas…

    Asked by torsar,

    0 votes
    3 answers

  6. Bootstrap 4, Flexbox или Cssgrid

    Добрый день уважаемые форумчане. Недавно занялся версткой, изучил Html, css, jqery и несколько популярных cms. Возник такой вопрос, большинство знакомых фронтендеров работают только с бутстрапом, причем только с его сеткой - пишут сайты на чистом css, позже равняя блоки с помощью md, xs и тд. Спрашивая у них про другие методы будь то флексы или новые css гриды, они говорят что бутстраповская сетка лучше, легче, не надо придумывать велосипед и делать новую сетку в флексах. В контраргумент им посмотрел недавно видео Html шорты, где большинство разработчиков пропагандируют за флексы, считая их отличным инструментом разработки и советуют переходить на них, минуя бутстрап, та…

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

    0 votes
    3 answers

  7. Bootstrap 5

    Добрый день. Начинаю изучать Bootstrap 5, подключил к своему школьному проекта. Вы не знаете как сделать так, чтобы ссылки "Главная" и "Алфавит" были ближе друг к другу? <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link href="css/bootstrap.rtl.min.css" type="text/css" rel="stylesheet"> <script src="js/bootstrap.min.js.map"></script> <title>Есть такая профессия</title> </head> <body> <nav class="navbar navbar-defaul…

    Asked by Марко,

    0 votes
    3 answers

  8. bootstrap and section

    http://texteredsa.besaba.com/kalolia/kalolia/ Есть сайт. Верстаю на bootstrap 3. Почему та в ie8 верстка рушиться, буд-то секционные элементы не понимает. Подскажите в чем дело?

    Asked by raptor-dm,

    0 votes
    3 answers

  9. Bootstrap Carousel

    Добрый день! Прошу прощения есть обратился не в ту ветку. Нужно сделать адаптивный слайдер с помощью bootstrap 3. До этого мне еще не приходилось сталкиваться с bootstrap. Покурив немного литературку мне удалось сделать самый простой слайдер, <div id="myCarousel" class="carousel slide"> <ol class="carousel-indicators"> <li data-target="#myCarousel" data-slide-to="0" class="active"></li> <li data-target="#myCarousel" data-slide-to="1"></li> <li data-target="#myCarousel" data-slide-to="2"></li> <li data-target="#myCarousel" data-slide-to="3"></li> …

    Asked by alex.kv,

    0 votes
    4 answers

  10. bootstrap carousel

    Всем привет, есть слайдер от бутстрапа называется carousel. Инициализируется он так $('document').ready(function(){$('.carousel').carousel({interval: 6000,pause: 'none'});}) Только при загрузке страницы появляется интервал в 6 секунд , это понятно потому что он стоит в параметрах. Как сделать чтобы при загрузке страницы сразу же появлялся 1 слайд и потом между слайдами интервалы в 6 секунд. Спасибо.

    Asked by htmligor,

    0 votes
    2 answers

  11. bootstrap container-fluid не на ширину экрана

    Добрый день. Столкнулся с такой проблемой - верстаю на bootstrap. Прописываю стиль для container-fluid <div class="container-fluid yellow_bg"></div>.yellow_bg { height: 355px; background: #ffd504;}Однако если по горизонтали мень 958 пикселей начинается такая фигня: (с права начинает вылазить белый блок). Подскажите, как с этим бороться? Вот сам сайт

    Asked by jdk,

    0 votes
    1 answer

  12. Bootstrap less

    Нужно ли подключать bootstrap.css если пользоваться bootstrap.less файлами?

    Asked by Roger,

    0 votes
    0 answers

  13. Bootstrap menu - гамбургер

    Доброго времени суток. Проблема лежит в Bootstrap menu, точнее в телефонной версии, так называемый гамбургер появляется только на экранах разрешения 767px шириной, а хотелось чтобы гамбургер меню было на планшетах. Причина заключается в том, что это первоначальное меню, и оно еще будет дополняться. (хотя и уже такое на телефоне не приятно видеть). Как и где поменять размер смены обычного меню на гамбургер? Сайт если будет нужен http://izhprint.org/ bootstrap файл тоже прикрепил. Заранее спасибо за помощь! bootstrap.css

    Asked by Liv0n,

    0 votes
    2 answers

  14. Bootstrap modal и IE8

    Добрый день! Собственно, проблема такая: есть стандартное модальное окно bootstrap'а. Везде работает хорошо, однако в IE8 в низу страницы появляются границы пустых div'ов от этого модального окна. Выглядят они так: respond.js подключен. Страницу можно посмотреть здесь: http://work4.a26.ru/test.html Подкажите пожалуйста хотя бы куда копать. Заранее благодарен!

    Asked by boehpyk,

    0 votes
    1 answer

  15. Bootstrap navbar burger не работает

    Имею шапку сайта созданную на bootstrap, имеется выпадающее меню открывающееся на мобильных устройствах при нажатии на "бургер", работает на всех устройствах, но не раскрывается на Samsung Galaxy A5, как это можно зафиксить?

    Asked by Chainik,

    0 votes
    3 answers

  16. bootstrap row margin

    хочу добавить к row стиль margin-bottom, но не хочу вносить правки в бутсрап счас сделал так- в главный див добавил стиль form-horizontal, а row заменил на form-group <div id="log" class="form-horizontal"><div class="form-group" data-key="11.01.2016"><div class="col-lg-1"> 11.01.2016</div><div class="col-lg-5"> <div id="w2" class="list-view"><div class="row" data-key="92">1 2 3: 6:01 Статус <strike>закрыт</strike> открыт</div><div class="row" data-key="93">1 2 3: 6:01 Склад <strike>22</strike> yyyyy</div></div></div></div><div class="form-group" data-key="10.01.2…

    Asked by https,

    0 votes
    2 answers

  17. Bootstrap slider: переместить описание на слайде

    Bootstrap - slider. Необходимо переместить описание. Попробовал сделать это с помощью position:relative и position:absolute. Но получается перемещать только вверх-вниз. А как сделать это вправо-влево? Вот сам сайт

    Asked by yaparoff,

    0 votes
    1 answer

  18. bootstrap адаптивная верстка

    разобрался )

    Asked by erange,

    0 votes
    0 answers

  19. bootstrap адаптивность и абсолютное позиционирование.

    Добрый день, обьясните пожалуйста такие вопросы, пытаюсь делать простенький шаблон : http://comsaaxov.ho.ua/sedona/ возникло пара нюансов: -при изменении размера экрана отступы верхнего меню не уменьшаются (ставил их в %, сейчас стоят px, "col-xs-12 col-sm-12 col-md-12" тоже назначал) -как задавать размеры и отступы при абсолютном позиционировании, что-бы расположение и блока и размеры менялись в зависимости от разрешения экрана?(ну то есть понятно что есть медиа- запросы, но не каждые же 30 пикселей изменения разрешения подправлять положение абсолютного блока?)

    Asked by comSaaxov,

    0 votes
    6 answers

  20. bootstrap выпадающее меню

    Нашел в бутстрапе выпадающее меню с кнопкой, при нажатии на которой внешний контейнер родитель добавляет себе класс "open". Вот свойства батома <button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown" aria-expanded="false">Выпадающий список </button> aria-expanded="false" при нажатии меняется на false true и внешний блок добавляет и удаляет себе класс соответственно. Как так происходит? это без JS? как такого добиться?

    Asked by aqua.77,

    0 votes
    1 answer

  21. bootstrap выпадающее меню на вордпресс

    Есть стандартное меню вордпресс то есть код для вывода прописал классы bootstrap не знаю как И куда добавить классы для под пунктов меню. <header><?php $args = array( // опции для вывода верхнего меню, чтобы они работали, меню должно быть создано в админке'theme_location' => 'top', // идентификатор меню, определен в register_nav_menus() в function.php'container'=> 'nav', // обертка списка'menu_class' => 'bottom-menu', // класс для ul 'menu_id' => 'bottom-nav', // id для ul );wp_nav_menu($args); // выводим верхнее меню?></header> Прописал классы bootstrap работает только меню подпункты НЕ РАБОТАЮТ (( <?php $args = array( // опции…

    Asked by virtas,

    0 votes
    0 answers

  22. bootstrap для новичка ?

    Доброго времени суток, обитатели этого замечательного ресурса. Я начинающий верстальщик. Меня интересует такой вопрос: Стоил ли учится работать с css frameworkами начинающему верстальщику или же лучше все писать самому без какой либо помощи ? Не хочу что бы это как то отобразилось на моем обучении в худшую сторону...

    Asked by T001,

    0 votes
    4 answers

  23. Bootstrap и twitter bootstrap

    Здравствуйте! Я не пойму, а что bootstrap и twitter bootstrap -- это две разные вещи? (если что, bootstrap -- только недавно начала изучать)

    Asked by Alfa2015,

    0 votes
    16 answers

  24. Bootstrap и WYSIWYG редактор

    Здравствуйте, форумчане! Недавно начал заниматься написанием сайта (в верстке я относительно новичок). В своем проекте я использую Twitter Bootstrap и редактор elRTE. И между двумя этими инструментами произошел конфликт, в редакторе стали криво отображаться элементы в jQuery окнах (стили от Bootstrap применились). Вот ссылка на оригинальный редактор (для сравнения), а вот на мой пример с объединением с Bootstrap. Чтоб увидеть разницу, надо кликнуть в тулбаре например на "Изображение" и откроется окно. В моем примере поля текстовые (и не только) будут разъезжаться. Вот меня интересует, как побороть это? И да варианты "взять другой редактор", "отказаться от Bootstrap", "пе…

    Asked by System X - Files,

    0 votes
    4 answers

  25. bootstrap и нестандартная сетка

    Допустим мне нужна нестандартная сетка (5, 7 и 11 рядов). Помойму можно пересобрать бутстрап с нужными параметрами. А можно ли задать такие параметры, чтоб была стандартная сетка бутсрап и кастомная (5, 7 и 11 рядов).

    Asked by torsar,

    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