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. OWL carousel распирает страницу

    Привет! Нужен совет знатоков Я полдня убил, но так и не нашел в чем проблема. На малых разрешениях карусель распирает страницу в ширину https://www.road.media/headunit $('#category-slider').owlCarousel({ nav: true, rewind: false, dots: false, items: 1, responsive: { 0: {items: 3}, 480: {items: 4}, 768: {items: 5}, 1024: {items: 8} }, responsiveBaseElement: "#category-slider-wrapper" }); Вот вроде ж все правильно сделал, но на малых экранах ширина …

    Asked by d0ublezer0,

    0 votes
    0 answers

  2. owlcarousel, бутстрап и вертикальное вырывнивание

    owlcarousel, бутстрап и вертикальное вырывнивание На страничке кроме карусели ничего нету. Как выровнять это плагин по вертикали, чтоб не сломалась адаптивность?

    Asked by torsar,

    0 votes
    1 answer

  3. Oбрезать картинку по бокам с помощью css

    Здравствуйте, помогите, пожалуйста, решить такую задачу: Есть картинка с размерами например 1000x500, надо что бы при большом разрешении экрана (например 1200px) она показывалась полностью, а на маленьких разрешениях экрана (например 500px) она, с помощью css, обрезалась по бокам на 250px с каждой стороны.

    Asked by web-verstka,

    0 votes
    0 answers

  4. padding

    Здравствуйте. Помогите пожалуйста разобраться. Это часть css кода: #footer p { background-image: url(images/niz_z.jpg); background-repeat: repeat-x; padding: 30px 0 5px 5px; margin: 0; clear: both; font-size: 80%; color: #fff; } отступы: 30px 0 5px 5px; нормально отображаются в FF ,Safari ,Opera, Netscape . В IE нормально отображается : 15px 0 5px 5px ; Как добиться "золотой середины", или одинакового отображения свойства padding во всех браузерах?

    Asked by Lobo,

    0 votes
    12 answers

  5. padding

    нужно сделать отступы для текста со всех сторон блока на 10px. Пишу padding:10px; слева текст отступает и вместо того чтобы переноситься на новые строчки тупо растягивает блок в стороны. Как исправить?

    Asked by Krote,

    0 votes
    4 answers

  6. Padding

    Есть блок , в нем текст. У блока есть своя высота и длина , но при применение свойства pudding - они изменяются. Как сделать так , чтобы текст уходил в блок , а не расширял его внешне?

    Asked by Evgen8,

    0 votes
    3 answers

  7. padding "ломает" верстку

    Здравия желаю всем форумчанам. Прошу помощи в тривиальном вопросе. Нужно сверстать три колонки 40 20 и 40 процентов по ширине. Все нормально до тех пор, пока для внутренних элементов этих блоков я не указываю padding. В результате их(внутренних элементов) реальная ширина становится больше указанной. На примере верхние текстовые поля со стандартным padding-ом, нижние - с увеличенным. Есть ли какое-нибудь решение проблемы??? Спасибо! И еще смежный вопрос: почему родительский див, содержащий несколько детей с float:left по высоте будет 0px? В данно примере div#containerMain имеет высоту 0px... И как это исправить? Всем спасибо за помощь! <!DOCTYPE html PUBLIC "-//W3C//D…

    Asked by ]-[иколай,

    0 votes
    16 answers

  8. Padding в % (процентах)

    Недавно верстал CSS стиль для будущего сайта и использовал padding. Значения ставил в процентах. Мне сказали, что в процентах ставить паддинг — это плохо. На вопрос «Почему?» не ответили. Так вот, почему паддинг в процентах это так плохо? Ведь разрешено ставить и в пикселях и в процентах.

    Asked by Clubberry,

    0 votes
    7 answers

  9. padding в div

    Всем привет! Помогите плз новичку. Суть проблемы: Когда задаю отступ padding'ом в блоке div размеры блока увеличиваются. Можно ли как-нибудь избежать этого, т.е. сохранить первоначальные размеры блока. Заранее спс!

    Asked by topwizard,

    0 votes
    5 answers

  10. padding в em'ах странно расчитывается.

    Добрый день, столкнулся с тем, что padding-top и padding-bottom как-то странно высчитываются. Вот пример: Как-то так получается, что 4em для размера шрифта = 3em padding'a. Как так получается? Где я мог напортачить?

    Asked by ХОЛОДный,

    0 votes
    6 answers

  11. padding в блоке с текстом

    Подскажите, пожалуйста, что не так делаю? Как исправить? Мне надо получить блок с определенным текстом, ширина которого зависит от текста внутри него. И должны быть отступы от текста. Получиться должно такое: В ФФ все нормально, а в ИЕ7 отступы по бокам есть, а сверху и cнизу нет. Использую такой код для CSS: .layer{ display: inline; padding:7px 18px; background-color:#3d2e1e; } Html: <div class="layer">строка</div>

    Asked by SmilerOFF,

    0 votes
    5 answers

  12. Padding в ИЕ6

    Если задать контейнеру размер, и сделать в нем padding (притом отступ намного меньше размера этого контейнера), то в ие6 к размеру еще прибавляется по размеру отступа с каждой стороны, как сделать, чтоб размер не менялся?

    Asked by Kenshi45,

    0 votes
    3 answers

  13. padding в меню

    Столкнулся с такой проблемой, хочу сделать отступы от текста сверху и снизу по 5px и по бокам 10px делаю padding:5px 10px; у меня только по бокам отступы получается, а с сверху и снизу ничего не происходит. http://jsfiddle.net/ha7ap/

    Asked by moslem,

    0 votes
    8 answers

  14. Padding в процентах для Input

    Друзья, а никто не может объяснить мне такую штуку: Mozilla Firefox не понимает padding в процентах для input-полей. Простой код: <html> <body> <input type="text" style="width:80%; padding:0 10%;"> </body> </html> Во всех браузерах, кроме Лисы, input растянется на 100% и будет иметь внутренние отступы по 10% с лева и справа. В чем проблема Лисы и есть ли решение?

    Asked by indexmsk,

    0 votes
    2 answers

  15. Padding в разных браузерах.

    Наверняка данная проблема уже обсуждалась, да и я видел ее решение на просторах интернета, но как то не обратил внимание, о чем сейчас жалею. Проблема в следующем: Создаю меню через <ul> список: <div id="Меню"> <div id="Шапка_меню">Меню</div> <ul> <li><a href="#">Пункт меню</a></li> <li><a href="#">Пункт меню</a></li> <li><a href="#">Пункт меню</a></li> </ul> </div> Задаю стили для него: #Шапка_меню { border: solid #000; b…

    Asked by aPioz,

    0 votes
    2 answers

  16. Padding вместо width и height.

    Добрый день. Не могу понять как работает паддинг, когда им задаешь размер изображения. Есть картинка высотой в 50px. и шириной в 120px. и казалось бы, для того, что бы она корректно отобразилась нужно задать padding:25px 60px, но не тут то было. Ширина отображается нормально, а вот по высоте картинка отображается не полностью, как бы срезано. После долгих подборок параметров паддинга у меня получилось padding:0 60px 33px 60px; после этого картинка стала отображаться полностью. Объясните пожалуйста в чём тут прикол?

    Asked by yujin11,

    0 votes
    13 answers

  17. Padding внутри input (Opera)

    Вот Вам примерчики. Как исправить, или просто убрать padding ТОЛЬКО для Opera?

    Asked by Hauster,

    0 votes
    1 answer

  18. Padding для FF(Mozilla)

    Суть вопроса такова есть ли специальный псевдо-селектор или спец селектор который может дать паддинги только в мазила? <form> <div> <label>Email user:</label><input type="text"> </div> <div> <label>Password:</label><input type="password"> </div> <div> <input type="checkbox"><label>Remember me</label> </div> </form> checkbox и label выравниваю в CSS3, но в safari, chrome Нормально все показывает, а в Opera и FireFox. Как можно придать паддинг дополнительно в Opera и FF

    Asked by akutinrom,

    0 votes
    1 answer

  19. padding для IE

    Добрый день, имеется код: <div> <ul> <li>текст</li> </ul> </div> Во всех браузерах для li назначено padding 5px, а для всех ie 10px. Создал отдельный фаил ie.css, прописал там стиль, в шаблоне между head прописал: <!--[if IE]> <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/syte/css/ie.css" type="text/css" /><![endif]-->но стиль не применяется. Тестирую в 11 версии ИЕ.

    Asked by RK3DNP,

    0 votes
    2 answers

  20. padding и background строчного элемента

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

    Asked by RK152,

    0 votes
    2 answers

  21. padding и Опера

    Есль div с фиксированной высотой. Почему, если для этого блока указать padding, то его высота увеличивается на это значение? В данном случае высота блока увеличиться на 5 пкс. Причем это только в опере, в ИЕ такого нет.

    Asked by ekklesiast,

    0 votes
    16 answers

  22. padding проблемы

    у меня есть проблемы в вёрстке. вот код:<style> .topics { float: left; height: 150px; border: 1px solid red; } .topics b { padding-top: 15px; } </style> </head> <body> <div class="topics"> <b>Вещи от пользователей</b> <p>2654 вещи</p> </div> </body> "> <style> .topics { float: left; height: 150px; border: 1px solid red; } .topics b { padding-top: 15px; } </style> </head> <body> <div class="topics"> <b>Вещи от пользователей</b> <p>2654 вещи</p> </div> </body> на htmlbоok.ru и вопрос: почему padding-top не делает отступ сверху? мож…

    Asked by robo1500,

    0 votes
    8 answers

  23. padding сдвигает фоновую картинку? или дело в чем другом?

    Подскажите пожалуйста, в чем ошибка. Я установил фоновую картинку родительскому блоку и вся конструкция из вложенных блоков уехала на величину padding'а Но я чую, что дело не совсем в padding'е. Где и что я умудрился напортачить? Вот код страницы: <!doctype html> <html> <head> <meta charset="utf-8"> <title>уровень 3</title> <link rel="stylesheet" href="styles/main.css"> </head> <body> <header> <div class="menu"> <a href="#">home</a> <a href="#">portfolio</a> <a href="#">webhosting</a> <a href="#">about</a> </div&…

    Asked by Afinagen,

    0 votes
    1 answer

  24. Padding смещает вс? что ниже

    Есть таблица, в нижней ячейке я спускаю текст с помощью padding-top #top-center td.menu{background: url(../images/topmain/topmain_05.jpg) no-repeat top left; vertical-align:top; padding-top: 28px; padding-left: 80px; width:999px; height:99px;} Но вместе с этим смещается совсем другая таблица, расположенная ниже этой. Почему так происходит? Т.е. между этими таблицами появляется пустое место...

    Asked by allmoney.ws,

    0 votes
    7 answers

  25. padding таблицы у ie6

    Проблема такова: Есть интернет магазин. в него уже забит контент. В каждом описании товара есть таблица спецификаций. У неё есть класс. Забит в бд, везде одинаковый. Нужно чтоб сверху над таблицей была картинка. Решение для Firefox-a и Opera: table.ndSpecifications { padding-top: 30px; background: url('specifications.png') 0 0 no-repeat; } но вот незадача, ие не понял padding и получилось Заранее благодарен за помощь!!!

    Asked by DMITRIY_S,

    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