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

CSS (каскадные таблицы стилей) - это язык таблиц стилей представления, используемый для описания внешнего вида и форматирования документов HTML (язык разметки гипертекста), XML (расширяемый язык разметки) и элементов SVG, включая (но не ограничиваясь) цвета, макет, шрифты, и анимации. Также описывается, как элементы должны отображаться на экране, на бумаге, в речи или на других носителях.

7
Ограничения CSS правил Internet Explorer
Я прочитал противоречивую информацию о глупых ограничениях CSS в Internet Explorer. Я (кажется, я) понимаю, что у вас может быть только 31 <style>и <link>теги (вместе взятые), и что на каждом листе может быть до 31 @import(то есть с 31 <link>до 31 @import- это хорошо, хотя и безумно). Однако правило 4095 …

9
angularjs: ng-src эквивалент для background-image: url (…)
В angularjs у вас есть тег ng-src , цель которого состоит в том, чтобы вы не получили ошибку для недействительного URL-адреса до того, как angularjs оценит переменные, расположенные между {{и }}. Проблема в том, что я использую довольно много DIV с background-imageустановленным на URL. Я делаю это из-за превосходного свойства …
150 css  angularjs 

9
Как стилизовать атрибут readonly с помощью CSS?
В настоящее время я использую readonly = "readonly", чтобы отключить поля. Я сейчас пытаюсь стилизовать атрибут с помощью CSS. Я пытался использовать input[readonly] { /*styling info here*/ } но это не работает по какой-то причине. Я также пытался input[readonly='readonly'] { /*styling info here*/ } это тоже не работает. Как я …
150 html  css  css-selectors 

5
Иметь фиксированную позицию div, которую нужно прокручивать, если содержимое переполняется
У меня на самом деле две проблемы, но давайте сначала решим основную проблему, так как я считаю, что другую легче решить. У меня есть фиксированное положение div на левой стороне прокрутки для меню. Правая сторона - это стандартный div, который правильно прокручивается. Проблема в том, что когда порт просмотра браузера …

13
Как добавить изображения в список выбора?
У меня есть список избранных полов. Код: <select> <option>male</option> <option>female</option> <option>others</option> </select> Я хочу использовать изображение из выпадающего списка как drop-down-icon.jpeg. Я хочу добавить кнопку вместо выпадающего значка. Как это сделать?
150 html  css 

10
Почему многоточие CSS не работает в ячейке таблицы?
Рассмотрим следующий пример: ( живая демонстрация здесь ) $(function() { console.log("width = " + $("td").width()); }); td { border: 1px solid black; width: 50px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <table> <tbody> <tr> <td>Hello Stack Overflow</td> </tr> </tbody> </table> Выполнить фрагмент кодаСкрыть результатыРазвернуть фрагмент Вывод:, width = …
150 html  css  ellipsis 

15
CSS-стилизация в формах Django
Я хотел бы стилизовать следующее: forms.py: from django import forms class ContactForm(forms.Form): subject = forms.CharField(max_length=100) email = forms.EmailField(required=False) message = forms.CharField(widget=forms.Textarea) contact_form.html: <form action="" method="post"> <table> {{ form.as_table }} </table> <input type="submit" value="Submit"> </form> Например, как я поставил класс или ID для subject, email, messageчтобы обеспечить внешнюю таблицу стилей?
150 css  django  django-forms 

20
Не удалось декодировать загруженный шрифт
Это ошибка, которую я получаю в Chrome, и, к сожалению, ее поиск не дал мне особых результатов. Сам шрифт отображается правильно. Однако я все еще получаю эту ошибку / предупреждение. Более конкретно, это полное предупреждение: "Не удалось декодировать загруженный шрифт: http: // localhost: 8000 / app / fonts / Lato …
149 css  html  fonts 

9
Имитация мигающего тега с CSS3-анимацией
Я действительно хочу, чтобы фрагмент текста моргал в стиле старой школы без использования JavaScript или оформления текста. Нет переходов, только * мигать *, * мигать *, * мигать *! РЕДАКТИРОВАТЬ : Это отличается от этого вопроса, потому что я прошу мигать без непрерывных переходов, в то время как ОП других …

14
HTML5 Canvas Resize (Downscale) Изображение высокого качества?
Я использую html5 элементы холста, чтобы изменить размеры изображений в моем браузере. Оказывается, качество очень низкое. Я нашел это: Отключить интерполяцию при масштабировании <canvas>, но это не помогает повысить качество. Ниже мой код CSS и JS, а также изображение, масштабированное с помощью Photoshop и масштабированное в Canvas API. Что мне …

15
Как с помощью CSS установить цвет фона для ширины текста, а не для всего элемента?
Я хочу, чтобы зеленый фон находился сразу за текстом, а не составлял 100% ширины страницы. Вот мой текущий код: h1 { text-align: center; background-color: green; } <h1>The Last Will and Testament of Eric Jones</h1> Запустить фрагмент кодаСкрыть результатыРазвернуть фрагмент
149 html  css 

16
Как выровнять горизонтальное меню <UL> по центру?
Мне нужно по центру выровнять горизонтальное меню. Я пробовал различные решения, в том числе сочетание inline-block/ block/ center-alignи т. Д., Но не удалось. Вот мой код: &lt;div class="topmenu-design"&gt; &lt;!-- Top menu content: START --&gt; &lt;ul id="topmenu firstlevel"&gt; &lt;li class="firstli" id="node_id_64"&gt;&lt;div&gt;&lt;a href="#"&gt;&lt;span&gt;Om kampanjen&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;&lt;/li&gt; &lt;li id="node_id_65"&gt;&lt;div&gt;&lt;a href="#"&gt;&lt;span&gt;Fakta om inneklima&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;&lt;/li&gt; &lt;li class="lastli" id="node_id_66"&gt;&lt;div&gt;&lt;a …
148 css  xhtml  menuitem 

26
Как не дать длинным словам сломать мой div?
После перехода с TABLE-макета на DIV-макет остается одна общая проблема: ПРОБЛЕМА : вы заполняете свой DIV динамическим текстом, и неизбежно появляется сверхдлинное слово, которое простирается через край столбца div и делает ваш сайт непрофессиональным. РЕТРО-ХОЛДИНГ : Этого никогда не случалось с макетами столов. Ячейка таблицы всегда будет расширяться до ширины …
148 css  layout  html 

7
CSS-ячейка таблицы равной ширины
У меня есть неопределенное количество элементов ячейки таблицы внутри контейнера таблицы. &lt;div style="display:table;"&gt; &lt;div style="display:table-cell;"&gt;&lt;/div&gt; &lt;div style="display:table-cell;"&gt;&lt;/div&gt; &lt;/div&gt; Есть ли чистый способ CSS сделать ячейки таблицы равными по ширине, даже если в них есть контент разного размера? Спасибо. Изменить: Наличие максимальной ширины повлечет за собой знание того, сколько ячеек у …
148 html  css  html-table 

18
Как я могу позволить телу прокручивать тело, но держать его неподвижно на месте?
Я пишу страницу, где мне нужна таблица HTML для поддержания заданного размера. Мне нужны заголовки в верхней части таблицы, чтобы они всегда оставались там, но мне также нужно прокручивать тело таблицы независимо от того, сколько строк добавлено в таблицу. Вспомните мини-версию Excel. Это кажется простой задачей, но почти каждое решение, …

Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.