HTML Coding

29,542 questions in this forum

1. Изменение ширины слоя для разных разерешний

   Есть слой с всплывающей подсказкой и кнопкой закрыть: .modalDialog > div {max-width: 400px;}На смартфонах этот слой не помещается полностью и кнопку закрыть не видно. Как сделать ширину слоя 200 px для смартфонов, у которых разрешение например меньше 400 px?

   Asked by aizul, October 13, 2015

   0 votes
   1 answer
2. Яндекс карты и адаптивный дизайн

   Всем привет. Есть адаптивный сайт, на нем два блока по 50% распределены по ширине. Выглядит это так: <div class="fiftypercent"><div id="servicemap">Тут яндекс карта</div></div><!----><div class="fiftypercent"><div id="servicezone">Тут текст</div></div> .fiftypercent{display:inline-table;width:50%;} Если это открыть через explorer или mozilla, то при сужении окна браузера эти два блока будут "прыгать", посмотреть можно здесь. Обычно такое бывает, если не убран пробел <!-- -->, но тут все на месте. Если вместо карты вставить, например, текст, все будет корректно сужаться. У карты стоит ширина 100%.

   Asked by wry, October 14, 2015

   0 votes
   1 answer
3. Очень медленный скроллинг в #scroll-zone (2й слайд)

   Нормальный скроллинг: https://jsfiddle.net/Teamur/rju47q7n/ Очень медленный скроллинг в #scroll-zone (синий слайд)! Почему и Как решить? https://jsfiddle.net/Teamur/fxx65y14/4/

   Asked by Teamur, October 15, 2015

   • Firefox Scroll Snap Points
   0 votes
   1 answer
4. Верстка списка товаров

   Здравствуйте. Верстаю каталог с товарами. Столкнулся вот с такой трудностью: Т.е. товары разбросаны как попало. Как это исправить? Вот ссылка на сайт

   Asked by yaparoff, October 16, 2015

   0 votes
   1 answer
5. Правильная расстановка DIV-блоков

   Собственно вопрос от новичка. Проще нарисовать на картинке чем описывать ситуацию на словах. Пытаюсь правильно расставить DIV'ы. При этом чтобы последовательность кода не рвать. (маленькие дивы идут подряд, большой соответственно находится НЕ в середине) Скорее всего здесь придётся поколдовать с css-параметром "display", хотя не уверен. http://i.imgur.com/ViusSLH.png Не нашел как залить картинку на сервер, выкладываю ссылкой.

   Asked by Necrosss, October 17, 2015

   • DIV
   • css
   • расстановка
   • блок
   0 votes
   1 answer
6. Масштабирование шрифтов в адаптивной верстке

   Здравствуйте . Поделитесь пожалуйста материалами (ссылками), с информацией о масштабировании шрифтов в зависимости от разрешения экрана. Заранее, спасибо!

   Asked by Pinga, October 18, 2015

   • css
   • adaptive
   • true type
   0 votes
   1 answer
7. Блок выпадает при разных изображениях

   Такая проблема: А должно быть вот так: т.е. верстка ломается при разных размерах изображения. Пробовал делать псевдораспорку - не помогает http://izhevskhit.ru/index.php?page=item&id=1143

   Asked by yaparoff, October 19, 2015

   0 votes
   1 answer
8. Убрать outline

   Подскажите пожалуйста как убрать outline у формы http://izhevskhit.ru/

   Asked by yaparoff, October 21, 2015

   0 votes
   1 answer
9. span и иконка

   http://getbootstrap.com/css/#helper-classes-carets <span class="caret"></span>Как сделать так(css), чтоб приведенная конструкция выводила иконку или картинко? (ручками, без фреймворков)

   Asked by torsar, October 22, 2015

   0 votes
   1 answer
10. Кнопка закрытия внешних ссылок

    Здравствуйте. Возник такой вопрос : как в блог в панель редактирования установить кнопку закрытия внешних ссылок?

    Asked by Zakonoposlushniy, October 23, 2015

    • Ссылки
    • Внешние ссылки
    • Кнопка
    • Кнопка закрытия ссылок
    0 votes
    1 answer
