HTML Coding

29,542 questions in this forum

1. Адаптивное изображение

   В общем, сделал на сайте таблицу "почему мы", и на разрешении 1920х1080 выглядит она нормально, однако на смартфонах и на более низких разрешениях изображение не адаптируется, пробовал убрать фиксированные параметры width и height, но у картинок слишком высокое разрешение. Сайт.

   Asked by GreenAurora, June 9, 2020

   0 votes
   1 answer
2. Адаптивное изображение не растягивается на 100%

   Адаптивное изображение не растягивается на всю ширину блока-родителя. Как это исправить? http://codepen.io/anon/pen/MwXKer

   Asked by yaparoff, July 13, 2015

   • адаптивная верстка
   0 votes
   2 answers
3. Адаптивное меню

   Добрый вечер! После просмотра очередного сайта, где меню изменялось от ширины экрана, возник вопрос "Как сделать Адаптивное меню?". Допустим, при просмотре с большого экрана можно увидеть во всю длину горизонтальное меню, а при просмотре с маленького экрана горизонтальное меню преобразовывается в раскрывающийся\закрывающийся список. Вопрос: Как такое меню сверстать, какие методы при этом использовать? Пример: Зажав клавишу Ctrl + прокручивая колесико мыши, можно видеть как меню видоизменяется.

   Asked by perec200, March 9, 2015

   • меню
   • Адаптивность
   0 votes
   1 answer
4. Адаптивное меню

   Ребят помогите советом. Есть адаптивное меню, не могу понять, почему оно снизу вверх открывается внуть хэдера. Нужно чтобы оно плавно вниз уходиле без изменения высоты самого блока. Что не так делаю ?

   Asked by brezze, June 29, 2017

   0 votes
   2 answers
5. адаптивное меню

   Каким должно быть меню на чистом CSS или JS реализация кнопки анимации открыть/закрыть ?Вы скажете какой вариант выберешь такой и будет, я верстаю первый шаблон и для меня очень важно отталкиваться в правильном направлении, если можно плюсы и минусы вариантов кто понимает в этом или свой вариант1 на чистом css https://jsbin.com/yokic/edit?html,css,output2 за счет js (jQuery) https://codepen.io/katienazarova/pen/dKyEOy?editors=1100

   Asked by Неугомонный, July 22, 2019

   0 votes
   2 answers
6. Адаптивное меню на css3

   День добрый! Наверное, нет верстальщика, который хоть раз не опробовал готовый фреймворк. Чаще всего таковым выступает twitter bootstrap. Собственно, вопрос к форумчанам, которые его использовали и видели реализацию навигационного меню: возможно ли сделать его полностью на css, не прибегая к js-скриптам? Если ответ положительный, будьте так добры, пните на соответствующие темы/блоги... хоть что-то.

   Asked by redvi, July 13, 2014

   • css3
   0 votes
   2 answers
7. Адаптивное навигационное меню с картинками

   У меня есть меню навигации, где вместо текста, используются лого. Так вот я хочу сделать так, чтобы при уменьшении размера браузера логотипы тоже меняли размер, вместо того чтобы выпадать с меню. Т.е. тоже поведение, что бывает когда задаешь картинке max-width: 100%. Но как это можно сделать через св-во background? Вот пример, того как выглядит меню. P.S. Просьба не спрашивать почему вместо тега <img>, добавляю изображения через тег <a>. Так надо было.

   Asked by helio, June 23, 2014

   0 votes
   7 answers
8. Адаптивное перемещение блока: как реализовать (шаблон прикрепил)

   Доброго времени суток, уважаемые гуру. Сделал сайт на Wordpress, это мой первый любительский опыт, с html знаком на весьма базовом уровне, потому экспериментирую. Адаптивный дизайн в используемом мной шаблоне уже есть, и некоторые изменения я уже внёс, но столкнулся с некоторыми сложностями, и очень надеюсь на вашу помощь, уважаемые пользователи :-) Я добавил левый сайдбар с блоком "Temp sidebar" id="leftbar" и сделал его видимым только при разрешении монитора 1025px и более. Потом подумал, что так не пойдёт, пользователи со смартфонов и планшетов не будут видеть список располагающихся там статей и не будет переходов (оттого высокий процент отказов). И тогда я р…

   Asked by Yserty, February 12, 2017

   • html css
   0 votes
   0 answers
