Вопросы с меткой [css]

CSS, или каскадные таблицы стилей, — формальный язык описания внешнего вида документа, язык стилей, определяющий отображение HTML-документов.

Фильтрация
Сортировка
Метки
0 голосов
2 ответа
371 показ

В миниатюре Вордпресс не воспроизводятся гиф, потому что Вордпресс изменяет адрес картинки миниатюры?

Вордпресс, при вставке в миниатюру гифки, изменяет ее адрес, подставляя файлу его разрешение в названии изо! Должно быть как обычно: правильный вариант миниатюры А Вордпресс изменяет так: на выходе ...
Serovpochta's user avatar
0 голосов
1 ответ
65 показов

Помогите с простой версткой

Помогите, пожалуйста, с версткой: https://jsfiddle.net/AlexSYS/0mtqk3dk/ .Center { border:1px solid orange; margin-top:118px; height: 100%; position:relative; } Почему у блока Center ...
Алексей Майборода's user avatar
2 голоса
1 ответ
68 показов

Как исправить проблему переполнения скругленных углов при анимации псевдоэлемента в WebKit?

В браузере на WebKit`е в данном примере: #myid { width: 400px; height: 400px; border: solid black; border-radius: 40px; overflow: hidden; position: relative; } #myid::after {...
Igor Mahov's user avatar
0 голосов
2 ответа
2k показов

Выровнять блок по центру вертикали другого блока

Когда хочу сделать отступ блоку logo, отступ делается внутри блока screen, а от него. Я знаю что можно сделать position: absolute; и отступ в процентах, но мне нужно в пикселях. Скажите, есть способ ...
2booos's user avatar
  • 4
0 голосов
1 ответ
89 показов

Ошибка в SALVATTORE.JS и WordPress

Refused to execute script from 'https://raw.github.com/rnmp/salvattore/master/dist/salvattore.min.js' because its MIME type ('text/plain') is not executable, and strict MIME type checking is enabled. ...
goodalien's user avatar
  • 468
-1 голос
1 ответ
3k показов

Как убрать крестик на input в IE 9 и IE 10? [дубликат]

По-умолчанию Internet Explorer 9 и 10 при фокусе на input (type="text", type="email", type="url", type="number", type="tel", type="search") появляется крестик очистки содержимого поля. Как убрать ...
MobiDevices's user avatar
  • 7,309
0 голосов
1 ответ
103 показа

Как сделать чтобы красный блок шел после картинки , а не на ней

Красный блок лежит на картинке и не могу его опустить. HTML: <header> <nav class="top_menu"> <div class="container"> <div class="row"> ...
Loqiemean's user avatar
2 голоса
3 ответа
88k показов

Как растянуть блок на всю высоту страницы?

Вопрос по CSS. Задача: есть высокий блок-контейнер, он по высоте не помещается на один экран (например, div, в котором много параграфов), надо задать фон этому блоку-контейнеру, чтобы он был закрашен ...
Dimon's user avatar
  • 2,059
3 голоса
1 ответ
287 показов

Не могу зафиксировать шапку

Есть страница Есть шапка с такой версткой <div class="fixed_header"> <div class="grey" style=" background-color:#f8f8f8; opacity:1;"> </div> </div> style .fixed_header {...
duddeniska's user avatar
  • 3,978
6 голосов
1 ответ
2k показов

Подключение CSS и JS к JSP, выдаваемому через Servlet

Каким образом подключить CSS и JS к формируемому JSP, когда сервлет висит на корне сайта? Если его повесить на любой другой адрес, тогда проблем с подтягиванием таблиц стилей нет. Расположение файлов:...
xrk's user avatar
  • 139
9 голосов
2 ответа
66k показов

Как убрать рамку вокруг button, input и некоторых других элементов в Firefox? [дубликат]

Применяю такой способ: * { outline: 0 !important; } В Chrome все работает, а вот Firefox наотрез отказывается принимать этот код.
Denisoed's user avatar
  • 774
1 голос
1 ответ
73 показа

Как сделать так, что бы элемент "Контакты" был самым правым?

.header-up { height: 44px; font-family: Roboto; margin: 0 auto; width: 1200px; } body background { width: 100%; } body { margin: 0; font-family: Roboto; } .header-up a { ...
user232486's user avatar
1 голос
1 ответ
610 показов

Задержка анимации блока на CSS 3

Делаю блок оповещений, он выползает снизу. Делаю так: -webkit-transform:translate(0,0); (когда надо показать блок) -webkit-transform:translate(0,100%); (когда надо скрыть) Как мне сначала показать ...
W_0rld's user avatar
  • 328
3 голоса
1 ответ
140 показов

Почему блок с overflow: hidden встаёт рядом?

Если у блока выставлено overflow: hidden, он встаёт рядом с float'ом, а не накрывается им. Почему так? И как вообще overflow взаимодействует с размещением блоков? section { margin: 1em 0; ...
Qwertiy's user avatar
  • 124k
1 голос
0 ответов
84 показа

Как начать две анимации одновременно? [закрыт]

Есть пример: сайт И иногда при его запуске анимация логотипа и анимация текста идет вразнобой (хотя кифреймы все выставлены одинаково). Чаще всего всё нормально. Можете посмотреть репозиторий, если ...
wokalek's user avatar
  • 1,284
0 голосов
0 ответов
100 показов

Экспорт "шрифтовой" графики из Photoshop

Как экспортировать графику из Photoshop, которая сделана шрифтом?
Никита's user avatar
0 голосов
1 ответ
795 показов

Неверный цвет placeholder в FireFox

Проблема в том, что при стилизации placeholder в FireFox он имеет отличный цвет, чем в остальных браузерах.
MobiDevices's user avatar
  • 7,309
0 голосов
1 ответ
90 показов

Почему input type="file" отображается по-разному в разных версиях Microsoft Edge?

Edge Microsoft Edge 38.14393.0.0 Microsoft EdgeHTML 14.14393 Проверяю на https://saucelabs.com и вижу нормальный результат (Microsoft Edge 25.10586.0.0 Microsoft EdgeHTML 13.10586) В чем ...
jashka's user avatar
  • 1,625
1 голос
0 ответов
71 показ

Почему кнопка "заказать обратный звонок" стала ведущей?

Например при добавлении к ней margin-top:50px; сдвигается всё, включая саму кнопку: .header-up { height: 44px; font-family:Roboto; margin: 0 auto; width: 1200px; } body background ...
user232486's user avatar
1 голос
1 ответ
35 показов

Как правильно переместить ту сумму чуть выше (ближе к слову "Корзина")?

Вот код: @import url(reset.css); .header-up { height: 44px; font-family: Roboto; margin: 0 auto; width: 1200px; } body background { width: 100%; } body { margin: 0; ...
user232486's user avatar
3 голоса
3 ответа
3k показов

Bootstrap сетка - почему не работает?

Почему моя сетка (.row со всеми .col-md) выходит за границы родительского контейнера? .mixer { width: 1024px; height: 200px; border: 3px solid #6B70F0; margin: 0 auto; border-...
PolonskiyP's user avatar
1 голос
1 ответ
187 показов

Transform rotate height

Как определить размер области объекта после CSS трансформации. То есть, если использовать rotate(-45deg) объект будет развернут, но как мне определить высоту блока, чтобы объект не наезжал на ...
Евгений Венеград's user avatar
1 голос
1 ответ
72 показа

Материалы по css хакам

Посоветуйте что-нибудь почитать хорошее по css. Мой уровень: читал книжки, смотрел курсы, сверстал макетов 10 по psd, всё это было в основном до выхода css3. Из него использую только flex и border-...
Эдуард's user avatar
3 голоса
7 ответов
2k показов

Нужно центрировать блок a внутри div

Здравствуйте. Я делаю сайт и не могу понять, как можно центрировать элементы a внутри div. Подскажите. Заранее спасибо. Код: .hmenu { margin-left:8%; width:1200px; background-color:#...
Dmitriy's user avatar
  • 31
0 голосов
1 ответ
5k показов

У span не работает margin-top

Вот HTML: <div class="header"> <span id="header1"><img src="images/Shesterenka.gif"></img><a href="#">Служба поддержки</a></span> <span id="header1"&...
user232486's user avatar
8 голосов
3 ответа
530 показов

Как лучше сверстать многоугольник с изображением внутри?

Как лучше сверстать многоугольник подобного плана с изображением внутри? Изначально изображение квадратное.
Denis's user avatar
  • 83
3 голоса
3 ответа
200 показов

Двойные кнопки - так и должно быть или что-то неверно?

Здравствуйте! Установила кнопки на статьи. И смущает их внешний вид, они как будто двойные, скриншот высылаю. Всмысле двоится буква/картинка. Заранее благодарю. Может, я что-то не так сделала? http://...
Юлия's user avatar
1 голос
0 ответов
38 показов

Деление блока MDL

Изначально было так: Хотя в "контенте" сделать два блока, я дабавил ещё один (8) Блок (4) съехал в низ. Но так да, сетка 12 (8 и 4 съехали в низ) все нормально, т.к добавив 8 я создал новую сетку. ...
Денис Павлик's user avatar
1 голос
3 ответа
308 показов

Некорректная работа bootstrap

Подскажите, почему некоторые классы bootstrap отображают элементы не так как надо? К примеру, вот простая страница: http://paste.ubuntu.com/23725639/ <!DOCTYPE html> <html> <head> ...
Mr. Yep's user avatar
  • 55
-3 голоса
1 ответ
100 показов

Автоперенос строк [закрыт]

Скачал скрипт jodit editor (http://xdsoft.net/jodit/) Решил проверить на перенос строки. Написал непрерывно букву a, но оно, вместо переноса, уезжает вправо. Притом, что на сайте работает нормально ...
BedOmar's user avatar
  • 593
15 голосов
4 ответа
22k показов

Отступы между инлайновыми элементами [дубликат]

Откуда берутся отступы между элементами с display: inline-block; и как их убрать? Отступы нигде не фиксируются:
Philin's user avatar
  • 461
0 голосов
2 ответа
6k показов

Как убрать bootstrap'овский margin?

После добавления класса "row" объекты попадают в нужную мне строку но приобретают ненужное мне свойство.
Philin's user avatar
  • 461
0 голосов
1 ответ
236 показов

Индикатор слайда bxslider [закрыт]

Как переместить индикаторы текущего слайдера на само изображение, а не под ним? Пример на скриншоте:
Merkelst's user avatar
  • 193
1 голос
2 ответа
146 показов

Проблема с работой transition

Прошу помочь в аминировании динамически создаваемых объектов. Объекты создаются, но свойство transition не применяется как нужно. Вернее оно применяется правильно, только если я пользуюсь профайлером —...
Алексей Майборода's user avatar
2 голоса
2 ответа
483 показа

Адаптивная вёрстка с сохранением пропорций на bootstrap

Всем привет! Столкнулся с проблемой верстки вот такого компонента: Верстаю на bootstrap 4, такие требования для верстки. Вопрос состоит в том, каким образом можно сверстать данный компонент так, ...
Woleks's user avatar
  • 173
0 голосов
1 ответ
98 показов

В блоке с position: relative; не работает форма. Что не так и как исправить?

.block-search { z-index: -1; height: 370px; width: 100%; background: url(../img/block-search.png) center no-repeat; background-size: cover; position: relative; } .block-search:...
дима овчаров's user avatar
4 голоса
1 ответ
1k показов

Как в Safari в input убрать иконку пользователя?

В Safari в input при редактировании появляется иконка пользователя. Добавление параметра autocomplete="off" не помогло. Как можно решить данную проблему?
MobiDevices's user avatar
  • 7,309
0 голосов
1 ответ
40 показов

Как проиденцифитировать xhtml?

Есть Xhtml разметка енерирующая HTML в разметке таблица и столбцы ... Хочу со скрипта обратиться к таблице но не получается присвить им идентификатор .Когда генерируется HTML в нем идентификаторов нет....
elik's user avatar
  • 5,658
1 голос
2 ответа
316 показов

Нужна помощь по HTML(формы)

В форме, при наведении курсора на поля checkbox и radio, должна вокруг этих полей появляться прерывистая рамка.
Henadz Kuryliuk's user avatar
0 голосов
1 ответ
73 показа

Не включать в расчет места тега размеры вложенных элементов [закрыт]

Суть в том, что при ховере тега a должны выводиться всплески анимацией. При ховере всё работает корректно: всплески появляются тогда, когда я подвожу мышку именно на сам текст. Но если я начну убирать ...
wokalek's user avatar
  • 1,284
3 голоса
3 ответа
191 показ

От чего зависит плавность сайтов?

От чего зависит плавность сайтов? Имею в виду разные эфекты появления меню, слайдеры, скроллы и тп. Сделал меню, на пк проверяю все нормально, плавно, красиво. Но, когда дело доходит до проверки на ...
E_K's user avatar
  • 4,936
1 голос
1 ответ
122 показа

Расположение элементов flexbox

Есть код: .menu { width: 90%; height: 100px; background-color: #fff; display: flex; justify-content: space-between; align-items: center; padding-left: 5%; padding-right: 5%...
Merkelst's user avatar
  • 193
1 голос
1 ответ
92 показа

Значение важности задания свойства position: relative для дочернего absolute

Есть элемент a, к которому нужно в ::after по центру точку поместить. Просто для примера. Во всех гайдах в Интернете, что я смотрел, везде писалось, что родителю нужно указать position: relative, а ...
wokalek's user avatar
  • 1,284
0 голосов
2 ответа
66 показов

Изменение ширины элемента в зависимости от текста в нем [закрыт]

На картинке видно, что символы в первой и последной строчке не совсем помещаются в элементы (li) списка (ul). А вот хотелось бы, чтобы всё помещалось и центрировалось. Инлайн-блок не помогает. Синим я ...
wokalek's user avatar
  • 1,284
0 голосов
2 ответа
422 показа

Скрытые элементы за пределами области видимости родителя со стилем overflow:hidden

Как с помощью jquery, получить список элементов которые находятся за пределами области видимости родительского элемента, у которого установлен стиль overflow:hidden Вот HTML: <div class="item-...
Дмитрий Вишняков's user avatar
1 голос
1 ответ
401 показ

svg в google chrome

Не могу понять почему svg так не корректно отображается на хроме, если присмотреться то на кнопочке крестик, в середине линий пустые пиксели. Сверху правильно отображение ie11, а снизу хром Подключаю ...
Александр Алексеев's user avatar
0 голосов
2 ответа
1k показов

Bootstrap - адаптивная верстка блока с количеством столбцов, зависящим от размера экрана

Необходимо сверстать контейнер, в котором может быть произвольное количество строк (row), причем должно выполняться следующее: На больших экранах в каждой строке должно быть 3 столбца. На маленьких ...
DarkGenius's user avatar
1 голос
1 ответ
79 показов

Проблема с overlay меню: не могу отключить при переходе по ссылке

Здравствуйте. У меня проблема с overlay меню: не могу отключить при переходе по ссылке $(function() { $(".menu-link").click(function(e) { e.preventDefault(); $(".menu-overlay")....
Александр Кузнецов's user avatar
3 голоса
1 ответ
2k показов

Как сделать текст на рамке, в качестве заголовка?

Примерно так выглядит в результате.
Romuald Shmidtelson's user avatar
1 голос
1 ответ
35 показов

блок продолжает ехать)

блок продолжает ехать но должен заползать назад. должно получиться меню. и как сделать что бы при клике на пустоту блок закрывался? и фон затемнялся) $('#pollSlider-button').click(function() { ...
BedOmar's user avatar
  • 593