11. Футер и скролл сециями

    Есть страница сделанная на Scrollify (https://github.com/lukehaas/Scrollify), которая скроллится секциями 100% высоты, как здесь http://projects.lukehaas.me/scrollify/#home. Все хорошо, но нужно добавить футер, фиксированной высоты меньше высоты экрана: И тут возникает проблема, как заставить Scrollify не возвращать на последнюю секцию, когда нужно прокрутить к футеру? http://jsfiddle.net/kvw0eom6/

    Asked by Shiza, October 24, 2015

    • Scrollify
    • лендинг
    • скролл
    0 votes
    1 answer
12. 3-x уровневое меню сайта

    Нужно сделать точную копию меню сайта ******* Тли я что то не так делаю, то ли еще что то, но просто копирование исходного кода страницs и css не помагает,так работает только 2-х уровневая менюшка, а нужна 3-х Помогите сделать, в css не шарю, только чистый html

    Asked by rodigy, October 24, 2015

    • меню сайта
    0 votes
    1 answer
13. Помогите новичку, только начинаю изучать азы верстки.

    Здравствуйте! Изучаю html и css еще буквально неделю и уже впал в кататонический ступор на одном из проверочных заданий учебного материала. Так как старших товарищей, хоть как то знакомых с версткой у меня нет, прошу помощи у Вас. В общем дело такое: Дан html код и css правила без селекторов, задача правильно расставить селекторы и дописать пару правил. https://jsfiddle.net/dfn3gnw7/ Результат должен быть таким: Несколько селекторов мне удалось расставить, но дальше... Надеюсь на Вашу помощь и понимание. С уважением Александр.

    Asked by noobhelp, October 24, 2015

    0 votes
    1 answer
14. Разное отображение при одинаковом разрешении

    Сайт http://burzhuy.org/deal/. Использую фреймворк bootstrap Имеется проблема с текстом в облачке "Мой собственный капитал...". На ipad текст отображается правильно, то есть не вылезает за границы облачка, но при таком же разрешении(1024х768) на компьютере текст отображается криво. В css я использую @media, а именно для разрешения 1024х768 этот код @media (min-width: 1000px) { .cloud { padding: 12% 54% 8% 8%; } .cloud p { font-size: 15px; } .cloud span { font-size: 19px; } .cloud2 { /*"Deal with it вот что по настоящем круто!"*/ padding-left: 20%; } .cloud2 h1 { font-size: 33px; } .cloud3 { /*"Круто!"*/ padding-right: 29%; } .cloud3 h2 { …

    Asked by afagorn, October 26, 2015

    0 votes
    1 answer
15. Форма загруки файла и кнопка отправить в одну линию.

    Доброго времени! Есть форма загрузки файла: <form enctype="multipart/form-data" action="uploadImg.php" method="post"> <input type="file" name="userimg"> <input type="submit" value="Отправить"> </form>На странице отображается в две строки, т.е. на одной строке поле имени загружаемого файла и кнопка "Обзор...", а на другой кнопка "Отправить". Хотелось бы сделать так, чтобы они были в одну строку. Подскажите, как это сделать? За ранее благодарен.

    Asked by soulectro, October 29, 2015

    0 votes
    1 answer
16. При малой высоте блока содержимое идет ввсерх

    При клике на некоторых ссылках на странице должен отобразится плавающий блок, высота которого средством css анимации изменяется от нулевой до некоторой фиксированной высоты. В начале анимации, когда весь контент не помещается, он сильно пождат вверх, и только вконце стает на свое место. Это выглядит примерно так. Вот этот пример: http://jsbin.com/wekixa/1/edit?html,css,js,output Браузер: Фаерфокс, версия 41.0.1 Методом тыка установил, что если не писать $('#confirm a[role="cancel"]').focus();То все нормально. Как можно изменить поведение, чтобы содержимое блока не подскакиволо вверх. Перепробывал всевозможные способы например, top: 0 и тому подобные. Не помогло.

    Asked by ekkl, October 29, 2015

    • CSS
    • javascript
    • height
    0 votes
    1 answer
17. Правильная нарезка и верстка блока

    Здравствуйте уважаемые форумчане! Подскажите, пожалуйста, как правильно нарезать графику и сверстать такой блок: P.S. Если кому надо этот блок в формате PSD пишите свою почту скину )

    Asked by stan07, October 29, 2015

    0 votes
    1 answer
18. Создание галереи

    Как сделать галерею картинок чтобы при выходе за пределы ширины блока, появлялась прокрутка. Делаю так <div class="gallery"><img src="images/watch.png"> <img src="images/apple.png"> <img src="images/headset.png"> <img src="images/seminar.png"> <img src="images/jobs.png"> <img src="images/glass.png"> </div>.news-day .gallery{ box-sizing: border-box; height: 510px; overflow-x: scroll; width: 1900px;}.news-day .gallery img{ margin-right: 3px;}Но картинки просто вылазиют за ширину http://i67.tinypic.com/15x4xll.png

    Asked by rpmcmerphy, October 29, 2015

    0 votes
    1 answer