9. Адаптивное позиционирование элементов в круг

   Мне нужно, чтобы одинаковые элементы html выстроились в круг(в центре еще один элемент) При этом также нужно учесть то, чтобы при различных разрешениях экрана они не превращались в эллипс, а всегда оставались кругом. Осложняется эта задача тем, что обязательна аналогичная адаптивность на мобильных устройствах. Они не должны разлетаться и быть статичными (размер круга из элементов) уменьшается и увеличивается Вот ссылка https://jsfiddle.net/k7ktzvmn/

   Asked by amazingman216, January 18, 2016

   • html
   • css
   • javascript
   0 votes
   0 answers
10. Адаптивное уменьшение картинки

    На сайте http://чосер.рф/ мне нужно сделать адаптивное уменьшение картинки. То есть при уменьшении ширины экрана текст справа от неё остаётся неизменной ширины, а картинка пропорционально уменьшалась бы сохраняя своё место. Не понимаю, как этого добиться. Помогите, пожалуйста.

    Asked by PavelTkachev, May 6, 2015

    0 votes
    6 answers
11. адаптивность

    Подскажите, от чего зависит так сайт на мобильном выглядит http://awesomescreenshot.com/01f41233d7 или так http://awesomescreenshot.com/02e41234a2 это же не адаптивность

    Asked by fowl, December 14, 2014

    0 votes
    3 answers
12. адаптивность

    Я сверстал страницу, как перейти на адаптивность, чтобы страница стала адаптивна. Что нужно сделать ?

    Asked by rpmcmerphy, September 17, 2015

    0 votes
    10 answers
13. Адаптивность для Ipad

    Здравствуйте! Есть сайт: http://st-valentine.pl , в онлайн-сервисах везде показывает нормальную адаптивную верстку, проверял на мобильном(андроид) и планшете(андроид), тоже всё ок. Но на Ipad не переключается на адаптивную версию(не видно языков справа). Есть предположение что проблема с каким-то css свойством, которое не понимает Сафари. Кто может помочь?

    Asked by sanyok911, March 25, 2016

    0 votes
    0 answers
14. адаптивность картинки

    почему при уменьшении экрана картинка не уменьшается хотя я ей задал max-width 100% в мозиле все нормально при уменьшении экрана картинка автоматически уменьшается а в хроме картинка не уменьшается и контент выходит за пределами сайта(урезается) верстка http://frontend-er.h1n.ru/lotos/

    Asked by victorius, January 10, 2020

    0 votes
    3 answers
15. Адаптивность кнопки в привязке к внешнему контейнеру

    Есть у меня слайдер, каждый слайд - картинка, и на каждой картинке есть кнопка. Так вот задача, чтобы при адаптивном уменьшении картинки, кнопка сохраняла положение и изменяла размер пропорционально. Возможно ли это? Вот пример https://jsfiddle.net/yhnf3m9L/1/ положение вроде сохраняется, а вот размер - беда.

    Asked by Ich, January 17, 2017

    • адаптивный дизайн
    0 votes
    0 answers
16. Адаптивность колонок

    Подскажите, пожалуйста, что можно прописать, чтобы при уменьшении разрешения экрана колонки справа смещались вниз? Весь код в песочнице https://jsfiddle.net/fzbkeLyt/ Пробовала: Но не сработало. @media (max-width: 1200px) { .container { max-width: 970px; } } @media (max-width: 992px) { .container { max-width: 750px; } } @media (max-width: 767px) { .container { max-width: none; } }

    Asked by Алеся, June 14, 2021

    • html
    • css
    • media
    0 votes
    3 answers
17. Адаптивность сайта Тест

    Можно закрыть

    Asked by virus_ostr, November 29, 2015

    0 votes
    0 answers
18. Адаптивность хлебных крошек

    Здравствуйте коллеги! На мелких экранах слишком длинное название в хлебных крошках не влезает в экран Пример Эта же страница на экране мобильного - направьте пожалуйста в нужное русло !

    Asked by GTAlex, February 8, 2016

    0 votes
    3 answers
