Результаты поиска
| Тип поиска | Синтаксис поиска |
|---|---|
| Метки | [метка] |
| Точно | "слова в кавычках" |
| Автор |
user:1234 user:me (ваши) |
| Рейтинг |
score:3 (3+) score:0 (нет) |
| Ответов |
answers:3 (3+) answers:0 (нет) isaccepted:yes hasaccepted:no inquestion:1234 |
| Просмотры | views:250 |
| Код | code:"if (foo != bar)" |
| Секции |
title:яблоки body:"яблоки апельсины" |
| Ссылка | url:"*.example.com" |
| Закладки | in:saves |
| Статус |
closed:yes duplicate:no migrated:no wiki:no |
| Типы |
is:question is:answer |
| Исключить |
-[метка] -яблоки |
| Для получения дополнительной информации о расширенном поиске посетите нашу страницу справки | |
Результаты поиска по меткам css
Параметры поиска: not deleted
user 200809
22 результата
CSS, или каскадные таблицы стилей, — формальный язык описания внешнего вида документа, язык стилей, определяющий отображение HTML-документов.
2
голоса
Принятый
Как подключить стрелки управления к слайдеру на чистом CSS
Стрелки не должны переключать label'ы. Стрелки сами должны быть label'ами. Т.к. смена изображения происходит через чек input'ов. А label'ы есть, грубо говоря, ссылки на input'ы.
Получилось только в к …
Skywave's user avatar
- 1,937
3
голоса
2
ответа
117
показов
Отобразить кнопку как ссылку
Кнопка должна отобразиться как ссылка (нет фона + подчеркивание), но самое главное - если она не влазит по ширине, то должна обтекать текст, а не переходить на новую строку.
Пример:
.box {
wi …
Skywave's user avatar
- 1,937
1
голос
Фиксация меню, когда оно доходит к верху, и отключение фиксации по завершению секции
html
<div class="container">
<div class="menu"></menu>
</div>
css
.container {
position: relative;
}
.menu {
position: absolute;
left: 0;
top: 0;
}
js. …
Skywave's user avatar
- 1,937
0
голосов
Выравнивание по центру изображения, которое больше контейнера
В данном примере известны размеры, поэтому осталось определить отрицательные отступы.
<div style="width: 120px; height: 120px; overflow: hidden">
<img src="cat.jpg" style="width: 200px; height: 200 …
Skywave's user avatar
- 1,937
0
голосов
Не могу прикрепить футер к низу страницы
Футер упал вниз сразу как только я убрал стиль height: 100% для main
html,
body,
header,
main { /* <-- убрал */
height: 100%;
}
Но тогда лежащие внутри section'ы схлопнулись.
https://jsfiddle.ne …
Skywave's user avatar
- 1,937
0
голосов
Условия в SCSS: отображение псевдоэлемента в зависимости от высоты родителя
Скорее всего @if вам не поможет, т.к. sass компилится в css, а css не умеет управлять условиями.
Мое решение - идея. Не идеально, работает при определенных условиях, но вдруг поможет. …
Skywave's user avatar
- 1,937
1
голос
Как правильно сверстать картинки и текст?
Простейший вариант с float
Только важно управлять шириной правого текста, чтобы он оставался справа от картинки.
<div class="block">
<div class="image"></div>
<div class="text">
<p>blabla bla …
Skywave's user avatar
- 1,937
1
голос
Проверить, активно ли окно, добавить классы
Как то так:
var preloader = document.getElementById('preloader'),
pageLoaded = false;
window.onblur = function() {
if (!pageLoaded) preloader.className = 'preloader-container';
};
windo …
1
голос
Горизонтальное меню с прокруткой
><a href="#">Home</a></li>
<li><a href="#">Shop</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
</nav>
</div>
И добавил в css …
0
голосов
Выпадающий контент JQuery
Вместо show() и hide() используется css. …
1
голос
Принятый
Приближённый вид сайта при загрузке на мобильном устройстве
За область просмотра отвечает meta тег viewport
<meta name="viewport" content="width=device-width, initial-scale=1.0">
Необходимо либо убрать его из секции <head> либо изменить на нужное значение.
1
голос
2
ответа
89
показов
Расположение многоточия при использовании шрифта 'M Plus 1p' и clamp
vertical;
text-overflow: ellipsis;
overflow: hidden;
}
.regular-font {
font-family: sans-serif;
}
.spec-font {
font-family: 'M PLUS 1p';
}
<link href="https://fonts.googleapis.com/css …
-1
голос
Блок по всей ширине при увеличении масштаба
Убираем из .menu все флексы
.menu {
width: 100%;
background: #ccc;
}
Говорим, что .item теперь display: inline-block
.item {
display: inline-block;
font-size: 46px;
margin-right: 15px;
} …
2
голоса
Принятый
Возможно ли сделать такое?
Допустим ширина полоски - это 100%. В данном случае 100% это 20 - 10.
Осталось узнать процент заполнения.
var hFrom = 10,
hTo = 22,
hNow = 14,
percent = 100 * (hNow - hFrom) / (hTo - hFr …
2
голоса
Принятый
Скрипт изменения классов при скролле
Ищем отступ экрана
var scrollTop = $(window).scrollTop()+header.height();
Бежим по section.
Для каждой узнаем отступы границ блока от верха страницы.
Если отступ экрана находится между этими знач …