HTML Coding
Subforums
-
- 30.1k
- posts
-
- 1k
- posts
- Про макеты
- By klierik,
Explore Questions
There are no popular questions to show right now
-
0 votes0 answers
-
0 votes0 answers
-
0 votes0 answers
-
0 votes1 answer
-
0 votes3 answers
29,542 questions in this forum
-
Иконка из "fontello" не отображается в мобильной версии сайта
Иконка class="icon-menu" не отображается в мобильной версии сайта, использую fontello. Должны ли отображаться иконки, когда просматриваешь сайты на мобильном? Или это моя ошибка в коде?
0 votes4 answers -
Отправка данных из фрейма.
Добрый день, уважаемые форумчане. Столкнулся с такой проблемой. Имеется файл с фреймами (рис.1). В одном из фреймов форма, с отправкой скрытого значения и кнопкой. При отправке формы, обработчик Result.php, записаный в action подгружается в сам фрейм (рис.2). Подскажите пожалуйста, как сделать так чтобы та же страница открывалась в новом окне. Испробовал следующее: прописал в кнопке атрибут onClick='location.href="Result.php"' - страница открывается, но данные не отправляются onClick='parent.location.reload()' - страница обновляется но все остается по прежнему Заранее большое спасибо за советы!
0 votes2 answers -
Резиновые шрифты при inline-block и *font-size: 0
Здравствуйте! Помогите пожалуйста, разобраться. Известно, чтобы убрать пробелы между элементами - display: inline-block; Достаточно обнулить у всех элементов *font-size: 0; Но возникает вопрос - как в этом случае задать относительный шрифт (em, rem, %) внутри элементов inline-block, если font-size обнулен на глобальном уровне? Получается верстка с помощью свойства display не подходит для резиновых шрифтов или всё-таки есть какие-то способы?
0 votes5 answers -
использовать ли Bootstrap ради Js плагинов
Доброго дня. Собственно вопрос, стоит ли ради Jquery плагинов (Модальные окна, табы) использовать Bootstrap, либо для этого можно взять сторонние скрипты, например те же jquery плагины, коих пруд пруди? Предстоит проект достаточно кастомный, поэтому не хочется переопределять каждую Бутстраповую кнопочку, но не силен в js, поэтому и встал вопрос.
0 votes4 answers -
Подскажите как сделать
Привет, есть блок-ссылка, подскажите как сделать чтобы при наведении на него менялся общий цвет фона этого блока код: http://codepen.io/Anatoliy667986584/pen/NbjEPP
0 votes3 answers -
Облегающий внешний контейнер
Как заставить внешний контейнер q2 заставить облегать блоки находящиеся в нём?. Можно указать width:308px пикселов, но есть ли свойство которое автоматом всё делает? https://jsfiddle.net/1ht5mo7o/1/
0 votes1 answer -
Выделяется соседний lable при нажатии на кастомный чекбокс
При нажатии на чекбокс выделяется синим lable периодически. Подозреваю, что проблема в маргине,который задевается при нажатии, но не уверен. Потыкайте сами в чекбоксы на CODEPEN Что скажете?
0 votes6 answers -
Выборочное заполнение фона
Как сделать чтобы область в левом нижнем углу не заполнялась фоновым цветом? https://jsfiddle.net/0xhypez7/1/ Конечно можно вставить туда картинку, но может как нибудь тенями?
0 votes1 answer -
Страница в мобильном браузере
Страница не корректно отображается в некоторых мобильных браузерах (UC Browser), После скролла вниз весь контент, что находится ниже окна браузера, прячется за белым фоном. Из-за чего такое может быть? . . CSS Скрытый текст * { margin: 0; padding: 0; box-sizing: border-box; } *:before, *:after { content: ''; display: block; position: absolute; box-sizing: border-box; } html, body { margin: 0; padding: 0; height: 100%; background: #593c1e; } .wrapper { position: relative; width: 100%; height: 10…
0 votes0 answers -
Фильтрация таблицы на JavaScript
Здравствуйте! Имеется таблица с заголовками. Есть к ней фильтр: https://jsfiddle.net/3eqfLb7b/ Фильтрация убирает строки tr, которые не совпадают с искомым значением. Но заголовки th остаются. Подскажите, пожалуйста, как скрыть заголовки, которые не содержат искомое значение? Заранее благодарю за помощь.
0 votes7 answers -
Стартовый шаблон для вёрстки, заготовки, часто используемые куски кода
Всем привет! Вопрос заключается в следующим, используете ли вы какие либо стартовые шаблоны или библиотеки кода, которые облегчают рутинную работу и увеличивают скорость вёрстки? И как они выглядят? Моя предыстория заключается в следующем, был собран стартовый шаблон на основе бутстрапа, исходя из того что код там в любом случае качественнее чем мой. https://github.com/verino/billet Но на основе такой сборки можно верстать сайты адаптивные и нарисованные по сетке бутстрапа. А что делать, если сайт не адаптивный или совсем без сетки. Отключить бутстраповскую сетку и подключить susy например. Или всё же в итоге получается каша и лучше сделать сборку только из…
0 votes1 answer -
Как подгружать картинки меньшего размера для мобильных устройств?
Вопрос по ускорению загрузки сайта для мобильных размеров экрана. Как подгружать картинки меньшего размера для мобильных устройств, если адаптивность задается медиа-запросами, которые располагаются в конце CSS-файла? Ведь при этом все равно сначала грузится большая картинка для десктопного варианта, а уже потом вместо нее можно будет подгрузить меньшую картинку для меньшего размера экрана? Так ведь? При этом ускорения как-то не получается... Так как для мобильного сразу подгружать картинку помельче? Неужели только отдельный CSS-файл для этого делать?
0 votes4 answers -
Выравнивание в ячейке по вертикали
Нужно выровнять текст в ячейке по вертикали, поставить его по центру http://codepen.io/anon/pen/qqPxmB
0 votes3 answers -
Ввод данных и их дальнейшее использование
Как сделать так, чтобы при вводе какого либо текста в поле и нажатия кнопки, которое сохраняет этот текст, выводилось это через алерт в другой функции. Например, я хочу ввести своё имя во время игры. А когда я побеждаю, то выводится alert'ом сообщение "Победил игрок (имя игрока, которое было введено в поле)". Думаю, что понятно объяснил.
0 votes1 answer -
Совместное использования процентов и пикселов
Доброго времени суток! Можно ли как-то простым способом сделать следующее: Имеется блок в 600 пикселов и внутри него еще два блока (display: inline-block), ширина первого блока всегда разная, она может быть 100px или 150px, в общем всегда разница. Я хочу сделать так, что после первого блока, второй занимал всю остальную длину, не больше и не меньше и всё это без использования, разумеется, JS и без всяких overflow: hidden это не подходит. Буду благодарен за дельные советы
0 votes10 answers -
Подскажите как сделать
Подскажите, как сделать чтобы выпадающий список выпадал только после нажатия на подраздел, а не сразу после наведения, как в моём случае. Код : http://codepen.io/Anatoliy667986584/pen/NbjEPP
0 votes0 answers -
Помогите решить задачу
Привет =) Помогите решить задачку, Вот код: http://codepen.io/Anatoliy667986584/pen/NbjEPP как сделать чтобы в первых двух колонах, выпадающие списки выпадали в правую сторону, а не в левую, как сейчас. А у вторых двух колон пусть остаётся в левую, как сейчас. Выпадающие списки прямо на колоны чтобы падали - как сейчас. эти 4 колоны будут по центру страницы, и проблема в том, что выпадающие списки в первых двух колонах - не помещаются, в первой колоне вообще выпадает за пределы страницы. в css есть подсказки возле каждого правила. Надеюсь на помощь)
0 votes2 answers -
Виджеты wp
Здравствуйте. Проблема в следующем, почему текст в верхних, виджетах, не выделяется? http://comp-tech.ru/ Как сделать так, чтобы можно было выделить? мышкой и скопировать
1 vote2 answers -
Задать одинаковую скорость анимации
Чтобы увидеть проблему нудно подождать анимацию. Ничего страшного что картинок не видно, главная суть в том чтобы скорость перед тем как картинка исчезла, и с конца передвинулась на своё место была одинаковая скорость. https://jsfiddle.net/ysggq4pf/. получается так: картинки двигаются налево, после того как появляются в конце начинают двигаться медленнее.
0 votes3 answers -
float, clear, overflov
Сабж. Не только подробное описание, но и различные трюки. Где почитать очень, ну очень подробно :). Статья, набор статей или раздел книги (название, аффтар, и желательно раздел или страница ). С примерами. На русском.
0 votes4 answers -
Div за пределами нижней части экрана
Здравствуйте! Помогите правильно разместить блоки в обертке. Имеется два основных блока, один из которых будет являться фоном ("landscape"), а другой содержать навигационные элементы ("menu"). Меню должно прокручиваться на фоне статичного фона, а у меня "menu" сваливается ниже обертки (height:100%), за пределы экрана. Кучу вариантов перебрал с позиционированием и размерами, но найти правильное решение никак не могу... CodePen , или: . CSS Скрытый текст * {box-sizing: border-box;} *:before, *:after { content: ''; display: block; position: absolute; box-sizing: border-box; } html, body { margin: 0; padding: 0; height: 100%; bac…
0 votes4 answers -
бустрап отключить адаптивность
есть сайт на бустрап3(а может 4) мне нужно выключить адаптивность для любых устройствах я установил такую строку <meta name="viewport" content="width=1200, initial-scale=0.4, maximum-scale=1.0, user-scalable=yes" /> все работает,но если я в десктопном браузере уменьшаю ширину то верстка превращается в адаптивную гуглил,там описываются решения типа пересобрать бустрап или заменить все элементы на col-xs- но для меня слишком сложно,плюс не хочу править сам шаблон есть простое решение? скачивал css файлы которые якобы убирают адаптивность но не помогает
0 votes17 answers -
Настройка анимации (срочно)
Как настроить анимацию так, чтобы элементы плавно плыли по течению. Думаю проблема в процентный значениях между кадрами. Вот песок: https://jsfiddle.net/8awkpysn/1/ И собственно код. <p class="q1"></p> <p class="q2"></p> .q1{ position:absolute; left:0px; width:100px; height:80px; background:black; animation: c1 5s linear infinite; } .q2{ position:absolute; left:110px; width:100px; height:100px; background:black; animation: c2 5s linear infinite; } @keyframes c1 { 15%{ left:-252px; } 15.1%{ left:450px; } } @keyframes c2 { 15%{ left:-252px; } 15.1%{ left:560px; } to{ left:11…
0 votes0 answers -
Вывод пропорционального флеш-ролика
Как вывести на сайте флеш-ролик с нормальными пропорциями? Например, одни ролики более квадратные 4:3, другие продолговатые - 16:9. Использую один контейнер для всех роликов. Из-за этого появляются полоски, либо по бокам, либо сверху-снизу. Обрезка параметром scale=noborder не подходит, так как может отрезать элементы управления. Есть ли возможность узнать параметры ролика и подогнать высоту контейнера для корректных пропорций?
0 votes0 answers -
Помогите мне, как понять верстку?
Помогите мне, как понять верстку? Т.е. я знаю основы, но не умею верстать, просто не получается и бросаю дело(
0 votes24 answers