HTML Coding

29,542 questions in this forum

1. Кроссбраузерный select

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

   Asked by Lady_V, November 19, 2015

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

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

   Asked by horprogs, November 19, 2015

   0 votes
   6 answers
3. Position relative, transform и выпадающее меню в шапке

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

   Asked by k0d, November 19, 2015

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

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

   Asked by mumus, November 19, 2015

   0 votes
   3 answers
5. как сделать чтобы вложенный 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
6. Грамотная адаптивная верстка

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

   Asked by Flexible Curd, November 19, 2015

   • адаптивная верстка
   • javascript
   • css
   • адаптивный дизайн
   0 votes
   1 answer
7. Круглый фон с возможностью ресайза

   Верстаю страницу которая будет отображаться в приложении на 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
8. Запутался с Яваскриптом

   Верстаю сайт для смартфонов. Запутался с "обратной связью". часть 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
9. Как сделаны тени на http://global.ecco.com/?

   Всем привет. Есть сайт http://global.ecco.com/ Как сделаны тени у изображений на втором экране?

   Asked by goooooch, November 18, 2015

   0 votes
   2 answers
10. Как сверстать такой простой сайт с 3-я колонками, заголовком и подвалом?

    Если б порядком не замучился, то не стал бы заводить эту простую тему. Везде написано, что сейчас таблицы не нужно использовать для верстки, а нужны Div. Подскажите, как сверстать такой сайт - по типу сайтов с фотками и картинками. По высоте он будет на 100% страницы. Сверху будет заголовок с меню навигации. Снизу будет 3 колонки. В средней колонке будет картинка и она должна вся умещаться. Полос прокрутки в этом блоке быть не должно. Должен изменяться размер исходной картинки в этом блоке. Слева будет динамическое раскрывающееся меню. Оно может быть длинным - там нужна полоса прокрутки. Справа будет доп информация, тоже может понадобиться полоса прокрутки. Снизу буд…

    Asked by igmar, November 11, 2015

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

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

    Asked by igmar, November 18, 2015

    0 votes
    4 answers
12. обтекание сайдбара

    Друзья, помогите сделать так, чтобы контент обтекал сайдбар и при этом был одной с ним высоты и находился ровно справа /http://jsfiddle.net/gpvpxwb9/1/

    Asked by severianin, November 17, 2015

    0 votes
    2 answers
13. Отцентрировать согласно неизвестной высоте

    Здравствуйте. Может, кто-то сможет подсказать? Есть что-то вроде тултипа - всплывает при наведении напротив каждого пункта. Но считает только top. А хотелось бы его отцентрировать, но высота тултипа может быть разной. Код ниже. Сайт - http://top-matras.ru/seriya-premium/hardstyle-medium-s1000/, тултип в "Составе модели" function layers_box_open(o) { var _id = $(o).attr('data-layersLink-key'); if (_id) { var top = (($("[data-layersLink-key='"+_id+"']").offset().top)-$(".js-layers_wrap").offset().top); $('.layers_box_wrap', '.js-layers_key-' + _id).css({'visibility':'visible', 'top' : top + 'px'}); }}

    Asked by kattiperk, November 17, 2015

    • js
    • height
    0 votes
    13 answers
14. Чтобы input переключался

    Нужно, чтобы инпуты переключались Сейчас, когда нажимаешь на каждый, это выглядить так (т.е. подсвечиваются все): Как это исправить? http://codepen.io/anon/pen/avXRQx

    Asked by yaparoff, November 18, 2015

    • input
    0 votes
    1 answer
15. Проблема с перемещением изображения по вертикали, по горизонтали.

    Дорогие друзья, всем добрый вечер! При создании сайта столкнулся со следующей проблемой. Когда вставляю на сайт изображение (изображение небольшое, под размеры шапки), устанавливаю правило: background-position: top center, но изображение получается слишком высоко и мне его нужно отпустить, если рассматривать в см то приблизительно на 5-7 и сдвинуть в бок на аналогичное расстояние. Подскажите пожалуйста, как это сделать? Сейчас в моем редакторе CSS следующее: Парни, небольшое примечание. Пользовался правилом вроде "margin-left", но перемещается не картинка - как мне нужно, а все содержимое сайта

    Asked by Gentls, November 17, 2015

    0 votes
    2 answers
16. Верстка мобильной версии

    Доброго времени суток. Подскажите пожалуйста какой-нибудь CSS Фреймворк для мобильной версии сайта. Не адаптив - а именно только для мобилы. Где вообще можно посмотреть пример каркаса? ) Скинули макет с шириной 360px. Кто как верстает мобильные версии? )Скиньте пример плз

    Asked by dion, November 17, 2015

    • верстка
    • mobile
    • only
    0 votes
    1 answer
17. Появление подсказки при наведении + тень

    При наведении на блок должно быть вот так: Т.е. должна появляться подсказка. Также не получается сделать тень треугольника снизу (у подсказки). Подскажите, как это сделать? http://codepen.io/anon/pen/avXRQx

    Asked by yaparoff, November 17, 2015

    0 votes
    2 answers
