Запитання з тегом «css»

Як застосувати вставну межу до елемента HTML, але лише з одного боку. До цього часу я використовував для цього зображення (GIF / PNG), яке потім використовував би як фон і розтягував його (repeat-x) і розташував трохи від верхньої частини мого блоку. В останнім часом я виявив начерки CSS властивість, яке …

86 html  css 

Я шукав і шукав, але не зміг знайти рішення для моєї вимоги. У мене проста звичайна HTML-таблиця. Я хочу для нього круглі кути, без використання зображень або JS, тобто лише чистого CSS . Подобається це: Закруглені кути для кутових комірок та 1pxтовста облямівка для комірок. Поки що я маю таке: …

86 html  css  html-table  rounded-corners 

Скажімо, маю <div class="myDiv">Hi there</div> Я хочу поставити a background-imageі надати йому значення opacityof 0.5- але я хочу, щоб написаний мною текст мав повну прозорість ( 1). Якби я писав CSS так .myDiv { opacity:0.5 } все буде з низькою непрозорістю - і я цього не хочу. Тож моє запитання …

86 html  css  background  background-image 

Це може бути Compass 101, але хто-небудь писав комбінацію, яка встановлює альфа-значення кольору? В ідеалі я хотів би, щоб міксин прийняв будь-яку форму визначення кольору та застосував прозорість: @include set-alpha( red, 0.5 ); //prints rgba(255, 0, 0, 0.5); @include set-alpha( #ff0000, 0.5 ); //prints rgba(255, 0, 0, 0.5); @include set-alpha( …

86 css  sass  compass-sass  rgba 

Отже, у мене є app/assets/stylesheets/структура каталогів, яка виглядає приблизно так: |-dialogs |-mixins |---buttons |---gradients |---vendor_support |---widgets |-pages |-structure |-ui_elements У кожному каталозі є декілька частин sass (зазвичай * .css.scss, але один або два * .css.scss.erb). Можливо, я припускаю багато, але rails ПОВИНЕН автоматично зкомпілювати всі файли в цих каталогах через …

86 css  ruby-on-rails  asset-pipeline  sass 

Я використовую twitter bootstrap і маю рядок, який має два стовпці (span6). Як створити вертикальний роздільник між обома прольотами. Дякую, Муртаза

86 html  css  twitter-bootstrap 

У мене виникають проблеми з обертанням і розташуванням рядка тексту. Зараз працює лише позиція. Поворот також працює, але лише якщо я вимкнув позиціонування. CSS: #rotatedtext { transform-origin: left; transform: rotate(90deg); transform: translate(50%, 50%); } Html - це просто текст.

86 css  webkit  transform  css-transforms 

У мене є своєрідна і неприємна проблема. Для простої розмітки: <table> <thead> <tr><th>1</th><th>2</th><th>3</th></tr> </thead> <tbody> <tr><td>a</td><td>b></td><td>c</td></tr> <tr class='odd'><td>x</td><td>y</td><td>z</td></tr> </tbody> </table> Я застосовую різні значення кольору фону до непарних елементів thead , tr та tr . Проблема полягає в тому, що в більшості браузерів кожна клітинка має небажану межу, яка не …

86 html  css  html-table 

Я бачив, як ці позначення часто використовуються, і мені було цікаво, чи є якась помітна різниця між цими двома позначеннями? element#id { property: 0; } і element#id { property: 0px; } Я використовую property: 0px;весь час, оскільки мені здається, що це виглядає чистіше, але я не впевнений, чи браузер інтерпретує …

86 css  properties  zero 

У мене є клас предметів та компактний клас "модифікатора": .item { ... } .item.compact { /* styles to make .item smaller */ } Це добре. Однак я хотів би додати @mediaзапит, який змушує .itemклас бути компактним, коли екран досить малий. На перший погляд, це те, що я намагався зробити: .item …

86 css  sass  media-queries 

Я випробовую Bootstrap, і мені було цікаво, як я можу виправити нижній колонтитул внизу, не зникаючи зі сторінки, якщо вміст прокручується?

86 html  css  twitter-bootstrap  footer 

У мене проблема з випадаючими кнопками всередині таблиць, коли вони реагують і активно прокручують, оскільки розкривне меню не видно через overflow: auto;властивість. Як я можу це виправити, щоб показати випадаючу опцію кнопки, коли вона згорнута? Я можу використовувати деякі jQuery, але після того, як у мене виникли проблеми з прокруткою …

86 javascript  jquery  css  twitter-bootstrap  overflow 

Я розробляю веб-сайт на основі вихідного коду Wordpress через XAMPP. Іноді я міняю код CSS, сценарії чи щось інше, і я помічаю, що моєму браузеру потрібен час, щоб застосувати зміни. Це змушує мене використовувати декілька браузерів для оновлення одного, і якщо не застосовується нові стилі, я спробую другий, і це …

86 javascript  css  browser  xampp 

Чи є спосіб стилізувати вибраний на даний момент <option>елемент в <select>елементі? Тоді я міг би надати колір тла поточно вибраному елементу опції? Таким чином я можу стилізувати варіант, який зараз можна переглянути у закритому випадаючому списку.

86 html  css  css-selectors  pseudo-class 

У мене є: JS-файли, які я хочу об’єднати. МЕНШЕ файлів, які я хочу скомпілювати до CSS (вирішення @imports в єдиний пакет). Я сподівався вказати їх як два окремі входи та мати два окремі виходи (ймовірно, за допомогою витяжки text-webpack-plugin). У Webpack є всі належні плагіни / завантажувачі для компіляції, але, …

86 javascript  css  webpack  build  css-preprocessor