19. Как скрыть ссылку с определенным тайтлом

    Есть всякие табы без классов. один из табов содержит swf файл (флеш анимация товара, с возможностью вручную его покрутить со всех сторон) для мобильника соответственно выдает ошибку , мол загрузите плагин. потому для адаптивной верстки задача скрыть этот таб. Вопрос - как это сделать, так как класса не стоит. есть только тайтл. чувствую тут как-то при помощи js делается.. или всеже в css можно? <ul class="jwts_tabbernav"> <li class=""> <a href="javascript:void(null);" title="3d">3d</a> </li></ul>

    Asked by nikki4, October 29, 2015

    0 votes
    1 answer
20. Слайдер интернет- магазина

    Подскажите, пожалуйста, как называется такой слайдер для интернет-магазина? Спасибо.

    Asked by Alfa2015, October 29, 2015

    0 votes
    1 answer
21. Yii2: pjax+ ListView

    Обгорнул pjax ListView настроил пагинацию, все ок. Потом сел настраивать поля фильтра... в стандартной сгенирированой формы ActiveForm. Добавил туда 'options'=> ['data-pjax'=>1], вроде все ок. Но фильтер работает через раз ((( раз обновляєт pjax-ом а раз все страницу, может я еще что-то забыл сделать ( _search.php <?php $form = ActiveForm::begin([ 'action' => ['index'], 'method' => 'get', 'options'=> ['data-pjax'=>1], ]); ?> index.php <?php Pjax::begin(['id' => 'countries']); ?> <div class="col-md-3 left-sidebar styled-border-1"> <?php echo $this->render('_search', ['mo…

    Asked by NOCaut, October 30, 2015

    0 votes
    1 answer
22. RGBA полупрозрачность сильно загружает Chrome

    Не знаю можно ли выкладывать здесь ссылки, поэтому объясню на словах. Сайт активно использует border-radius, shadow, transition и прочие эффекты. Страницы с фиксированным фоном (jpg 1920х1080, background-attachment:fixed). Все три колонки имеют полупрозрачный бэкграунд rgba(0,166,156,0.2), некоторые блоки внутри них тоже имеют полупрозрачность background:rgba(0,0,0,0.5). Я заметил, что в базовом Хроме весьма заметно тормозит скроллинг страницы. Другие браузеры на вебките рендерят лучше, но по сравнению с Firefox и Edge все равно не очень хорошо. Я начал с отключения всей анимации и эффектов, радиусов и теней, и в итоге пришел к заключению, что Хром спотыкается о полупроз…

    Asked by LUC, October 30, 2015

    • rgba
    • полупрозрачность
    • прозрачность
    • opacity
    0 votes
    1 answer
23. Как сделать, чтобы при наведении картинка затемнялась?

    Использую этот код: http://bootsnipp.com/snippets/K3al А как сделать, чтобы при наведении картинка затемнялась? (Картинки, которые в индикаторе?) Пыталась применить код отсюда: http://bootsnipp.com/snippets/K3al...но, к сожалению, не работает..(((( Спасибо.

    Asked by Alfa2015, November 2, 2015

    0 votes
    1 answer
24. Подскажите как выровнять шапку

    Подскажите пожалуйста как выровнять шапку сайта kimwood.ru

    Asked by Виктор1204, November 2, 2015

    0 votes
    1 answer
25. SASS. Миксин медиазапросов, избыточный код

    Решил освоить SASS, очень мне нравится его идея, большое коммьюнити, все нравится, но столкнулся с проблемой, собственно ниже и опишу. Хочу сделать миксин медиазапросов есть 4 переменные, в них описаны размеры экрана, и создан несложный миксин. $screen_xs: 320px;$screen_s: 768px;$screen_m: 1024px;$screen_l: 1200px;$screen_xl: 1376px;@mixin mediaquery($media) { @if $media == screen_s { @media only screen and (max-width: $screen_s + 1) { @content; } } @else if $media == screen_m { @media only screen and (min-width: $screen_m + 1){ @content; } } @else if $media == screen_l { @media only screen and (min-width: $screen_l + 1) { @content; } } @else if $media == screen_xl …

    Asked by anvyd, November 2, 2015

    • SASS
    • mixin
    0 votes
    1 answer