18. Нулевая высота блока, в котором блок div с картинкой без указанной высоты

    Есть HTML код: <div class="figure"> <div class="text"> <p>Текст</p> </div> <div class="image"> <img width=568px src="images/cont.jpg"> </div> </div> Проблема в том что картинки подгружаються с разной высотой и нужно, чтобы блок "figure" имел высоту соответственно картинке, а на выходе получается 0. Также проблема назначить блоку "text" высоту блока "figure". Соответственно CSS код: .figure { margin-bottom: 15px; margin-left: -70px; padding: 10px; border-style: solid; border-width: 1px; border-color: rgb(102, 102, 102); width: 1204px; height: auto; } .figure div { margin:0; padding: 0; }…

    Asked by vladimirpodr, November 17, 2015

    • css
    • height
    • image
    0 votes
    2 answers
19. Подсветка чекбокс при наведении

    Коллеги, подскажите как сделать чтобы при наведении на чекбокс тот менял цвет рамки Стандартный чекбокс я скрыл. Вместо него я поставил .form-checkbox__label::before - новый чекбокс. Как прописать его поведение при наведении? Попробовал .form-checkbox__label::before:hover - не получается. Но нужно еще сделать так, чтобы при наведении на текст он тоже менял цвет http://codepen.io/anon/pen/gaqZYd

    Asked by yaparoff, November 17, 2015

    • checkbox
    0 votes
    1 answer
20. Вертикальное выравнивание в ячейке, проблема с <div>

    Здравствуйте! Имеется некая часть странички http://samsung.com/ru/support, которую я решил сверстать сам для тренировки построения сеток Возникла следующая проблема: при попытке выровнять картинку по вертикали и заключении ее в тег <div> выравнивание не работает, как и если картинку в какой-либо тег не заключать. Но как только я оборачиваю картинку в тег <p> выравнивание работает. Никак не могу понять причины, ведь теги <p> и <div> оба блочные. Гуглил свойства обоих тегов, но ничего по теме не нашел. Помогите, пж-та, разобраться Вот код с <p>, где все работает: http://codepen.io/anon/pen/xwyGWE?editors=110 Вот код с <div> (В него …

    Asked by hiko-sensei, November 12, 2015

    0 votes
    4 answers
21. Проблема с переходом на другую страницу по кнопке

    Есть код: <a class="order" href="http://мойсайт.ру/uslugi">Подробнее</a>по нажатию на "подробнее", должен открываться другая страница, но чтобы было красиво, сделал кнопку: .order {margin-top: 15px;width: 180px;height: 40px;display: block;background: #35a833;}.order:hover {background: #176fb7;И тут возникла проблема, если отключаю "order", то всё нормально работает и переходит, но стоит только включить обратно, переход перестаёт срабатывать. Т.е. при наведении на кнопку показывает, куда надо перейти, но при нажатии ни чего не происходит! Почему? Что не так? ((( Если сделать "якорь" на странице, то перемещение по странице работает.

    Asked by shiirx, November 12, 2015

    0 votes
    5 answers
22. Изменить стандартный select

    Нужен такой select Почти сделал, но старые стили у select убрать не могу. Может кто знает как это сделать? http://codepen.io/anon/pen/EVrOaq

    Asked by yaparoff, November 17, 2015

    • select
    0 votes
    4 answers
23. Помощь в вёрстке "Шапки"

    Добрый вечер, уважаемые форумчане. Помогите, пожалуйста, новичку. Столкнулся с необычной на мой взгляд шапкой сайта и возникли трудности сверстать её. Буду рад советам с пошаговыми инструкциями как это будет лучше сделать в стиле: задаешь фон, размещаешь логотип и т.д или просто дельным советам. А также как избежать проблем со следующим блоком, где размещена картинка, чтобы она не прижималась к правому краю логотипа, а её можно было выровнять в центре? А ещё, как вы можете видеть, на картинке есть линии, на концах которых будут расположены ссылки, как их лучше всего добавить и разместить поверх рисунка?

    Asked by koekto93, October 23, 2015

    • header
    0 votes
    11 answers
24. Не получается бросить якорь в скрытый блок

    Подскажите пожалуйста, имеется шаблон в котором все div блоки скрыты, а открываются только при нажатии на кнопку меню срабатывает стиль display: none, и соответственно при нажатии на какую нибудь кнопку из меню по такой же схеме открывается уже конечный блок с контентом. Проблема заключается в том что мне нужно поставить якорь на конечный контент, а ссылку - на логотип (со стартовой страницы), я так понимаю что ссылка не работает из за того что блок с конечным контентом скрыт. Но если открыть конечный контент кнопочка "services и значок с человечками" ссылка начинает работать. <a name="tab66"></a> якорь <a rel="nofollow" href="#tab66"><img src="…

    Asked by kirpich, November 17, 2015

    0 votes
    0 answers
25. вопрос про круглые края и про шапку

    Друзья,у меня вот такая шапка : http://savepic.su/6550823.jpg как мне закруглить края верхние те ,что на рисунке или спрятать их под шапку? а то у меня только нижние края закругляются ) http://savepic.su/6505764.jpg

    Asked by severianin, November 16, 2015

    0 votes
    2 answers