Програмування css

9

Два вбудовані блокові елементи, кожен із шириною 50%, не поміщаються поруч в один ряд

<!DOCTYPE html> <html> <head> <title>Width issue</title> <style type="text/css"> body { margin: 0; } #left { width: 50%; background: lightblue; display: inline-block; } #right { width: 50%; background: orange; display: inline-block; } </style> </head> <body> <div id="left">Left</div> <div id="right">Right</div> </body> </html> JSFiddle: http://jsfiddle.net/5EcPK/ Наведений вище код намагається розмістити #left div і …

87 html css

3

Чи є background-position-x (background-position-y) стандартною властивістю W3C CSS?

Мене турбує background-position-xі background-position-y. Gecko (Firefox) та Presto (Opera) їх не підтримують, але Webkit (Chrome, Safari) підтримує ... Хто-небудь знає (з офіційними посиланнями), чи включено це (або буде включено) до стандарту?

87 css background-position

13

Створення ефекту масштабування зображення на наведенні за допомогою CSS?

Зараз я намагаюся створити ефект масштабування при наведенні на одне з моїх чотирьох зображень. Проблема полягає в тому, що більшість прикладів зазвичай використовують таблиці або маски div, щоб застосувати якийсь ефект. Ось один приклад, який реалізує те, що я хотів би цього . Це мій код поки що. HTML <div …

87 html class css

3

Відображення вертикальної смуги прокрутки Div

Мені цікаво, як можна постійно показувати вертикальну смужку div (сіру, якщо немає прокрутки), подібну до наших звичайних смуг. В основному я намагаюся розмістити весь веб-сайт у div (наприклад, gmail / facebook), тому, якщо сторінка недостатньо довга, вся сторінка зміщується через відсутність вертикальної смуги прокрутки. Мені потрібне рішення цієї проблеми. Я …

87 html css

3

Значки шрифтів: як вони працюють?

Я розумію, що шрифти значків - це просто шрифти, і ви можете отримати піктограми, просто викликавши їх ім’я класу, але як працюють шрифти значків? Я спробував перевірити відповідні ресурси шрифтів значків, завантажені в Chrome, щоб побачити, як шрифти значків відображають піктограми (порівняно із загальними шрифтами), але мені не вдалося зрозуміти, …

87 css web fonts icons icon-fonts

5

Найпростіший css для "червоних" сповіщень у стилі Facebook

Мені потрібне сповіщення у стилі facebook, але отримання чогось, що виглядає приємно для перехресного браузера, здається складним. Наприклад, різні браузери, здається, по-різному ставляться до відбитків, що призводить до дивних сповіщень. Який найкращий спосіб забезпечити гарне відображення сповіщень між браузерами? Не шкодить використанню javascript, але звичайно кращий css

87 javascript html css user-interface user-experience

4

Виведіть елемент спереду за допомогою CSS

Я не можу зрозуміти, як перенести зображення спереду за допомогою CSS. Я вже намагався встановити z-індекс на 1000 і розташування на відносний, але він все ще не вдається. Ось приклад - #header { background: url(http://placehold.it/420x160) center top no-repeat; } #header-inner { background: url(http://placekitten.com/150/200) right top no-repeat; } .logo-class { height: …

87 html css z-index jsfiddle

5

Яке значення одиниці css 'ex'?

(Не слід плутати з Xunit , популярною бібліотекою модульного тестування .Net.) Сьогодні в нападі нудьги я почав перевіряти Gmails DOM (так, мені було дуже нудно). Все виглядало досить просто, поки я не помітив цікаву специфікацію ширини певних елементів. Прославлені гугліти вказали ряд таблиць, використовуючи рідкісну одиницю "колишній". width: 22ex; Спочатку …

87 css specifications units-of-measurement

11

позиція: родич залишає порожній простір

Код знаходиться тут: http://lasers.org.ru/vs/example.html Як видалити порожній простір під основним блоком (#page)?

87 css

4

Чи існує протилежний CSS псевдоклас до: hover?

Чи є в CSS псевдо-клас для вказівки :not(:hover) Або це єдиний спосіб вказати предмет, на який не наводять курсор? Я пройшов кілька посилань CSS3, і я не бачу жодної згадки про псевдо-клас CSS, щоб вказати протилежність: hover.

87 css css-selectors pseudo-class

2

Як повинен працювати CSS “display: table-column”?

З огляду на наступні HTML та CSS, я не бачу абсолютно нічого у своєму браузері (Chrome та IE останній час написання). Все руйнується до 0x0 px. Чому? <!DOCTYPE html> <html> <head> <style type="text/css"> section { display: table; height: 100%; background-color: grey; } #colLeft { display: table-column; height: 100%; background-color: green; …

87 css tablelayout css-tables

7

Зробіть div, заповнивши решту ширини

На цей питання є відповіді на Stack Overflow на російській мові : Div. Занять оставшееся місце Як я можу змусити div заповнити решту ширини? <div id="Main" style="width: 500px;"> <div id="div1" style="width: 100px;"></div> <div id="div2"></div> <div id="div3" style="width: 100px; float: right;"></div> </div> Як я можу div2заповнити залишок?

87 html css

8

Впорядкований HTML-список 1.1, 1.2 (вкладені лічильники та область дії) не працює

Я використовую вкладені лічильники та область для створення упорядкованого списку: ol { counter-reset: item; padding-left: 10px; } li { display: block } li:before { content: counters(item, ".") " "; counter-increment: item } <ol> <li>one</li> <li>two</li> <ol> <li>two.one</li> <li>two.two</li> <li>two.three</li> </ol> <li>three</li> <ol> <li>three.one</li> <li>three.two</li> <ol> <li>three.two.one</li> <li>three.two.two</li> </ol> </ol> <li>four</li> …

87 html css html-lists

9

Знайдіть усі правила CSS, що застосовуються до елемента

Багато інструментів / API надають способи вибору елементів певних класів або ідентифікаторів. Також є можливість перевірити необроблені таблиці стилів, завантажені браузером. Однак, щоб браузери відображали елемент, вони компілюють усі правила CSS (можливо, з різних файлів таблиць стилів) і застосовують його до елемента. Це те, що ви бачите у Firebug або …

87 javascript css

9

Створіть HTML-посилання, яке нічого не робить (буквально нічого)

Я хочу посилання, яке нічого не робить. Я не хочу цього: <a href="#"> тому що тоді URL стає something.com/whatever/#. Єдина причина, по якій я хочу посилання, полягає в тому, щоб користувач бачив, що він може натиснути на текст. JavaScript використовується для виконання певних дій, тому мені не потрібно посилання, щоб …

87 html css

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