HTML Coding
Subforums
-
- 30.1k
- posts
-
- 1k
- posts
-
- Про макеты
- By klierik,
Explore Questions
There are no popular questions to show right now
-
0 votes0 answers
-
0 votes0 answers
-
0 votes0 answers
-
0 votes1 answer
-
0 votes3 answers
29542 questions in this forum
-
Выровнять разные по размеру изображения в списке
Есть список пользователей. У каждого пользователя свой аватар, с индивидуальными размерами. У кого-то он широкий, но низкий, а у кого-то высокий, но узкий. Как выровнять аватарку у каждого пользователя, чтобы весь список выглядел аккуратно? http://codepen.io/anon/pen/pbJEMg
0 votes4 answers -
Свои стили checkbox без id
Доброго времени суток. Есть checkbox со своим стилем, я находила, как это сделать через id в input и for в label. Можно ли сделать свой checkbox без id, а через class или js? Вот пример моей реализации >.< https://jsfiddle.net/u3Lxgxga/5/
0 votes6 answers -
Placeholder не отображается в Mozilla
Не отображается Placeholder в браузере Mozilla. Также не видно текста когда вбиваешь в текстовое поле. В чем может быть проблема? Ссылка на сайт (форма входа вверху справа)
0 votes1 answer -
Горизонтальная прокрутка при больших изображениях с центровкой изображения
Здравствуйте! Есть изображение размером 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; …
0 votes3 answers -
Фигурные уголки у блоков
Подскажите пожалста, как выполнить такие углы, ну не прибегая к изображениям http://joxi.ru/0KAg7bkujO1JAl
0 votes5 answers -
В бутстрап-форме делаю отступы в 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 Спасибо !
0 votes3 answers -
Не реагируют img на margin
Ребята, привет. Кого не обременит. Скажите. почему нет реакции на margin у элементов img?Полоса не впритык с меню и лого. есть расстояние. Это мой третий макет, другие забросил. Макет бесплатный, скачал с группы вк. Верстаю для себя, учусь вот уже второй год. Было прочтен сайт htmlbook, порешал задачки на htmlacademy. Оказалось фронт-энд не такой уж простой как кажется. Что скажете по коду ? http://codepen.io/Gettoheaven/pen/gMYKaP Исходник в img
0 votes8 answers -
Когда спрайтовать изображения, а когда инлайнить?
В последнее время появилось много инструментов по работе с изображениями, и мне бы хотелось понять, когда я должен инлайнить изображения из CSS при помощи base64, а когда просто положить их в спрайт. Заранее спасибо.
0 votes4 answers -
Проблемма с 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/ зац…
0 votes6 answers -
Vertical align текста и картинки в один ряд
Как сделать так, чтобы текст был выравнивался по центру картинки, а не по базовой линии как сейчас? https://jsfiddle.net/7kcy40eq/3/
0 votes1 answer -
Выровнять кнопки
Народ привет. Хочу поместить социальные кнопки, кнопки вставил, но пока не могу выровнять их. <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; } Кнопки вставляются, но пока не могу их выровнять по середине. Код кнопок виден только в исходном коде странице. Подскажите пожалуйста как ещё вставить текст перед кнопками?
0 votes0 answers -
Создание горизонтально-вертикально-горизонтального меню
Добрый день. Возникла необходимость научиться созданию многоуровневым меню. Вопрос как создать меню с 3 уровней ? Первый идет горизонтально, второй вертикально и третий горизонтально. До второго уровня я дошел без проблем, а как быть с третьим ? Вот что у меня вышло. ((Заранее прошу прощение за расположение менюшки, выдирал из готовящегося проекта) https://jsfiddle.net/BlackStar1991/zaLupfjr/8/
0 votes5 answers -
Сайт комиксов
Добрый день! Появился один вопрос и никак не могу найти на него ответ в интернете. Друзьям очень нравятся комиксы, ну и вечно советуют их мне. А тут как раз несколько сериалов выходят по ним. Ну я и заинтересовался) Ну а почему бы не совместить приятное с полезным. Вот и решили попробовать с друзьями создать сайт с комиксами. Неизвестно принесёт ли он прибыль, но практика думаю будет хорошая. Но так как опыта не так много, то и появились некоторые проблемы: Ведь сайт комиксов по своим составляющим напоминает сайты онлайн-кинотеатров. Будут ли какие-либо проблемы, если мы начнём выкладывать на сайт комиксы Marvel, DC и других издательств? С одной сторо…
0 votes5 answers -
PHP copy https
Привет, пытаюсь скачать картинку при помощи PHP и функции copy с сайта на компьютер, но не получается там где соединение https, где http всё замечательно. Что делать? Спасибо!
0 votes3 answers -
не могу привязать 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 никак не отображаются в мини-браузере атома. …
0 votes3 answers -
Проблема в JS, скролл табов
На этой страничке http://zimnitskiy.com/peregrin/one-direction.html есть табы, которые скроллятся вместе с контентом, а на последнем табе их скролл прекращается и дальше скроллится только контент. Использовал скрипт отсюда http://shpargalkablog.ru/2013/09/scroll-block.html, последний вариант. Всё работает, но есть баг, который заключается в том, что когда контента не хватает для скролла, на ul где эти табы остается класс "stop", который вешает скрипт выше для его работы. Этот класс фиксирует блок и добавляет свойство top равное проскроллиному непроблемного таба. Т.е. когда контента хватает для скролла класс убирается или меняется на другой "sticky"…
0 votes1 answer -
проблема с Checkbox
Привет ! проблема в том что, при 1 нажатии на чекбокс галочка ставится, при втором убирается. при третем ставится , и больше не убирается хоть сколько тыкай. как лечить?
0 votes1 answer -
id вместо class
помогите пожалуйста советом допустим есть форма отправки груза. есть возможность в её пределах создать несколько позиций(например как тут). при этом разработчик будет для каждой новой позиции генерировать html, помеченный классом. это нужно для того чтобы пользователь мог кликнуть по кнопке "удалить позицию" проблема в том, что классы - для верстальщика, а id - для яваскриптера. ничего что яваскриптер для того чтобы натравить скрипт на элемент использует класс? теоретически можно конечно использовать id, добавляя числовой постфикс(например id="delBtn_23"). но в этом случае сложность неоправданно увеличивается как в подобном случае поступают профессион…
0 votes4 answers -
Плагин по навигации
Люди, помогите найти плагин навигации на сайте, может кто-то сталкивался в работе с таким. У меня есть скрытая навигация (скрин http://prntscr.com/b977xc) при нажатии на кнопку меню ("сендвич") с левой стороны должно появляться меню, сдвигая основное тело страницы (аналог плаги Pushy Master), но при нажатии на внутренние меню должно появляться еще одно меню, сдвигая основное тело страницs еще сильнее (http://prntscr.com/b96ujg). Подскажите, кто может, есть ли такой плагин или нужно ковырять другие плагины для достижения такого эффекта. Заранее спасибо всем, кто откликнулся!
0 votes0 answers -
Внутреняя таблица выходит за пределы внешней. CSS.
Приветствую! Ребят, что-то меня заклинило, и никак я не могу решить простую, в общем-то, задачу. Собственно, задача: поместить несколько таблиц друг в друга (без каких-либо промежутков) во весь экран. Когда содержимое внутренней таблицы не превышает высоту экрана, то всё хорошо. А вот когда контент не помещается, то таблица, соответственно, вырастает сообразно содержимому. А внешние-то table‘ы – нет! Так и остаются на месте. Как сделать так, чтобы они двигались вместе? http://s017.radikal.ru/i405/1605/4e/d5119940ed94.jpg http://s41.radikal.ru/i094/1605/75/58aae8416ead.jpg Подскажите, пожалуйста, решение проблемы. Перепробовал кучу вариантов. Всё не то.…
0 votes2 answers -
$.Validation изменение приоритета правил
Добрый вечер. Есть популярный плагин https://jqueryvalidation.org/ для валидации форм. Всё хорошо, но нужно изменить очередность применения правил. При инициализации плагина при указании правил, независимо от того в каком порядке они указаны, применяться в первую очередь все равно будет правило "email", а нужно чтобы в первую очередь проверялось "kir_mail". То есть, чтобы пользователь видел ошибку о том что он использует кириллические символы до того как он напишет почту в правильном формате. rules: { email: { required: true, kir_mail: true, email: true, emailBlackList: true } } Какой день уже ищу решение, но что то не…
0 votes1 answer -
Элементы форм на чистом СSS
Всем привет. Такой вопрос. Кроссбраузерно(идеально) можно реализовать кастомизацию элементов форм на чистом CSS? (чекбоксы, радибаттоны, селекты) ?
0 votes1 answer -
Help:Запись выбранных элементов в отдельный блок
Доброго времени суток. Такой вопрос, как из списка элементов с множетсвенным выбором <select multiple> <option>Пункт 1</option> <option>Пункт 2</option> <option>Пункт 3</option> <option>Пункт 4</option>< </select> Сделать так, чтобы выбранные элементы записывались в отдельный div. Спасибо.
0 votes6 answers -
Как расположить неизвестное число блоков <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 строку, уходящую бесконечно вправо? Высота внутренних блоков может быть разной, желательно чтобы родительский див подстраивался под самый высокий
0 votes2 answers -
дизайн бутстрап-формы поломался если добавить в стили control-label класс
Всем привет, Взял стандартную бутстрап форму http://www.codeply.com/go/FbXMFSrGf2 дизайн которой сразу поломался, если добавить в стили control-label класс Имею в виду что лейблы отображаются сверху инпутов, а должны слева... А если убрать из определения стилей control-label - то лейблы отображаются слева от инпутов - что и нужно... Как правильно ? Спасибо !
0 votes1 answer