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
-
как сделать чтобы вложенный div расхлопывался правильно?
Скорее всего вопрос очень популярный, но не знаю как его нагуглить. Вот код разметки на базе AngularJS. Проблема с последним вложенным дивом в котором выводится кнопка: {{a.subanswer}} При выводе пунктов все расползает. Вот так: http://img.ctrlv.in/img/15/11/18/564c471fa240c.png Как сделать, чтобы подпункты просто выводились в одну линию без расползания верних пунктов в одну линию. <div ng-repeat="answer in question.answers" class="user-answer-block"> <button class="btn" ng-class="{'btn-primary': answer.isSelected}" ng-disabled="answer.isDisabled" ng-click="setChoice(ans…
0 votes1 answer -
Почему по умолчанию у элемента top & left > 0
Не смог найти ответ. Если задать style="position: absolute; top: 0px; left: 0px;" то элемент располагается точно в левом верхнем углу, а если не задать, то остается пространство в несколько px сверху и слева. Почему так?
0 votes4 answers -
Запутался с Яваскриптом
Верстаю сайт для смартфонов. Запутался с "обратной связью". часть common.js: $.ajax({ url: 'contact_form/contact_process.php', type: 'POST', data: str }) .done(function(msg){ if(msg === "OK"){ var result = "<div = 'bg-success'>Спасибо за заявку! Мы вам перезвоним!</div>" form.html(result); }else{ form.html(msg); } }) .always(function(){ submitBtn.removeAttr('disabled'); }); Форма работает - письма приходят. Но после нажатия на кнопку, после обр…
0 votes6 answers -
Круглый фон с возможностью ресайза
Верстаю страницу которая будет отображаться в приложении на iPad, то есть будет работать только в WebKit. Проблема такая, есть заголовки, в форме h4 > i > b или h4 > b > i, в последнем теге номер, дальше идёт сам заголовок, задача такая: надо чтобы этот номер был в круге, белый шрифт на сером круге. Сделать такое не сложно, но в приложении есть функции масштабирования, я её сделал так: function changeScale(percent) { document.getElementsByTagName('body')[0].style.webkitTextSizeAdjust = percent + '%';}При изменении масштаба этот круг плывёт как только его душе угодно, то цифра уходит за круг, то круг в овал превращается и т.д. и т.п. Как сделать нормальный…
0 votes1 answer -
резиновая верстка
Здравствуйте. Скажите, пожалуйста, у меня получилась резиновая верстка? По-моему не очень. Как улучшить? http://jsfiddle.net/30pezc2f/
0 votes13 answers -
Грамотная адаптивная верстка
Всем доброго времени суток. При адаптивной вёрстке вы заморачиваетесь такими вещами как: -PageSpeed(использование кэша браузера и т.п.) -Оптимизация файлов(подключение/отключение требующихся скриптов, картинок и т.п. при разных расширениях, то есть не просто все(что нужно и не нужно) подгружать при всех расширениях) Я о подобных вещах читал в книге Итана маркотта: отзывчивый веб-дизайн. Или всем этим занимается кто-то другой(seo и т.п специалисты)?
0 votes1 answer -
Кроссбраузерный select
Здравствуйте, подскажите, есть ли решение для IE8-9, Opera как убрать стрелки в select?
0 votes4 answers -
Создание элемента независимого от масштаба устройства
Здравствуйте. Возможно ли создать элемент (к примеру кнопочку) имеющую размеры, например 10vw по высоте и ширине от размеров девайса и расположенных в определенном месте например справа внизу относительно экрана (вьюпорта) и споизионированного как fixed. Причем при увеличении или уменьшении масштаба страницы, элемент должен оставаться незименных размеров, вроде как 10vw относительно вьпорта и соответственно оставаться именно в правом нижнем углу даже если мы скроллим сайт.
0 votes3 answers -
корректное отображение формы
Добрый день, возникла проблема с формой в футере http://bcplaneta.com.ua/ при расширении экрана от 768х1280 @media (min-width: 768px) and (max-width: 991px) .may-form { display:none; } при этом левая форма не растягивается на все ширину, как исправить? чтоб на всех мониторах с меньшим разрешением отображалась только одна форма и она была на все ширину. Спасибо
0 votes10 answers -
Position relative, transform и выпадающее меню в шапке
В общем, пытаюсь сделать выпадающее меню на CSS (получилось), но оно там замешано на transform. Делаю как обычно через position : absolute; Но в блоке контента (под меню в шапке) есть элемент, у которого position relative и получается так, что этот элемент перекрывает мое выпадающее меню. Вот проблемный сайт - new[точка]kuhni-rona[точка]ru Наведите на "Каталог" и все станет ясно. Прошу помощи.
0 votes2 answers -
Позиционирование элементов
Привет! Помогите мне понять почему возникает такая проблема: есть три блока, находятся в ряд. Крайние прибиты по краям родителя. При уменьшении экрана 1 блок скрывается, а 3 перестраивается вниз. Так вот, если играться с размерами окна, 3блок перестраивается вниз, но когда снова увеличиваешь окно, он становится не в ряд, а ниже. Если обновить страницу становится опять все хорошо. Очень хотелось бы понять почему так. https://jsfiddle.net/horprogs/5hjwwnpj/1/
0 votes6 answers -
Посчитать остаток ширины
Здравствуйте. Мне бы хотелось высчитать остаток ширины соседа. Есть контейнер на всю ширину монитора. Сосед-1 - картинка, ширину ми можем получить. Как узнать ширину соседа-2 - 100% минус ширину соседа-1. Как это правильно записать? var width = ($('.сосед-1').width());var restWdth = загадка; $('.section-banner').css({ 'width': width+'px' }); $('.section-content-wrapper').css({ 'width': restWdth+'px'});
0 votes2 answers -
Помогите
Есть 3 дива друг под другом , нужно чтобы при нажатии на любой из них снизу от нажатого дива ВЫПЛЫВАЛ див с информацией о нем, при этом остальные дивы сдвигаются вниз,Как это реализовать?
0 votes2 answers -
Помогите с фоном
Здрасте, помогите мне с задним фоном на сайте, фон прописал, но он теперь выглядит вот так , как мне его к примеру сделать по бокам ? что-бы блоки не закрывал.
0 votes1 answer -
Оверлей слайдера
День добрый. Прошу знатоков подсказать возмжную причину различного поведения слайдера, оверлей в которых имеет идентичное решение. http://richel.skepton.ru/ http://october.skepton.ru/# В первом оверлей стабилен, во втором "перемаргивает" вместе со сменой слайдера, создавая впечатление смены текста со слайдером. Слайдер отсюда http://jquery.malsup.com/cycle2/, на всяк случай...
0 votes0 answers -
Tag data в зависимости от ширины экрана
День добрый! Применение этого слайдера http://codepen.io/462960/pen/yyKrWP на разных экранах требует выведение различного количества слайдов. Их количество регулируется " data-cycle-carousel-visible=7" в теге .cycle-slideshow Предложите пожалуйста решение этой задачи. Т есть, значение " data-cycle-carousel-visible=7" для каждого @media устанавливается разное.
0 votes3 answers -
Изменить цвет label
Добрый день! Есть такая верстка <label><input type="checkbox" value="val"/>Checkbox1</label> <label><input type="checkbox" value="val2"/>Checkbox2</label>Чекбоксы скрыты, как можно используя только css добавить иконку после label если чекбокс отмечен? Вопрос скорее для фана, чем для практики, поэтому хочется именно на css решение найти.
0 votes5 answers -
Логотип сайта в Экспресс-Панели браузеров
Всем привет! Не совсем уж начинающий в верстке, но столкнулся с интересным вопросом, решения которого не знаю. Каким образом формируется логотип сайта в Экспресс-Панели браузеров (Opera, Firefox)? Речь не о favicon! https://yadi.sk/i/9DgxUA5Jkbzrj - вот скрин с Экспресс-Панели Opera. В свежем Firefox аналогичная картинка У большинства сайтов браузер берет кусок страницы с логотипом. Но у некоторых сайтов вместо части страницы идет логотип целиком. На скриншоте выделил такие сайты. Если бы речь шла только о монстрах Яндекс, Google - было бы понятно, что разработчики браузеров делают это вручную. Но попадаются вполне обычные сайты. Ковырял код этих сайтов, искал микрораз…
0 votes8 answers -
Правильность записи CSS
Добрый день Смотрю уроки Css и человек объясняет Следующее на рис 1-2 красным плохая запись, а 1-2 зелёным правильная. Я с ним не согласен! Как всё же правильно? Я считаю, что варианты красным правильнее.
0 votes37 answers -
Проблема при изменение размера страницы
Добрый день! При изменение размера страницы, фоновый рисунок и нижний блок заходят друг за друга. Фон подстраивается под размер страницы ,так как не имеет размера ,а блок размером 1190 при прокрутки в право уходит за него. Хочу что-бы фон так же при изменение размера страницы сохранял свой размер. До изменения размера страницы: http://www.webfolder.ru/339992 Это уже при уменьшение размера страницы и смещение ползунка в право: http://www.webfolder.ru/339993 Прошу помощи, так как потратил уже более двух дней на решение данной проблемы((((( <html> <head> <meta charset="UTF-8" /> </head> <body> <link rel="stylesheet" type=…
0 votes2 answers -
Осуществляю желание перейти от табличной верстки к блочной... пожалуйста помогите
1. как сделать чтобы в футере 3й див не уходил на следующую строку 2. как сделать чтобы в <div class="content"> избыточное содержимое давало скроллбар не у всей страницы а только у этого дива Спасибо! <!doctype html> <html> <head> <meta content="text/html; charset=Windows-1251" http-equiv="content-type"> <title>test</title> <style> body { margin: 0; padding: 0; } .content { height: 100%; width: 100%; } .shapka { height: 84px; background: #000000; } .footer { position: absolute; bottom: 0px; height: 40px; width: 100%; background-color: #789CB4; color: white; font-family: sans-serif; font-size:…
0 votes3 answers -
Хром на андройде
Как открыть консоль хрома на андройде, что бы писать JS код.
0 votes4 answers -
Сайт+чат
Задача - создать сайт на бесплатном хостинге и добавить к нему вот такой чат - https://frug.github....creenshots.html Насколько осуществима такая затея? какой хостинг для этого подобрать? Возможно будет проще создать только чат? Буду благодарна за советы)
0 votes4 answers -
Делаем запрос к базе данных
Делаем запрос к базе данных (если надо поменять префикс, то не забудьте его поменять) Обьясните пожалуйста ламеру, что значит запрос к базе данных? Где и как я его могу сделать, админ панель всю перерыл и ничего подобного не нашел. Безусловно ответ подобного рода мне непонятен: "Подразумевается если у ваших таблиц другой префикс, то его нужно поменять... "
0 votes5 answers -
Убрать скачок при залипании блока
Привет! Использую плагин Bootstrap Affix для залипания шапки страницы при прокручивании, возникает неприятный эффект ввиде скачка вверх нижней части при изменении высоты залипшей шапки. Никак не соображу, кому добавить отступ для корректировки? Гляньте пожалуйста свежим взглядом: http://uaz-n.ru/
0 votes2 answers