программирование css

8

CSS горизонтальное центрирование фиксированного div?

#menu { position: fixed; width: 800px; background: rgb(255, 255, 255); /* The Fallback */ background: rgba(255, 255, 255, 0.8); margin-top: 30px; } Я знаю, что этот вопрос миллион раз, но я не могу найти решение для моего случая. У меня есть div, который должен быть исправлен на экране, даже если …

183 html css centering

16

Почему мои медиа-запросы CSS3 не работают?

В файле styles.css я использую медиазапросы, в обоих из которых используется вариант: /*--[ Normal CSS styles ]----------------------------------*/ @media only screen and (max-width: 767px) { /*--[ Mobile styles go here]---------------------------*/ } Когда я уменьшаю окно, сайты меняют размер до нужного мне макета в обычном браузере (Safari, Firefox), однако макет мобильного телефона …

183 html css media-queries mobile-website

9

Серая картинка с CSS?

Каков наилучший способ (если есть), чтобы изображение выглядело «серым» с помощью CSS (т.е. без загрузки отдельной, серой версии изображения)? Мой контекст заключается в том, что у меня есть строки в таблице, у всех из которых есть кнопки в самой правой ячейке, и некоторые строки должны выглядеть светлее, чем другие. Поэтому …

183 css

18

Есть ли взлом CSS только для сафари, а не хром?

Я пытаюсь найти CSS-взлом только для сафари, а не для Chrome, я знаю, что это оба браузера webkit, но у меня возникают проблемы с выравниванием div в chrome и safari, каждый из которых отображается по-своему. Я пытался использовать это, но это влияет и на хром, @media screen and (-webkit-min-device-pixel-ratio:0) { …

183 css safari

9

Предложения Twitter's typeahead.js не имеют стиля (без рамки, прозрачного фона и т. Д.)

Я использую щебетать typeahead.js 0.9.3, и, похоже, мои предложения вообще не разработаны. Я получаю это: Вместо чего-то вроде этого: (взято со страницы примеров ) JavaScript, включающий typeahead: $('.search-typeahead').typeahead({ name: 'videos', remote: { url: '/api/v1/internal/videos/typeahead?text=%QUERY' } }); Элемент ввода HTML: <input type="text" value="" id="search_keywords" class="no-clear search-typeahead"/> Дополнительные замечания: Сайт, на котором …

182 javascript css typeahead.js

8

Как создать таблицу только используя тег <div> и Css

Я хочу создать таблицу только с использованием <div>тегов и CSS. Это мой образец таблицы. <body> <form id="form1"> <div class="divTable"> <div class="headRow"> <div class="divCell" align="center">Customer ID</div> <div class="divCell">Customer Name</div> <div class="divCell">Customer Address</div> </div> <div class="divRow"> <div class="divCell">001</div> <div class="divCell">002</div> <div class="divCell">003</div> </div> <div class="divRow"> <div class="divCell">xxx</div> <div class="divCell">yyy</div> <div class="divCell">www</div> </div> …

182 html css

9

Отключить параметры печати браузера (верхние и нижние колонтитулы, поля) со страницы?

Я видел, как этот вопрос задавался несколькими способами на SO и нескольких других сайтах, но большинство из них либо слишком специфичны, либо устарели. Я надеюсь, что кто-то может дать здесь окончательный ответ, не потворствуя спекуляциям. Есть ли способ, с помощью CSS или javascript, изменить настройки принтера по умолчанию, когда кто-то …

182 javascript html css browser printing

12

Кнопки фиксированной ширины с Bootstrap

Поддерживает ли Bootstrap кнопки фиксированной ширины? В настоящее время, если у меня есть 2 кнопки «Сохранить» и «Загрузить», размер кнопки изменяется в зависимости от содержимого. И каков правильный способ расширения Bootstrap?

182 css twitter-bootstrap

11

Установка максимальной длины символа в CSS

Я делаю адаптивный сайт для школы, и мой вопрос: Как установить максимальную длину символов в предложениях (с CSS) на моем веб-сайте (например, 75 символов), чтобы при большом экране предложения не превышали 75 символов. Я пробовал максимальную ширину, но это портит мой макет. Я использую flexbox и медиа-запросы, чтобы сделать его …

182 html css text

4

Почему z-index не работает?

Так что, если я z-indexправильно понимаю , было бы идеально в этой ситуации: Я хочу разместить нижнее изображение (тег / карточку) под div над ним. Таким образом, вы не можете видеть острые края. Как мне это сделать? z-index:-1 // on the image tag/card или z-index:100 // on the div above …

182 html css z-index

13

Какая буква английского алфавита занимает больше всего пикселей?

Я пытаюсь сделать динамическое программирование на основе количества символов в предложении. Какая буква английского алфавита занимает больше всего пикселей на экране?

181 css char

8

Остановка анимации CSS3 в последнем кадре

У меня на клике воспроизводится анимация CSS3 из 4 частей, но последняя часть анимации предназначена для того, чтобы убрать ее с экрана. Тем не менее, он всегда возвращается в исходное состояние после воспроизведения. Кто-нибудь знает, как я могу остановить его на последнем кадре CSS (100%) , или как избавиться от …

181 css css-animations

12

Можно ли остановить текстовые поля шириной 100% за пределы их контейнеров?

Допустим, у меня есть текстовое поле, которое я хочу заполнить всю строку. Я бы дал ему такой стиль: input.wide {display:block; width: 100%} Это вызывает проблемы, потому что ширина зависит от содержимого текстового поля. Текстовые поля имеют поля, границы и отступы по умолчанию, что делает текстовое поле шириной 100% больше, чем …

181 html css

13

Как заставить DIV не оборачиваться?

Мне нужно создать контейнер DIV стиль, который содержит несколько других DIV. Спрашивается, что эти DIV не будут переноситься, если размер окна браузера будет изменен, чтобы быть узким. Я попытался заставить это работать как ниже. <style> .container { min-width: 3000px; overflow: hidden; } .slide { float: left; } </style> <div class="container"> …

181 html css word-wrap nowrap

8

Как получить ширину браузера с помощью кода JavaScript?

Я пытаюсь написать функцию JavaScript, чтобы получить текущую ширину браузера. Я нашел это: javascript:alert(document.body.offsetWidth); Но его проблема в том, что он потерпит неудачу, если тело имеет ширину 100%. Есть ли другая лучшая функция или обходной путь?

180 javascript jquery html css

Вопросы с тегом «css»