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. Горизонтальная прокрутка при больших изображениях с центровкой изображения

    Здравствуйте! Есть изображение размером 1900px/528px. Надо чтобы горизонтальная прокрутка появлялась при размере экрана 1170px с центровкой изображения. Мой код: <!DOCTYPE html> <html lang="ru"> <head> <meta charset="UTF-8"> <title>Горизонтальная прокрутка</title> <style> *{ padding: 0; margin: 0; } .main_background{ width: 2000px; height: 528px; background: url(http://i6.imageban.ru/out/2016/06/01/c4c0656fcf6bac97bc7bd0541a995b87.jpg) no-repeat; } .main_background { /*width: 100%;*/ position: relative; left: 50%; margin-left: -950px; min-width: 1160px; max-width: 1900px; overflow: hidden; …

    Asked by vladd56,

    0 votes
    3 answers

  2. Placeholder не отображается в Mozilla

    Не отображается Placeholder в браузере Mozilla. Также не видно текста когда вбиваешь в текстовое поле. В чем может быть проблема? Ссылка на сайт (форма входа вверху справа)

    Asked by yaparoff,

    0 votes
    1 answer

  3. Сайт комиксов

    Добрый день! Появился один вопрос и никак не могу найти на него ответ в интернете. Друзьям очень нравятся комиксы, ну и вечно советуют их мне. А тут как раз несколько сериалов выходят по ним. Ну я и заинтересовался) Ну а почему бы не совместить приятное с полезным. Вот и решили попробовать с друзьями создать сайт с комиксами. Неизвестно принесёт ли он прибыль, но практика думаю будет хорошая. Но так как опыта не так много, то и появились некоторые проблемы: Ведь сайт комиксов по своим составляющим напоминает сайты онлайн-кинотеатров. Будут ли какие-либо проблемы, если мы начнём выкладывать на сайт комиксы Marvel, DC и других издательств? С одной сторо…

    Asked by IceGidra,

    0 votes
    5 answers

  4. В бутстрап-форме делаю отступы в 2 колонки слева и справа

    Всем привет, В бутстрап-форме делаю отступы в 2 колонки слева и справа с помощью col-sm-offset-2 и .col-xs-offset-right-2 и в стилях определив: .col-xs-offset-right-2 { margin-right: 16.66666667%; } Внизу формы группа кнопок выравненные вправо и возник вопрос а как сделать отступ справа в 2 колонки col-sm-offset-right-2 в этом случае не помогает https://jsfiddle.net/e214b0ab/18/ Выложив на фиддл, увидел, что он для колонок отступы справа не отображает хотя у меня и chrome и ff отступы справа отображаются нормально http://i.imgur.com/HdVXxvk.png Спасибо !

    Asked by mstdmstd,

    0 votes
    3 answers

  5. Фигурные уголки у блоков

    Подскажите пожалста, как выполнить такие углы, ну не прибегая к изображениям http://joxi.ru/0KAg7bkujO1JAl

    Asked by Vlad_P,

    0 votes
    5 answers

  6. Не реагируют img на margin

    Ребята, привет. Кого не обременит. Скажите. почему нет реакции на margin у элементов img?Полоса не впритык с меню и лого. есть расстояние. Это мой третий макет, другие забросил. Макет бесплатный, скачал с группы вк. Верстаю для себя, учусь вот уже второй год. Было прочтен сайт htmlbook, порешал задачки на htmlacademy. Оказалось фронт-энд не такой уж простой как кажется. Что скажете по коду ? http://codepen.io/Gettoheaven/pen/gMYKaP Исходник в img

    Asked by Get to heaven,

    0 votes
    8 answers

  7. Когда спрайтовать изображения, а когда инлайнить?

    В последнее время появилось много инструментов по работе с изображениями, и мне бы хотелось понять, когда я должен инлайнить изображения из CSS при помощи base64, а когда просто положить их в спрайт. Заранее спасибо.

    Asked by mg901,

    0 votes
    4 answers

  8. Vertical align текста и картинки в один ряд

    Как сделать так, чтобы текст был выравнивался по центру картинки, а не по базовой линии как сейчас? https://jsfiddle.net/7kcy40eq/3/

    Asked by WhatIsHTML,

    0 votes
    1 answer

  9. Выровнять кнопки

    Народ привет. Хочу поместить социальные кнопки, кнопки вставил, но пока не могу выровнять их. <div id="content"> <div class="addthis_sharing_toolbox"></div> </div> </div> <div id="footer"> </div> .addthis_sharing_toolbox {line-height:40px;text-transform:uppercase;color:#999;font-size:11px;border-top:1px dotted #ccc;padding-top:15px;margin-top:15px; } Кнопки вставляются, но пока не могу их выровнять по середине. Код кнопок виден только в исходном коде странице. Подскажите пожалуйста как ещё вставить текст перед кнопками?

    Asked by bobb,

    0 votes
    0 answers

  10. Создание горизонтально-вертикально-горизонтального меню

    Добрый день. Возникла необходимость научиться созданию многоуровневым меню. Вопрос как создать меню с 3 уровней ? Первый идет горизонтально, второй вертикально и третий горизонтально. До второго уровня я дошел без проблем, а как быть с третьим ? Вот что у меня вышло. ((Заранее прошу прощение за расположение менюшки, выдирал из готовящегося проекта) https://jsfiddle.net/BlackStar1991/zaLupfjr/8/

    Asked by Black_Star,

    0 votes
    5 answers

  11. Help:Запись выбранных элементов в отдельный блок

    Доброго времени суток. Такой вопрос, как из списка элементов с множетсвенным выбором <select multiple> <option>Пункт 1</option> <option>Пункт 2</option> <option>Пункт 3</option> <option>Пункт 4</option>< </select> Сделать так, чтобы выбранные элементы записывались в отдельный div. Спасибо.

    Asked by imakhortykh,

    0 votes
    6 answers

  12. PHP copy https

    Привет, пытаюсь скачать картинку при помощи PHP и функции copy с сайта на компьютер, но не получается там где соединение https, где http всё замечательно. Что делать? Спасибо!

    Asked by Anechka,

    0 votes
    3 answers

  13. не могу привязать css к html-файлу

    Всем доброго дня. По какой-то причине не могу привязать css стиль к index страничке. Все файлы находятся у меня на компе. В корне папки находится index.html а в подпапке css - style.css Пишу в хеде кода <link href="css/style.css" type="text/css" rel="stylesheet"> в самом css файле у меня для примера написано: body { background: red;} h1 { color: red; } Но в превью окне никаких изменений не отображается. Сам HTML код пишется и визуализируется нормально. пишу в Atom подскажите, в чем может быть причина? Небольшой апдейт: оказывается, файл все-таки привязывается, только изменения css никак не отображаются в мини-браузере атома. …

    Asked by Capablanca,

    0 votes
    3 answers

  14. id вместо class

    помогите пожалуйста советом допустим есть форма отправки груза. есть возможность в её пределах создать несколько позиций(например как тут). при этом разработчик будет для каждой новой позиции генерировать html, помеченный классом. это нужно для того чтобы пользователь мог кликнуть по кнопке "удалить позицию" проблема в том, что классы - для верстальщика, а id - для яваскриптера. ничего что яваскриптер для того чтобы натравить скрипт на элемент использует класс? теоретически можно конечно использовать id, добавляя числовой постфикс(например id="delBtn_23"). но в этом случае сложность неоправданно увеличивается как в подобном случае поступают профессион…

    Asked by cyklop77,

    0 votes
    4 answers

  15. проблема с Checkbox

    Привет ! проблема в том что, при 1 нажатии на чекбокс галочка ставится, при втором убирается. при третем ставится , и больше не убирается хоть сколько тыкай. как лечить?

    Asked by Maximiroon,

    0 votes
    1 answer

  16. Подскажите как сделать картинки одного размера.

    Есть код <link rel="stylesheet" href="http://ergodesign.biz/application/maxsite/templates/nic/css/style.css"><table><tr><td><a href="http://ergodesign.biz/uploads/grusha_arozo2.jpg"> <img src="http://ergodesign.biz/uploads/grusha_arozo2.jpg"></a> </td><td><a href="http://ergodesign.biz/uploads/grusha.jpg"> <img src="http://ergodesign.biz/uploads/grusha.jpg"></a></td><td><a href="http://ergodesign.biz/uploads/oreh_temnij2.jpg"> <img src="http://ergodesign.biz/uploads/oreh_temnij2.jpg"></a></td><td> <a href="http://ergodesign.biz/uploads/klen_vankuver1.jpg"&g…

    Asked by yana33311,

    0 votes
    11 answers

  17. Внутреняя таблица выходит за пределы внешней. CSS.

    Приветствую! Ребят, что-то меня заклинило, и никак я не могу решить простую, в общем-то, задачу. Собственно, задача: поместить несколько таблиц друг в друга (без каких-либо промежутков) во весь экран. Когда содержимое внутренней таблицы не превышает высоту экрана, то всё хорошо. А вот когда контент не помещается, то таблица, соответственно, вырастает сообразно содержимому. А внешние-то table‘ы – нет! Так и остаются на месте. Как сделать так, чтобы они двигались вместе? http://s017.radikal.ru/i405/1605/4e/d5119940ed94.jpg http://s41.radikal.ru/i094/1605/75/58aae8416ead.jpg Подскажите, пожалуйста, решение проблемы. Перепробовал кучу вариантов. Всё не то.…

    Asked by JustUser,

    0 votes
    2 answers

  18. Плагин по навигации

    Люди, помогите найти плагин навигации на сайте, может кто-то сталкивался в работе с таким. У меня есть скрытая навигация (скрин http://prntscr.com/b977xc) при нажатии на кнопку меню ("сендвич") с левой стороны должно появляться меню, сдвигая основное тело страницы (аналог плаги Pushy Master), но при нажатии на внутренние меню должно появляться еще одно меню, сдвигая основное тело страницs еще сильнее (http://prntscr.com/b96ujg). Подскажите, кто может, есть ли такой плагин или нужно ковырять другие плагины для достижения такого эффекта. Заранее спасибо всем, кто откликнулся!

    Asked by VIVA,

    0 votes
    0 answers

  19. Элементы форм на чистом СSS

    Всем привет. Такой вопрос. Кроссбраузерно(идеально) можно реализовать кастомизацию элементов форм на чистом CSS? (чекбоксы, радибаттоны, селекты) ?

    Asked by Yamaradg,

    0 votes
    1 answer

  20. Как расположить неизвестное число блоков <div> всегда в одну строку?

    Здравствуйте Есть такая разметка: <div class="your-class"> <div class="element">your content</div> <div class="element">your content</div> <div class="element">your content</div> ... <div class="element">your content</div> </div> количество дивов внутри заранее не известно и может быть очень большим. Какие стили можно применить, чтобы вне зависимости от количества внутренних блоков они располагались в 1 строку, уходящую бесконечно вправо? Высота внутренних блоков может быть разной, желательно чтобы родительский див подстраивался под самый высокий

    Asked by borus,

    0 votes
    2 answers

  21. Получение практических знаний

    Доброго дня всем. Возникла такая проблема. Уже несколько месяцев изучаю связку HTML+CSS и уже начал изучать JS. Но при этом почти всегда занимался только теоретической частью. На практике делал только задания из книг, но чувствую, что практических знаний очень мало. Поэтому решил сделать свой первый сайтик. И вот тут у меня появились два вопроса. Если не сложно, ответьте мне на них: 1) Вначале пытался верстать в Notepad++, но чувствую, что знаний полностью сверстать страничку пока не хватает. Вот я и подумал, что лучше попробовать изменить готовый макет на бесплатном хостинге, под свои нужды. Так я надеюсь получить знания по структуре, которая используется в нём…

    Asked by Domenys,

    0 votes
    5 answers

  22. дизайн бутстрап-формы поломался если добавить в стили control-label класс

    Всем привет, Взял стандартную бутстрап форму http://www.codeply.com/go/FbXMFSrGf2 дизайн которой сразу поломался, если добавить в стили control-label класс Имею в виду что лейблы отображаются сверху инпутов, а должны слева... А если убрать из определения стилей control-label - то лейблы отображаются слева от инпутов - что и нужно... Как правильно ? Спасибо !

    Asked by mstdmstd,

    0 votes
    1 answer

  23. как располагается верстка при указании только одного девайса

    Всем привет, Читая доку по bootstrap-у, я не совсем уяснил для себя, а как располагается верстка при указании только одного девайса на других дивайсах? Например, если указан только класс для планшетов col-sm- : <div class="form-group"> <label for="name" class="col-sm-3 control-label">Name</label> <div class="col-sm-9"> <input id="name" name="name" value="" size="30" maxlength="100" class="form-control" type="text" > </div> </div> Знач…

    Asked by mstdmstd,

    0 votes
    2 answers

  24. картинка сдвигает содержимое другого div

    У меня есть div с display:table, в нем два div с display:table-cell. Проблема в том, что из за картинки в одном div смещается содержимое другого div. Помогите пожалуйста.

    Asked by mike.onl,

    0 votes
    1 answer

  25. Конфликт стилей?

    Доброго времени суток Я нашла вот такой скрипт преобразования скролла http://www.xiper.net/collect/js-plugins/ui/jscrollpane2.html Подключила, но работает он только для контента первого таба, а у последующих он не появляется... Три таба: Ремонт, Диагностика и Настройка. Вот архив верстки, честно пыталась его засунуть на jsfiddle, но запустить табы у меня там не получилось https://drive.google.com/open?id=0BxhNpLjXhNcKbjVPUlJqN2U2a00

    Asked by Mary_RND,

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