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

Використовуючи основний приклад, взятий зі сторінки прикладів Jaotstrap 3 Javascript для Collapse , я зміг показати стан колапсу за допомогою іконок шеврона. У мене це працює, використовуючи: $('#accordion .accordion-toggle').click(function (e) { var chevState = $(e.target).siblings("i.indicator").toggleClass('glyphicon-chevron-down glyphicon-chevron-up'); $("i.indicator").not(chevState).removeClass("glyphicon-chevron-down").addClass("glyphicon-chevron-up"); }); Це працює (не повністю перевірено у всіх браузерах), але мені цікаво, чи …

126 jquery  css  twitter-bootstrap  twitter-bootstrap-3 

У мене є заголовок div як перший елемент мого обгорткового div, але коли я додаю верхнє поле до h1 всередині заголовка div, він відсуває весь заголовок div вниз. Я усвідомлюю, що це відбувається кожного разу, коли я застосую верхнє поле до першого видимого елемента на сторінці. Ось фрагмент зразкового коду. …

126 html  css  xhtml 

Я намагаюся отримати зображення (динамічно розміщене, без обмежень щодо розмірів), щоб воно було таким же широким, як і його батьківський поділ, але лише до тих пір, поки ця ширина не буде ширшою від власної ширини на 100%. Я спробував це, безрезультатно: img { width: 100%; height: auto; max-width: 100%; } …

126 html  width  css 

У мене є елемент вибору, я хочу видалити стрілку, потім я можу додати інший значок .. Я можу це зробити для Firefox Safari та Chrome, але це не працювало на IE9 . .styled-select select { border: 0 !important; /*Removes border*/ -webkit-appearance: none; /*Removes default chrome and safari style*/ -moz-appearance: none; …

126 html  css  html-select 

Я хочу, щоб div завжди знаходився праворуч від свого батьківського діва, тому я використовую float:right. Це працює. Але я також хочу, щоб він не впливав на інший вміст при вставці, тому я використовую position:absolute. Тепер float:rightне працює, мій дів завжди знаходиться зліва від його батьківського діла. Як я можу перемістити …

126 css  css-float  position 

У мене є два зображення, які потрібно зберігати у формі; Я хочу написати підписи під кожним зображенням. <center> <a href="http://example.com/hello"> <img src="hello.png" width="100px" height="100px"> </a>              <a href="http://example.com/hi"> <img src="hi.png" width="100px" height="100px"> </a> </center> Як я можу реалізувати?

126 css  html 

Чи існує спосіб для веб-розробника вимкнути перевірку орфографії Chrome / Safari / WebKit щодо конкретних inputабо textareaелементів? Я маю на увазі або за спеціальним атрибутом тегу, або за власною інструкцією CSS. Існує інструкція CSS для відключення контуру inputs, тому я подумав, що це також може існувати. Я знаю, як користувач …

126 html  css  google-chrome  spell-checking 

У мене на сторінці є кнопка, яка при натисканні відображає div(всплывающий стиль) посередині мого екрана. Я використовую наступний CSS для центру divв середині екрана: .PopupPanel { border: solid 1px black; position: absolute; left: 50%; top: 50%; background-color: white; z-index: 100; height: 400px; margin-top: -200px; width: 600px; margin-left: -300px; } Цей …

126 html  css  scroll  position  centering 

Я щойно виявив Сасса, і мене так схвилював. На своєму веб-сайті я реалізую деревоподібне навігаційне меню, створене за допомогою дочірнього комбінатора ( E > F). Чи є спосіб переписати цей код більш простим (або кращим) синтаксисом у Sass? #foo > ul > li > ul > li > a { …

126 css  css-selectors  sass 

Я хочу , щоб зберегти висоту #abc divв 50pxі текст для вирівнювання по вертикалі в середині div. body{ padding: 0; margin: 0; margin: 0px auto; } #main{ position: relative; background-color:blue; width:500px; height:500px; } #abc{ font:Verdana, Geneva, sans-serif; font-size:18px; text-align:left; background-color:#0F0; height:50px; vertical-align:middle; } <div id="main"> <div id="abc"> asdfasdfafasdfasdf </div> </div> …

126 css  vertical-alignment 

Що я намагаюся зробити, це змінити підказку на червоний. Однак я також хочу мати кілька інших кольорів, тому я не хочу просто замінювати оригінальний колір підказки. Як би я пішов робити це?

126 html  css  twitter-bootstrap 

Схоже, нещодавно оновлено Google Chrome, яке викликає розмиття тексту після виконання transform: scale(). Конкретно я роблю це: @-webkit-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); } 70% { -webkit-transform: scale(.9); } 100% { -webkit-transform: scale(1); } } Якщо ви відвідаєте http://rourkery.com в …

126 google-chrome  css  webkit  transform  css-animations 

Як використовувати лише css, як я можу переосмислити css лише 2-го стовпця таблиці. Я можу дістатися до всіх стовпців за допомогою: .countTable table table td Я не можу потрапити на html на цій сторінці, щоб змінити його, оскільки це не мій сайт. Дякую.

126 css 

Я хочу вивести цей список в один рядок. Позиція1 Позиція2 Показувати як * Елемент списку2 * Список елемента2 Який стиль CSS використовувати?

126 css 

Що autoробити в margin:0 auto;? Я не можу зрозуміти, що autoробить. Я знаю, що іноді впливає на центрування об'єктів. Дякую.

126 css