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

29542 questions in this forum

  1. Выровнять разные по размеру изображения в списке

    Есть список пользователей. У каждого пользователя свой аватар, с индивидуальными размерами. У кого-то он широкий, но низкий, а у кого-то высокий, но узкий. Как выровнять аватарку у каждого пользователя, чтобы весь список выглядел аккуратно? http://codepen.io/anon/pen/pbJEMg

    Asked by yaparoff,

    0 votes
    4 answers

  2. Свои стили checkbox без id

    Доброго времени суток. Есть checkbox со своим стилем, я находила, как это сделать через id в input и for в label. Можно ли сделать свой checkbox без id, а через class или js? Вот пример моей реализации >.< https://jsfiddle.net/u3Lxgxga/5/

    Asked by Mary_RND,

    0 votes
    6 answers

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

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

    Asked by yaparoff,

    0 votes
    1 answer

  4. Горизонтальная прокрутка при больших изображениях с центровкой изображения

    Здравствуйте! Есть изображение размером 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

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

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

    Asked by Vlad_P,

    0 votes
    5 answers

  6. В бутстрап-форме делаю отступы в 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

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

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

    Asked by Get to heaven,

    0 votes
    8 answers

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

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

    Asked by mg901,

    0 votes
    4 answers

  9. Проблемма с header в Mozilla

    На картинке видно что Chrome все красиво, а Mozilla исказила картинку, растянув ее высоту. Из-за этого съехало меню вверх, т.к. оно привязано в высоте header. в стилях я прописал .header img{max-width: 75vw; Chrome после того как растягивает картинку для хидера правильно масштабирует ее по высоте, а Mozilla после растягивания высоту масштабирует некорректно. Если сделать .header img{width: 75vw; то все красиво в обоих, в полноэкранном просмотре хидер через чур растянут, мне не нравится Пробовал подсовывать префикс для Mozilla -moz-max-width: 75vw; она это не скушала. Как победить? ссылка на сайт http://nakhodka.h1n.ru/ зац…

    Asked by Alex_,

    0 votes
    6 answers

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

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

    Asked by WhatIsHTML,

    0 votes
    1 answer

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

    Народ привет. Хочу поместить социальные кнопки, кнопки вставил, но пока не могу выровнять их. <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

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

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

    Asked by Black_Star,

    0 votes
    5 answers

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

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

    Asked by IceGidra,

    0 votes
    5 answers

  14. PHP copy https

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

    Asked by Anechka,

    0 votes
    3 answers

  15. не могу привязать 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

  16. Проблема в JS, скролл табов

    На этой страничке http://zimnitskiy.com/peregrin/one-direction.html есть табы, которые скроллятся вместе с контентом, а на последнем табе их скролл прекращается и дальше скроллится только контент. Использовал скрипт отсюда http://shpargalkablog.ru/2013/09/scroll-block.html, последний вариант. Всё работает, но есть баг, который заключается в том, что когда контента не хватает для скролла, на ul где эти табы остается класс "stop", который вешает скрипт выше для его работы. Этот класс фиксирует блок и добавляет свойство top равное проскроллиному непроблемного таба. Т.е. когда контента хватает для скролла класс убирается или меняется на другой "sticky"…

    Asked by sanya.dndz.kh,

    0 votes
    1 answer

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

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

    Asked by Maximiroon,

    0 votes
    1 answer

  18. id вместо class

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

    Asked by cyklop77,

    0 votes
    4 answers

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

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

    Asked by VIVA,

    0 votes
    0 answers

  20. Внутреняя таблица выходит за пределы внешней. 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

  21. $.Validation изменение приоритета правил

    Добрый вечер. Есть популярный плагин https://jqueryvalidation.org/ для валидации форм. Всё хорошо, но нужно изменить очередность применения правил. При инициализации плагина при указании правил, независимо от того в каком порядке они указаны, применяться в первую очередь все равно будет правило "email", а нужно чтобы в первую очередь проверялось "kir_mail". То есть, чтобы пользователь видел ошибку о том что он использует кириллические символы до того как он напишет почту в правильном формате. rules: { email: { required: true, kir_mail: true, email: true, emailBlackList: true } } Какой день уже ищу решение, но что то не…

    Asked by li4e,

    0 votes
    1 answer

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

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

    Asked by Yamaradg,

    0 votes
    1 answer

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

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

    Asked by imakhortykh,

    0 votes
    6 answers

  24. Как расположить неизвестное число блоков <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

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

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

    Asked by mstdmstd,

    0 votes
    1 answer
×
×
  • 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