HTML Coding

29,542 questions in this forum

1. Автоуменьшение горизонтального меню

   Здравствуйте, есть горизонтальное меню оформленное через CSS, вроде бы как надо сделано, но при уменьшении окна последний блок меню сползает вниз, а хотелось бы чтобы меню уменьшалось всего навсего, нет конечно оно уменьшается, но всё равно как-бы не успевает. вот url демо-сайта: http://trebolka.16mb.com/ попробуйте уменьшить окно и будет видно как один пункт меню перейдёт ниже вот CSS код: #mainmenu { width: 100%; } #mainmenu ul { list-style: none; display: table; padding: 5px 0px; margin: 0px auto; } #mainmenu li { list-style: none; display: block; float: left; margin: 0px 1px; } #mainmenu li a { display: block; float: left; height: 66px; color: #fff; tex…

   Asked by ЗлОй ПрОграММер, September 1, 2012

   0 votes
   4 answers
2. Автофокус тела страницы по высоте и вертикали ... Нужна помощь!

   Здравствуйте уважаемые.. Возник вопрос в следующим: как растянуть/маштабировать потоковое видео по ширине и по высоте окна браузера, к примеру так сейчас реализовано на сайте http://tinakarol.com/, видео подгружается от сюда...>> Пробная моя станица http://goo.gl/kY6ku (осторожно, потоковое видео) .., проблема в том что масштаба нет, соответственно в окнах устройств с расширением менее 1300/** появляется скролинг. Скажите пожалуйста, как это можно исправить, чтобы был резиновый масштаб, то есть, содержимое подтягивалось под размер окна браузера (tinakarol.com)? Заранее спасибо

   Asked by dokxpi, May 28, 2013

   0 votes
   3 answers
3. Автоширина Фонового изображения в шапке

   Доброго времени суток у меня такая проблема: Не могу выставить авто подбор ширины фоновой картинки (хочу что-бы полностью растягивался на всю шапку в зависимости от разрешения экрана)перепробовал разные варианты но либо шапка слетает либо не помогает Занимаюсь уже на готовой конструкции сайта (ну так получилось сайт не мой шаблон от МКпортал) вСекции Лого где идет код шапки вот такой код: <tr> <td id="mklogostrip" style="background-image: url('$mklib->images/top_back.png') ""> <a href="$mklib->siteurl/index.php"><img src="$mklib->images/logo.png" border="0"" /></a> </td> </tr> как мне этот к…

   Asked by MERINGOT, August 7, 2011

   0 votes
   9 answers
4. Адаптация виджета VK_like - сделать float: right;

   Есть блок. В нем есть <div id="vk_like></div>, в который загружаю виджет вконтакте "мне нравится". Мне нужно чтобы виджет был прижат в правому краю. Но float: right; в данном случае недостаточно, т.к. виджет имеет структуру фиксированных размеров . Как можно выкрутиться из этой ситуации? Вот если б можно было назначить стиль элементу внутри iframe.

   Asked by warobushek, April 14, 2011

   0 votes
   1 answer
5. Адаптация или две разных версии

   День добрый, Ув. коллеги! Уже давно занимаюсь версткой, проходил кучу разных фреймворков сеток и т.д. Но иногда, после того как приходит дизайн десктопа и мобильных версий у меня волосы дыбом и отбивает желание этим заниматься. В этих макетах всё становится не логично, то что было в сайдбаре переносится в хедер, поиск в вебе был в хедере, а в мобиле он уже находится в открывающемся меню и т.д. Я понимаю что технически просто делается дубль элемента и открываются один из них в зависимости от устройства. Но смысл делать тогда в мобилу делать страницу где лежит куча лишних блоков, которые человек даже не увидит с телефона. То есть мы облегчаем страницы для устро…

   Asked by vladmih, January 25, 2018

   0 votes
   2 answers
