HTML Coding

29542 questions in this forum

1. как сделать чтобы вложенный 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…

   Asked by Suliman1, November 18, 2015

   0 votes
   1 answer
2. Почему по умолчанию у элемента top & left > 0

   Не смог найти ответ. Если задать style="position: absolute; top: 0px; left: 0px;" то элемент располагается точно в левом верхнем углу, а если не задать, то остается пространство в несколько px сверху и слева. Почему так?

   Asked by igmar, November 18, 2015

   0 votes
   4 answers
3. Запутался с Яваскриптом

   Верстаю сайт для смартфонов. Запутался с "обратной связью". часть 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'); }); Форма работает - письма приходят. Но после нажатия на кнопку, после обр…

   Asked by Pinga, November 18, 2015

   • JavaScript
   • php
   • форма обратной связи
   0 votes
   6 answers
4. Круглый фон с возможностью ресайза

   Верстаю страницу которая будет отображаться в приложении на iPad, то есть будет работать только в WebKit. Проблема такая, есть заголовки, в форме h4 > i > b или h4 > b > i, в последнем теге номер, дальше идёт сам заголовок, задача такая: надо чтобы этот номер был в круге, белый шрифт на сером круге. Сделать такое не сложно, но в приложении есть функции масштабирования, я её сделал так: function changeScale(percent) { document.getElementsByTagName('body')[0].style.webkitTextSizeAdjust = percent + '%';}При изменении масштаба этот круг плывёт как только его душе угодно, то цифра уходит за круг, то круг в овал превращается и т.д. и т.п. Как сделать нормальный…

   Asked by Fraronoron, November 18, 2015

   0 votes
   1 answer
5. резиновая верстка

   Здравствуйте. Скажите, пожалуйста, у меня получилась резиновая верстка? По-моему не очень. Как улучшить? http://jsfiddle.net/30pezc2f/

   Asked by zolga7, November 18, 2015

   0 votes
   13 answers
6. Грамотная адаптивная верстка

   Всем доброго времени суток. При адаптивной вёрстке вы заморачиваетесь такими вещами как: -PageSpeed(использование кэша браузера и т.п.) -Оптимизация файлов(подключение/отключение требующихся скриптов, картинок и т.п. при разных расширениях, то есть не просто все(что нужно и не нужно) подгружать при всех расширениях) Я о подобных вещах читал в книге Итана маркотта: отзывчивый веб-дизайн. Или всем этим занимается кто-то другой(seo и т.п специалисты)?

   Asked by Flexible Curd, November 19, 2015

   • адаптивная верстка
   • javascript
   • css
   • адаптивный дизайн
   0 votes
   1 answer
7. Кроссбраузерный select

   Здравствуйте, подскажите, есть ли решение для IE8-9, Opera как убрать стрелки в select?

   Asked by Lady_V, November 19, 2015

   0 votes
   4 answers
8. Создание элемента независимого от масштаба устройства

   Здравствуйте. Возможно ли создать элемент (к примеру кнопочку) имеющую размеры, например 10vw по высоте и ширине от размеров девайса и расположенных в определенном месте например справа внизу относительно экрана (вьюпорта) и споизионированного как fixed. Причем при увеличении или уменьшении масштаба страницы, элемент должен оставаться незименных размеров, вроде как 10vw относительно вьпорта и соответственно оставаться именно в правом нижнем углу даже если мы скроллим сайт.

   Asked by mumus, November 19, 2015

   0 votes
   3 answers
9. корректное отображение формы

   Добрый день, возникла проблема с формой в футере http://bcplaneta.com.ua/ при расширении экрана от 768х1280 @media (min-width: 768px) and (max-width: 991px) .may-form { display:none; } при этом левая форма не растягивается на все ширину, как исправить? чтоб на всех мониторах с меньшим разрешением отображалась только одна форма и она была на все ширину. Спасибо

   Asked by mrfrunze, November 19, 2015

   • css
   • form
   0 votes
   10 answers
10. Position relative, transform и выпадающее меню в шапке

    В общем, пытаюсь сделать выпадающее меню на CSS (получилось), но оно там замешано на transform. Делаю как обычно через position : absolute; Но в блоке контента (под меню в шапке) есть элемент, у которого position relative и получается так, что этот элемент перекрывает мое выпадающее меню. Вот проблемный сайт - new[точка]kuhni-rona[точка]ru Наведите на "Каталог" и все станет ясно. Прошу помощи.

    Asked by k0d, November 19, 2015

    0 votes
    2 answers
11. Позиционирование элементов

    Привет! Помогите мне понять почему возникает такая проблема: есть три блока, находятся в ряд. Крайние прибиты по краям родителя. При уменьшении экрана 1 блок скрывается, а 3 перестраивается вниз. Так вот, если играться с размерами окна, 3блок перестраивается вниз, но когда снова увеличиваешь окно, он становится не в ряд, а ниже. Если обновить страницу становится опять все хорошо. Очень хотелось бы понять почему так. https://jsfiddle.net/horprogs/5hjwwnpj/1/

    Asked by horprogs, November 19, 2015

    0 votes
    6 answers
12. Посчитать остаток ширины

    Здравствуйте. Мне бы хотелось высчитать остаток ширины соседа. Есть контейнер на всю ширину монитора. Сосед-1 - картинка, ширину ми можем получить. Как узнать ширину соседа-2 - 100% минус ширину соседа-1. Как это правильно записать? var width = ($('.сосед-1').width());var restWdth = загадка; $('.section-banner').css({ 'width': width+'px' }); $('.section-content-wrapper').css({ 'width': restWdth+'px'});

    Asked by kattiperk, November 26, 2015

    0 votes
    2 answers
