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

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

25
Удалить границу из IFrame
Как бы я удалил границу из встроенного в мое веб-приложение iframe? Примером iframe является: <iframe src="myURL" width="300" height="300">Browser not compatible.</iframe> Мне бы хотелось, чтобы переход с содержимого на моей странице к содержимому iframe был плавным, при условии, что цвета фона совпадают. Целевым браузером является только IE6, и, к сожалению, решения …

20
Могу ли я использовать псевдоэлемент: before или: after в поле ввода?
Я пытаюсь использовать :afterпсевдоэлемент CSS на inputполе, но он не работает. Если я использую это с span, это работает хорошо. <style type="text/css"> .mystyle:after {content:url(smiley.gif);} .mystyle {color:red;} </style> Это работает (ставит смайлик после "buu!" И перед "еще немного") <span class="mystyle">buuu!</span>a some more Это не работает - он только окрашивает someValue в …

15
Управление CSS Explosion
Я сильно полагался на CSS для веб-сайта, над которым я работаю. Прямо сейчас все стили CSS применяются для каждого тега, и поэтому сейчас я пытаюсь переместить его в более внешний стиль, чтобы помочь с любыми будущими изменениями. Но теперь проблема в том, что я заметил, что получаю «CSS Explosion». Мне …
683 css  organization 

12
Как правильно выровнять элемент flex?
Есть ли более гибкий способ для выравнивания «Контакта» по правому краю, чем использовать position: absolute? .main { display: flex; } .a, .b, .c { background: #efefef; border: 1px solid #999; } .b { flex: 1; text-align: center; } .c { position: absolute; right: 0; } <h2>With title</h2> <div class="main"> <div …
682 html  css  flexbox 

25
Как центрировать элемент «позиция: абсолют»
У меня возникли проблемы центровки элемент , который имеет атрибут positionнабор для absolute. Кто-нибудь знает, почему изображения не центрированы? body { text-align: center; } #slideshowWrapper { margin-top: 50px; text-align: center; } ul#slideshow { list-style: none; position: relative; margin: auto; } ul#slideshow li { position: absolute; } ul#slideshow li img { …

5
В CSS Flexbox, почему нет свойств «justify-items» и «justify-self»?
Рассмотрим основную ось и поперечную ось гибкого контейнера: Источник: W3C Для выравнивания гибких элементов вдоль главной оси есть одно свойство: justify-content Для выравнивания изгибаемых элементов вдоль поперечной оси есть три свойства: align-content align-items align-self На изображении выше основная ось горизонтальная, а поперечная ось вертикальная. Это направления по умолчанию для гибкого …

12
Flexbox: центр по горизонтали и вертикали
Как центрировать div горизонтально и вертикально внутри контейнера, используя flexbox. В приведенном ниже примере я хочу, чтобы каждое число находилось ниже друг друга (в строках), которые расположены по центру по горизонтали. .flex-container { padding: 0; margin: 0; list-style: none; display: flex; align-items: center; justify-content: center; } row { width: 100%; …
672 html  css  flexbox 

4
подстановочный знак * в CSS для классов
У меня есть эти divs, с которыми я укладываю .tocolor , но мне также нужен уникальный идентификатор 1,2,3,4 и т. Д., Поэтому я добавляю его как другой класс tocolor-1. <div class="tocolor tocolor-1"> tocolor 1 </div> <div class="tocolor tocolor-2"> tocolor 2 </div> <div class="tocolor tocolor-3"> tocolor 3 </div> <div class="tocolor tocolor-4"> …

30
Почему бы не использовать таблицы для разметки в HTML? [закрыто]
В настоящее время этот вопрос не очень подходит для нашего формата вопросов и ответов. Мы ожидаем, что ответы будут подтверждены фактами, ссылками или опытом, но этот вопрос, скорее всего, вызовет дебаты, споры, опрос или расширенное обсуждение. Если вы считаете, что этот вопрос можно улучшить и, возможно, вновь открыть, обратитесь за …
665 html  css 


10
Могу ли я написать селектор CSS, выбирающий элементы, НЕ имеющие определенного класса или атрибута?
Я хотел бы написать правило селектора CSS, которое выбирает все элементы, которые не имеют определенного класса. Например, с учетом следующего HTML: <html class="printable"> <body class="printable"> <h1 class="printable">Example</h1> <nav> <!-- Some menu links... --> </nav> <a href="javascript:void(0)" onclick="javascript:self.print()">Print me!</a> <p class="printable"> This page is super interresting and you should print it! …
647 html  css  css-selectors 

23
Фиксированная позиция, но относительно контейнера
Я пытаюсь исправить это divтак, чтобы он всегда прилипал к верхней части экрана, используя: position: fixed; top: 0px; right: 0px; Тем не менее, он divнаходится внутри центрированного контейнера. Когда я использую position:fixedего, он фиксирует divотносительное значение окна браузера, например, напротив правой стороны браузера. Вместо этого он должен быть зафиксирован относительно …

26
Преобразование изображения в оттенки серого в HTML / CSS
Есть ли простой способ отобразить цветное растровое изображение в оттенках серого с помощью Just HTML/CSS? Он не должен быть IE-совместимым (и я думаю, что не будет) - если он работает в FF3 и / или Sf3, для меня этого достаточно. Я знаю, что могу сделать это и с SVGCanvas, но …
619 image  css  grayscale 

11
Ориентация только на Firefox с CSS
Используя условные комментарии, легко ориентировать Internet Explorer с помощью правил CSS для браузера: <!--[if IE 6]> ...include IE6-specific stylesheet here... <![endif]--> Иногда плохо работает движок Gecko (Firefox). Как лучше всего настроить таргетинг только на Firefox с вашими правилами CSS, а не на другой браузер? То есть Internet Explorer должен игнорировать …
616 css  firefox  css-hack 

8
Удаление нескольких классов (jQuery)
Есть ли лучший способ переписать это: $('element').removeClass('class1').removeClass('class2'); Я не могу использовать, removeClass();поскольку это удалит ВСЕ классы, которые я не хочу.
615 jquery  css 

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