6. Адаптация сайта для мобильных устройств

   Здравствуйте, подскажите в чем может быть причина такой ситуации. Адаптирую сайт под разные устройства, все было хорошо, проверила как отображается, сохранила, но когда открыла повторно все съехало, но только под одно устройство (575рх) Меню после пролистывания занимает нужную ширину Остальные размеры сохраняются , начиная с 770рх Код не менялся, проверяла несколько сохраненных на разных этапах верстки, все были рабочие и на всех слетело одно и тоже, хотя с ними дальнейшей работы не было, также проверяла на разных браузерах, проблема одна (( Буду благодарна за помощь

   Asked by Natalya_2024, May 17, 2022

   0 votes
   1 answer
7. Адаптация сайта к мобильному виду

   Приветствую. Существует ли какой-нибудь стандарт, позволяющий определить, что сайт загружается со смартфона? Предпосылка. В браузере Андроида в настройках есть галочка "Адаптация к мобильному виду". При отключенной галочке сайты все грузятся так, как будто заходишь через обычный браузер, нужно масштабировать руками. Если же включить галочку, некоторые сайты (популярные) действительно адаптируются к мобильному виду, причем, очевидно, что сам сервер их адаптирует. Например, Википедия - в ПДА-версии можно сворачивать абзацы. Пытаясь разведать, что и как, были предприняты след. шаги: 1. Создал на локалхосте php-файл, записывающий заголовки запроса, и зашел на этот урл с телеф…

   Asked by kanaris, April 20, 2013

   • pda
   0 votes
   4 answers
8. Адаптация сайта под любые разрешения.

   Привет всем. Как сделать, чтобы сайт зумировался под любое разрешение меньше 1000px, т.е. когда разрешения меньше ширины сайта. Адаптивная или резиновая верстка не подойдет, т.к. нету времени. На планшете сайт при разрешении 768px выглядит нормально, а когда планшет переворачиваешь вертикально, то правая сторона сайта уезжает за экран планшета. сайт auto-gazel.ru надо, чтобы было как здесь - taxed.ru такие фишки @-ms-viewport { width: device-width;}@-o-viewport { width: device-width;}@viewport { width: device-width;} <meta name="viewport" content="width=device-width"/>не помогают (кроме google chrome) Спасибо.

   Asked by pekinessik, April 22, 2014

   0 votes
   2 answers
9. Адаптация слайдера roundabout.js

   Всем привет. Ребят, нужна помощь, не могу сама справиться. Адаптирую старый сайт. В нём есть слайдер roundabout.js версия 1.1. Так как responsive поддерживается с версии 2.1, установила её, но здесь как-то странно высчитывается позиция left в position:absolute, где-то на 100рх больше, из-за чего картинки вываливаются из своего блока и появляется горизонтальный скрол. Ребята, кто работал с данным плагином, есть там возможность откорректировать left ?

   Asked by Crystal-3, May 29, 2015

   • слайдер
   • roundabout.js
   0 votes
   0 answers
10. Адаптация социальных иконок

    Доброго времени суток, есть блок ширина которого указана в процентах, внутри него есть такая конструкция <div class="block"> <a href="#"><i class="vk"></i></a> <a href="#"><i class="ok"></i></a> <a href="#"><i class="gp"></i></a> <a href="#"><i class="fb"></i></a> <a href="#"><i class="in"></i></a> <a href="#" class="fullwidth">Link</a> </div> элемент с классом fullwidth всегда по ширине в 100% нужно сделать что бы вс элементы без этого класса были inline-block (аля only vertical) и квадратные при услови…

    Asked by karakymg, November 5, 2016

    • соц сети
    • css
    • иконки
    • адаптивные
    0 votes
    1 answer
11. Адаптация страницы

    Коллеги, прошу о помощи неравнодушных. Сайт pe.mini-mall.ru Взял за образец чужой код, а настроить до конца не получается. 1. При адаптации меню, не могу понять, как растянуть блоки на всю ширину экрана. 3. Не могу вывести дополнительные указатели в блоки где есть дополнительные пункты, в коде вроде прописано, а ничего не выводится. 2. В блоках, где раскрываются доп пункты, мигают какие-то символы, первый раз с таким столкнулся, как убрать? Буду признателен за советы.

    Asked by Dimpin, August 12, 2018

    0 votes
    0 answers
12. Адаптация шаблона

    Делаю из обычного шаблона адаптивный. Вроде все сделал, на компьютере отображается все отлично. На различных сайтах, которые показывают, как сайт отображается на моб. устройствах тоже все отлично. Но когда заходишь на сайт с телефона, некоторые элементы показываются не так, как надо. В чем может быть проблема? Ссылку на сайт к сожалению дать не могу:(

    Asked by densavi, March 23, 2016

    0 votes
    3 answers
13. адаптация шаблона

    Всем доброго времени суток. В настоящий момент пишу шаблон, и задумался вот над чем, скажем так мы имеем двухколоночный условно-резиновый макет (почему условно-резиновый? во-первых сайдбар левый фиксированый (250 рх) во-вторых установлены ограничения width (max 1300 и min 960) ). В итоге при разрешении экрана свыше 1300 рх скажем наш контентный блок имеет с учетом всех отступов и т.д. 1000 рх (назову ее рабочей шириной) так вот в эту рабочую ширину я помещаю 5 блоков с width равным 200 рх и выставляю их в ряд при помощи float:left . но при изменении размера экрана скажем до 1024 рх блоки которые не влазиют в ширину начнут падать в низ (конечно можно сделать их резино…

    Asked by green-vik, November 13, 2016

    0 votes
    0 answers
14. Адаптация шапки и всё её содержимое.

    Есть такая проблема, при сужении сайта изображение уменьшается, то сама высота блока не изменяется и получается пустое место, как сделать, что бы блок тоже уменьшался и нижний блок в жёлтом фоне нормально подстраивался, прописать медиазапросы, для каждого пикселя? https://jsfiddle.net/hqdd5two/

    Asked by DivMan, July 31, 2017

    0 votes
    5 answers
15. Адаптив

    Как лучше делать адаптивную верстку? Выбор того или иного решения зависит только от меня и макета? Какие сейчас тренды, т.к довольно много смотрел, читал и очень часто себя ловил на мысли что видел устаревший приём (тот же самый вопрос 1) Я знаю что есть много вариантов: медиа-теги, флексбоксы, бутстрап (могу ошибаться)

    Asked by xxxmaximal1, March 17, 2017

    • адаптив
    0 votes
    1 answer
16. Адаптив и стилизиция слайдера splide

    Ребята, без вас никуда! Подскажите, пожалуйста, первый раз адаптирую и стилизую слайдер splide. Сам он работает, но как его стилизовать? В dev tools стилизация тех же стрелок отражается, но когда вношу их в css - не работает. Почему так? Как, например, тогда опустить ниже стрелки? Где устанавливать брейкпоинты и задавать им свойства? На сайте splide такая инфа по адаптиву. https://splidejs.com/guides/options/#breakpoints Вот типа того что-то пробую... https://jsfiddle.net/aqmuyhwd/

    Asked by Алеся, October 15, 2021

    • js
    • css
    • responsive
    • html
    • javascript
    • slider
    0 votes
    0 answers
17. Адаптивная верска и размер шрифта

    Пытаюсь спроектировать сайт с адаптивной верской. А именно подгонять размер шрифта под размер экрана, так, чтобы на любом экране в строке было примерно одинаковое кол-во слов/символов. Как лучше/правильней/кроссбраузерней это сделать? Пока я представляю себе это так: в css тегу <html> задаем некий базовый размер шрифта, например 20px, а далее при помощи @media(max-width) назначем размеры шрифта тегу <body>(а остльные будут плясать от родителя в em) в rem. И тут возникают вопросы: 1) Какой размер шрифта в html по умолчанию? Может в зависимости от девайса - там уже все как надо? Или лучше сразу назначать размер тегу html в зависимости от экрана, а CSS всем проп…

    Asked by Kot137, June 27, 2015

    • Адаптивная верска
    0 votes
    7 answers
18. Адаптивная верстка

    Здравствуйте! Как сделать так, чтобы DIVы внутри контейнера "перепрыгивали" вниз, при уменьшении размера браузера, вплоть до одного элемента по горизонтали? <a target="_blank" href="http://www.radikal.ru"><img src="http://i049.radikal.ru/1207/c9/0ef06a0932bb.png" ></a>

    Asked by tpepost, July 4, 2012

    0 votes
    1 answer
19. адаптивная верстка

    кто может подсказать как сделать адаптивную верстку с помощью media queries, хотелось бы увидить пример, только без использования css фреймверков?

    Asked by Sergey410, November 6, 2013

    0 votes
    2 answers
20. Адаптивная верстка

    Всем привет! Такой вот вопрос.. Хочу освоиться в адаптивной верстке и вот думаю нужно ли использовать фрэймворки? Больше все мне понравился Bootstrap. Как вы думаете стоит ли писать адаптивные сайты вручную или достаточно воспользоваться тем же Bootstrap'оm?

    Asked by Eskard, January 10, 2014

    0 votes
    14 answers
21. Адаптивная верстка

    Здравствуйте, я бы хотел кое-что для себя прояснить. Веб начал осваивать можно сказать на днях, и наткнулся в интернете на такое понятие как адаптивная верстка. Вот меня мучает такой вопрос - нужна ли сейчас кому-либо фиксированная верстка или же сейчас все требуют адаптивную. То есть нужно ли мне практиковаться в фиксированной верстке, либо начать осваивать адаптивную? Кто регулярно верстает макеты просьба поделиться информацией, и подсказать какие-нибудь хорошие источники по данной теме. Спасибо всем за внимание.

    Asked by myels, June 27, 2015

    0 votes
    3 answers
22. Адаптивная верстка

    Здравствуйте. У меня проблемы с адаптивной версткой, а точнее с пониманием того, что должно происходить при изменении размеров. К примеру, есть такой код https://jsfiddle.net/o2e1fwyq/Я так понимаю, в определенный момент фото должно быть на одной строке, а текст опуститься ниже. При какой ширине окна это должно происходить, на глаз определять? И второе, верстаю флексбоксом не до конца понимая, как он работает. Почему фото имеет какую-то рандомную ширину? Как она определяется в текущий момент?

    Asked by alex_web64, January 27, 2016

    0 votes
    2 answers
23. Адаптивная верстка

    Доброго времени суток, перейду ближе к делу. Проблема с адаптивом, верстаю под разрешение 320x480. В общем не знаю, как сделать, чтобы не видно было текста, в блоке при разрешении 320x480. И еще один вопрос, как сделать, чтобы при допустим разрешении 320x480, при переходе по ссылке, открывался другой блок, а не тот, который прописан для статической странички. Вот код: HTML:div id="popup"> <span class="win"><p>Вы можете выиграть:</p></span> <div id="what-win1"><p>Аккаунты с ресурсами на серверах MineCraft:</p></div> <div class="version1"><p>1.5.2 |…

    Asked by Bleki, November 23, 2016

    • адаптивная верстка убрать блок
    • спрятать блок
    0 votes
    2 answers
24. адаптивная верстка

    Всем добрый день! Опыта мало. Пытаюсь адаптировать готовый сайт. В самом начале столкнулась с проблемой: задала body 320 px., mframe и в px., и в процентах задаю. Смотрю через Firebug и вижу, что mframe 323,6px. Почему так происходит? Ссылка на сайт http://labradorskie.com/ @media screen and (max-width: 320px) { body { width: 320px; } BODY td, th {background-color: #e5e5b7;height: 100%; } .mframe{ width:310px;height: 100%; } } ,

    Asked by tyjn, April 3, 2017

    0 votes
    2 answers
25. Адаптивная верстка — ширина экрана больше чем ширина содержимого страницы

    Помогите, пожалуйста, очень нужен взгляд со стороны. Проблема следующая - страница нормально отображается в десктопной версии, при ресайзе окна - тоже все ок. Но в режиме эмуляции моб. устройств ширина экрана больше чем ширина содержимого страницы. При этом проблема только в chrome firefox отображает нормально в любом режиме. Ниже скрин (режим моб. устройств). Код можно посмотреть здесь.

    Asked by VeraVostro, December 5, 2017

    • html
    • css
    • responsive
    • viewport
    0 votes
    2 answers