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

Я намагаюся відтворити це зображення за допомогою CSS: Мені не потрібно було б це повторювати. Це те, що я почав, але у нього просто пряма лінія: #wave { position: absolute; height: 70px; width: 600px; background: #e0efe3; } <div id="wave"></div> Запустіть фрагмент кодуHide resultsРозгорніть фрагмент

80 css  css-shapes 

Переклад елемента Y на 50% змістить його на 50% від власної висоти, а не на 50% від батьківської висоти, як я очікував. Як я можу сказати, що елемент перекладу базує відсоток перекладу на батьківському елементі? Або я чогось не розумію? http://jsfiddle.net/4wqEm/2/

80 css  translate  percentage  translate3d 

Я хочу перезавантажити div після натискання кнопки. Я не хочу перезавантажувати повну сторінку. Ось мій код: HTML: <div role="button" class="marginTop50 marginBottom"> <input type="button" id="getCameraSerialNumbers" value="Capture Again" class="disabled" /> <input type="button" id="confirmNext" value="Confirm & Proceed" class="disabled marginLeft50" /> </div> Після натискання <input type="button" id="getCameraSerialNumbers" value="Capture Again">кнопки <div id="list">....</div>слід перезавантажити, не завантажуючи …

80 javascript  jquery  html  css  ajax 

Чи є метод, який я можу використовувати для розширення div на всю висоту? У мене також є липкий нижній колонтитул. Ось веб-сторінка: Веб-сайт видалено . Середній біт, про який я кажу, - це білий div, midcontent, який має значення CSS: .midcontent{ width:85%; margin:0 auto; padding:10px 20px; padding-top:0; background-color:#FFF; overflow:hidden; min-height:100%; …

80 css  xhtml  html 

Модель коробки CSS2 говорить нам, що сусідні вертикальні поля руйнуються . Я вважаю це досить прикрим, оскільки є джерелом багатьох дизайнерських помилок. Я сподіваюся, розуміючи мету згортання полів, я зрозумію, коли їх використовувати і як їх уникнути, коли вони не потрібні. Яка мета цієї функції?

80 w3c  css 

я хотів би зробити прямокутне полотно для імітації індикатора прогресу, але, здається, коли я встановлюю ширину та висоту полотна на 100%, це насправді не робить його таким високим і таким широким, як батьківський див. приклад нижче http://jsfiddle.net/PQS3A/ Чи можна взагалі зробити полотно без квадрата? Я не хочу жорстко кодувати висоту …

80 javascript  css  html  canvas 

У мене на веб-сторінці є динамічна таблиця, яка іноді містить багато рядків. Я знаю , що є page-break-beforeі page-break-afterвластивість CSS. Куди їх вставити у свій код, щоб примусити розбивати сторінки, якщо це потрібно?

80 html  css  printing  css-tables  page-break 

У мене є стиль H1 для мого сайту: .centercol h1 { color: #006bb6; font-weight: normal; font-size: 18px; padding:3px 3px 3px 6px; border-left:3px solid #c6c1b8; background:#f2efe9; display:block; } Колір фону охоплює всю ширину центрального колеса, 500 пікселів ... Як зробити так, щоб цей H1 охоплював лише ширину тексту H1?

80 css 

Як я можу використовувати більше, ніж @font-faceправило, у своєму CSS? Я вставив це у свою таблицю стилів: body { background: #fff url(../images/body-bg-corporate.gif) repeat-x; padding-bottom: 10px; font-family: 'GestaRegular', Arial, Helvetica, sans-serif; } @font-face { font-family: 'GestaReFogular'; src: url('gestareg-webfont.eot'); src: local('☺'), url('gestareg-webfont.woff') format('woff'), url('gestareg-webfont.ttf') format('truetype'), url('gestareg-webfont.svg#webfontg8dbVmxj') format('svg'); } Наразі це стосується лише …

80 html  css  fonts  font-face  webfonts 

У CSS ви можете зробити це : input[type=submit] { // properties } Це дуже корисно для стилізації кнопок форми. Як ви робите те саме в SASS?

80 css  attributes  css-selectors  sass 

Коли в HTML я використовую колір, і в чому різниця між кольором фону та тегом фону? Які відмінності?

80 html  css 

у мене є 2 divs і dl: <div id="wrap"> <div id="header"> <dl id="site_nav_global_primary"> і це мій стиль: #wrap { margin:0 auto; width:100%; min-width:760px; max-width:1003px; overflow:hidden; } #header { width:100%; position:relative; float:left; padding-top:18px; margin-bottom:29px; } #site_nav_global_primary { float:right; margin-right:18px; margin-bottom:11px; margin-left:18px; } Тепер я хочу змінити site_nav_global_primary, щоб мати повну ширину …

80 html  css 

Отже, у мене є введення тексту, використовуючи html5, на chrome, і я хочу змінити вигляд введення тексту, я видалив контур фокусу (оранжевий на chrome), я встановив фон на світлий колір, #f1f1f1але зараз є як би товстіша межа з верхньої та лівої сторін, ніби це призначено виглядати всунутим, коли в кольорі …

80 html  css  input 

Як включити CSS та jQuery до мого плагіна WordPress?

80 javascript  jquery  css  wordpress 

Це зводить мене з розуму: HTML: <div><h1>Hello World!</h1></div> CSS: *:not(div) h1 { color: #900; } Чи не читається це: "Виділити всі h1елементи, у яких є предок, який не є divелементом ...?" Таким чином, "Привіт Світ!" не повинен бути пофарбований у червоний колір, але він все ще є. Для вищевказаної розмітки …

80 html  css  css-selectors