13. Помогите

    Есть 3 дива друг под другом , нужно чтобы при нажатии на любой из них снизу от нажатого дива ВЫПЛЫВАЛ див с информацией о нем, при этом остальные дивы сдвигаются вниз,Как это реализовать?

    Asked by vn18121812, November 20, 2015

    0 votes
    2 answers
14. Помогите с фоном

    Здрасте, помогите мне с задним фоном на сайте, фон прописал, но он теперь выглядит вот так , как мне его к примеру сделать по бокам ? что-бы блоки не закрывал.

    Asked by Den4ik1, November 19, 2015

    0 votes
    1 answer
15. Оверлей слайдера

    День добрый. Прошу знатоков подсказать возмжную причину различного поведения слайдера, оверлей в которых имеет идентичное решение. http://richel.skepton.ru/ http://october.skepton.ru/# В первом оверлей стабилен, во втором "перемаргивает" вместе со сменой слайдера, создавая впечатление смены текста со слайдером. Слайдер отсюда http://jquery.malsup.com/cycle2/, на всяк случай...

    Asked by seemax, November 20, 2015

    0 votes
    0 answers
16. Tag data в зависимости от ширины экрана

    День добрый! Применение этого слайдера http://codepen.io/462960/pen/yyKrWP на разных экранах требует выведение различного количества слайдов. Их количество регулируется " data-cycle-carousel-visible=7" в теге .cycle-slideshow Предложите пожалуйста решение этой задачи. Т есть, значение " data-cycle-carousel-visible=7" для каждого @media устанавливается разное.

    Asked by seemax, November 23, 2015

    0 votes
    3 answers
17. Изменить цвет label

    Добрый день! Есть такая верстка <label><input type="checkbox" value="val"/>Checkbox1</label> <label><input type="checkbox" value="val2"/>Checkbox2</label>Чекбоксы скрыты, как можно используя только css добавить иконку после label если чекбокс отмечен? Вопрос скорее для фана, чем для практики, поэтому хочется именно на css решение найти.

    Asked by McLotos, November 20, 2015

    0 votes
    5 answers
18. Логотип сайта в Экспресс-Панели браузеров

    Всем привет! Не совсем уж начинающий в верстке, но столкнулся с интересным вопросом, решения которого не знаю. Каким образом формируется логотип сайта в Экспресс-Панели браузеров (Opera, Firefox)? Речь не о favicon! https://yadi.sk/i/9DgxUA5Jkbzrj - вот скрин с Экспресс-Панели Opera. В свежем Firefox аналогичная картинка У большинства сайтов браузер берет кусок страницы с логотипом. Но у некоторых сайтов вместо части страницы идет логотип целиком. На скриншоте выделил такие сайты. Если бы речь шла только о монстрах Яндекс, Google - было бы понятно, что разработчики браузеров делают это вручную. Но попадаются вполне обычные сайты. Ковырял код этих сайтов, искал микрораз…

    Asked by Coolbits, November 20, 2015

    • логотип разметка
    0 votes
    8 answers
19. Правильность записи CSS

    Добрый день Смотрю уроки Css и человек объясняет Следующее на рис 1-2 красным плохая запись, а 1-2 зелёным правильная. Я с ним не согласен! Как всё же правильно? Я считаю, что варианты красным правильнее.

    Asked by virus_ostr, November 21, 2015

    • CSS
    0 votes
    37 answers
20. Проблема при изменение размера страницы

    Добрый день! При изменение размера страницы, фоновый рисунок и нижний блок заходят друг за друга. Фон подстраивается под размер страницы ,так как не имеет размера ,а блок размером 1190 при прокрутки в право уходит за него. Хочу что-бы фон так же при изменение размера страницы сохранял свой размер. До изменения размера страницы: http://www.webfolder.ru/339992 Это уже при уменьшение размера страницы и смещение ползунка в право: http://www.webfolder.ru/339993 Прошу помощи, так как потратил уже более двух дней на решение данной проблемы((((( <html> <head> <meta charset="UTF-8" /> </head> <body> <link rel="stylesheet" type=…

    Asked by Hosemose, November 20, 2015

    0 votes
    2 answers
21. Осуществляю желание перейти от табличной верстки к блочной... пожалуйста помогите

    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:…

    Asked by AkuSer, November 21, 2015

    0 votes
    3 answers
22. Хром на андройде

    Как открыть консоль хрома на андройде, что бы писать JS код.

    Asked by DivMan, November 24, 2015

    0 votes
    4 answers
23. Сайт+чат

    Задача - создать сайт на бесплатном хостинге и добавить к нему вот такой чат - https://frug.github....creenshots.html Насколько осуществима такая затея? какой хостинг для этого подобрать? Возможно будет проще создать только чат? Буду благодарна за советы)

    Asked by Rickys, November 21, 2015

    0 votes
    4 answers
24. Делаем запрос к базе данных

    Делаем запрос к базе данных (если надо поменять префикс, то не забудьте его поменять) Обьясните пожалуйста ламеру, что значит запрос к базе данных? Где и как я его могу сделать, админ панель всю перерыл и ничего подобного не нашел. Безусловно ответ подобного рода мне непонятен: "Подразумевается если у ваших таблиц другой префикс, то его нужно поменять... "

    Asked by furaixp, November 22, 2015

    0 votes
    5 answers
25. Убрать скачок при залипании блока

    Привет! Использую плагин Bootstrap Affix для залипания шапки страницы при прокручивании, возникает неприятный эффект ввиде скачка вверх нижней части при изменении высоты залипшей шапки. Никак не соображу, кому добавить отступ для корректировки? Гляньте пожалуйста свежим взглядом: http://uaz-n.ru/

    Asked by d0ublezer0, November 23, 2015

    0 votes
    2 answers