19. Адаптивность. Медиа запросы vs JS

    Вопрос касательно реализации адаптивности. В каких случаях вы прибегаете к JS для определения типа устройства и установки соответсвующего класса например на тег body (table, mobile)? Наверное стандарт медиа запросов: по ширине > 1024px - это Экраны, Планшеты <1024px и >768px, мобильные телефоны <768px. Просто границы разрешений экранов, особенно между Экранами и Планшетами размыты... Или главное чтоб все было красиво, удобно, хорошо видно? не ужималось и прочее..., пускай стили для экранов и применились для Планшета, например Ipad PRO(Разрешение: 2224x1668 Пикс) ? JS-ом определять тип устройства наверное следует тогда, когда надо жестко д…

    Asked by SnowSilver, May 30, 2018

    0 votes
    1 answer
20. Адаптивные блоки

    Здравствуйте, подскажите как решить проблему: хочется сделать адаптивный дизайн, застрял практически в самом начале. вот что имеется: идея такая. Это полный размер: а это мелкий : я набросал кое что, оно работает но я уверен что не правильно: Css #header_line{ width: 100%; height: 500px; background: url(../images/header.png) #333;}#contener{ max-width: 1000px; height: 500px; margin: 0 auto;}#block_contener{ display: inline-block;}#block1{ width: 500px; height: 500px; background: #eee; float:left;}#block2{ width: 500px; height: 500px; background: #000; float: right;}@media screen and (max-width: 350px) {#contener{ max-width: 1000px; height: 500px; margin: …

    Asked by Suprun4uk, March 9, 2015

    • div
    • адаптивные
    0 votes
    2 answers
21. Адаптивные картинки в e-mail рассылках

    Здравствуйте! Кто-то верстал e-mail рассылки с адаптивными картинками? Столкнулся с такой проблемой. Картинка адаптивится корректно почти во всём зоопарке почтовиков, платформ и браузеров. Но в gmail на android (браузерная версия) переопределяется свойство max-width. Gmail ограничивает ширину картинки чтобы не было горизонтального скрола, но значение он подставляет не корректное. В итоге появляется горизонтальный скролл. Что интересно - в приложении gmail на android всё корректно - проблема только в браузерной версии. Думал что у меня наверстано как-то криво (не мооооожет быть, но вдруг :D) - поглядел на пример популярной рассылки от игрового сервиса Steam …

    Asked by sdanilas, December 27, 2017

    • рассылки
    • thebat
    • gmail
    • адаптив
    0 votes
    1 answer
22. адаптивные картинки в firefox

    помогите пожалуйста решить проблему в кроссбраузерностью изменения размеров изображения страничка сделана на bootstrap3. в последней версии FF при уменьшении ширины окна до 300px изображение .girl пропорционально сжимается, а изображение .logo_pic - нет не помогает удаление обёртки <a>, или добавление обёртке классов типа col-xs-12 col-sm-12 col-md-5 col-lg-5 , или изменение display обёртки в opera, chrome сжимаются оба изображения

    Asked by cyklop77, November 13, 2013

    • bootstrap bootstrap3
    0 votes
    8 answers
23. Адаптивные картинки в статьях страницы

    Почитав некоторые статьи ещё 2012 года про адаптивные картинки, сложилось понимание, что на тот момент не было ещё единого правила оформления. В настоящее время существуют сайты с адаптивными картинками в теле страницы, например сайт time. Собственно, что меня побудило написать этот пост: имеются картинки с разным разрешением и размером, все они отображаются по разному, если уменьшить окно броузера. Что можно сделать, чтобы картинки адаптировались под любое разрешение от 1024px до 1920px? При разрешении 1024х768 из-за картинки не адаптируется контент, остальное норм. А здесь картинка меняет свой размер не теряя качество отображения в пределах 1024 - 1920px. И снова карт…

    Asked by Delat, August 13, 2013

    0 votes
    3 answers
24. адаптивные по высоте блоки

    Нужно на странице сделать адаптивные по высоте блоки с текстовым наполнением, чтобы работало наподобие картинок: img{max-width:100%;height:auto;}

    Asked by vip, January 1, 2015

    0 votes
    7 answers
25. адаптивные сайты

    как протестировать сайт предназначеный для мобил на компе? какие браузеры нада скачать ? у вас есть примеры сайтов с адаптивной версткой? Любая полезная другаю информация по даную разделу приветствуется

    Asked by bot87, October 2, 2011

    0 votes
    2 answers