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

Коли я вперше побачив попередження в Bootstrap, я думав, що вони будуть поводитися так, як модальне вікно, падаючи вниз або зникаючи, а потім зникаючи, коли закриваються. Але, схоже, їх завжди видно. Я думаю, я міг би змусити їх сидіти в шарі над моїм додатком і управляти їх показом, але мені …

78 jquery  css  alerts  twitter-bootstrap 

Я хочу вирівняти текст до верху div. Здається, це vertical-align: text-top;повинно зробити трюк, але це не працює. Інші речі, які я зробив, наприклад, розміщення div у стовпці та відображення пунктирної межі (щоб я міг бачити, де знаходиться верх div) все працює нормально. #header_p { font-family: Arial; font-size: 32px; font-weight: bold; …

78 css  vertical-alignment 

Я додаю зовнішній файл CSS та зовнішній файл JS до своїх колонтитулів. Завантажуючи сторінку HTTPS, деякі браузери скаржаться, що я завантажую незахищений вміст. Чи є простий спосіб змусити браузер завантажувати зовнішній вміст через HTTPS, коли сама сторінка є HTTPS?

78 javascript  html  css  https 

+--------------------+ | | | | | | | | | 1 | | | | | | | | | +--------------------+ | | | | | | | | | 2 | | | | | | | | | +--------------------+ Зміст (1), як показано вище, невідомий, оскільки він може …

78 html  css  height  fill 

У мене є список прапорців у таблиці. (один із ряду КБ на ряду) <tr><td><input type="checkbox" class="custom_image" value="1" id="CB1" /><label for='CB1'> </label></td></tr> <tr><td><input type="checkbox" class="custom_image" value="2" id="CB2" /><label for='CB2'> </label></td></tr> <tr><td><input type="checkbox" class="custom_image" value="3" id="CB3" /><label for='CB3'> </label></td></tr> <tr><td><input type="checkbox" class="custom_image" value="4" id="CB4" /><label for='CB4'> </label></td></tr> Я хотів би замінити зображення прапорця на пару власних …

78 css  checkbox  css-selectors 

Якщо взяти цей приклад (переглянути його тут: http://www.bootply.com/93816 ) <div class="container"> <div class="row"> <div class="col-md-6">Column1</div> <div class="col-md-6">Column2</div> </div> </div> Коли ви робите попередній перегляд згенерованої сторінки, це здається, що стовпці складаються / розбиваються (ніби поплавок видаляється) замість того, щоб відображати їх у звичайному макеті сітки. Я переглянув @media printрозділи bootstrap.css …

78 html  css  twitter-bootstrap  printing 

У мене є набір div з фоновим зображенням: <div>Play Video</div> з наступним CSS: div { background-image: url('icon.png'); background-image: url('icon.svg'), none; background-size: 40px 40px; background-repeat: no-repeat; background-position: 90% 50%; padding: 20px; width: 150px; } Розмір фону дотримується у Firefox, Safari та Chrome. У IE8 SVG замінено файлом PNG. Однак у IE9 …

78 css  svg  internet-explorer-9  internet-explorer-10  background-size 

Ненавиджу, як ви насправді бачите, як завантажуються веб-сторінки. Думаю, було б набагато привабливіше почекати, поки сторінка повністю завантажиться і не буде готова до показу, включаючи всі сценарії та зображення, а потім браузер відобразить її. Отже, у мене є два запитання ... Як я можу це зробити? Я цілковито люблю веб-розробку, …

78 javascript  css  web 

Стовпці сітки з тегами списку, мені потрібно відображати у правильному порядку на кожні 3 стовпці, з увімкненою автоматичною шириною для всіх додаткових елементів списку HTML. Це мій приклад: <style> ul { margin: 0; padding: 0; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: …

78 html  css  flexbox 

Я намагаюся створити ще одну лайтбокс, настільки необхідну практику HTML / CSS / Javascript, але я зіткнувся з проблемою стилізації, яка виглядає тривіальною (і, мабуть, є!), Але я просто не можу її вирішити. У мене є divщо містить img. Незалежно від того , що я намагаюся ( border, margin, padding, …

78 css 

Я використовую наступну анімацію ключових кадрів для кількох елементів: @keyframes redPulse { from { background-color: #bc330d; box-shadow: 0 0 9px #333; } 50% { background-color: #e33100; box-shadow: 0 0 18px #e33100; } to { background-color: #bc330d; box-shadow: 0 0 9px #333; } } @-webkit-keyframes redPulse { from { background-color: #bc330d; …

78 css 

Якщо у мене є три елементи, розміщені праворуч, чому порядок слідує (див. Jsfiddle), елемент 1 є першим елементом праворуч, коли елемент 3 насправді є останнім елементом. Замовлення вже зараз [3] [2] [1] Але елементи в такому порядку в html [1] [2] [3] Чому? http://jsfiddle.net/A9Ap7/

78 html  css 

Я не знаю, що відбувається, але на консолі браузера я бачу 3 помилки, пов’язані з чудовими шрифтами GET http://www.desktop.just4bettors.mobi/fonts/fontawesome-webfont.woff2?v=4.3.0 GET http://www.desktop.just4bettors.mobi/fonts/fontawesome-webfont.woff?v=4.3.0 GET http://www.desktop.just4bettors.mobi/fonts/fontawesome-webfont.ttf?v=4.3.0 Я знаю, що це смішно, я не можу зрозуміти це самостійно, але, здається, все в порядку, у моєму index.html у мене є щось подібне <link rel="stylesheet" href="bower_components/font-awesome/css/font-awesome.css" …

78 css  fonts  font-awesome 

Припустимо, у мене є таблиця з деякими рядками та стовпцями, тому я хочу повернути текст у клітинках приблизно так : проблема полягає в тому, коли я обертаю текст за допомогою стилю: #rotate { -moz-transform: rotate(-90.0deg); /* FF3.5+ */ -o-transform: rotate(-90.0deg); /* Opera 10.5 */ -webkit-transform: rotate(-90.0deg); /* Saf3.1+, Chrome */ …

78 css  html  html-table 

Ось що я намагаюся досягти: Мені потрібна кнопка, яка розташована на певній відстані від правої сторони div, і завжди на тій самій відстані від сторони div, незалежно від розміру області перегляду, але буде прокручуватися разом з вікном. Отже, це x пікселів від правої сторони div у будь-який час, але y …

78 css  position