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

Який правильний спосіб зробити текст курсивом? Я бачив наступні чотири підходи: <i>Italic Text</i> <em>Italic Text</em> <span class="italic">Italic Text</span> <span class="footnote">Italic Text</span> <i> Це "старий шлях". <i>не має смислового значення і лише передає презентаційний ефект, що робить текст курсивом. Наскільки я бачу, це явно неправильно, оскільки це несемантично. <em> При цьому …

202 html  css  semantic-markup 

Чи є спосіб взагалі відключити руйнування маржі? Єдині знайдені нами рішення (за назвою "uncollaps") тягнуть за собою використання 1px рамки або 1px прокладки. Я вважаю це неприйнятним: сторонній піксель ускладнює обчислення без поважних причин. Чи є більш розумний спосіб відключити цю згортання поля?

202 css  margin  collapse 

Я хотів би вимкнути елемент (перехід його непрозорості на 0), а потім, коли закінчите, видаліть елемент з DOM. У jQuery це прямо вперед, оскільки ви можете вказати "Видалити", щоб відбутися після завершення анімації. Але якщо я хочу анімувати за допомогою CSS3 переходів, чи все-таки потрібно знати, коли перехід / анімація …

202 javascript  jquery  css 

У Firefox 28 я використовую <input type="number">чудово, оскільки він відображає цифрову клавіатуру в полях введення, яка повинна містити лише цифри. У Firefox 29 за допомогою цифрових входів відображаються кнопки віджиму в правій частині поля, що в моєму дизайні виглядає як лайно. Кнопки мені дійсно не потрібні, оскільки вони марні, коли …

202 jquery  css  firefox  input  spinner 

У мене проста таблиця, яка використовується для папки "Вхідні": <table border="1"> <tr> <th>From</th> <th>Subject</th> <th>Date</th> </tr> Як встановити ширину, щоб "Від" і "Дата" становили 15% від ширини сторінки, а "Тема" - 70%. Я також хочу, щоб таблиця займала всю ширину сторінки.

202 html  css  html-table 

Ось мій HTML: <select id="ddlProducts" name="ddProducts"> <option>Product1 : Electronics </option> <option>Product2 : Sports </option> </select> Я хочу, щоб назва продукту (наприклад, "Product1", "Product2" тощо) була виділена жирним шрифтом, а його категорії (наприклад, Електроніка, Спорт тощо) мали курсивний текст, використовуючи лише CSS. Я знайшов старе питання, в якому згадувалося, що неможливо …

202 html  css  drop-down-menu 

Я впевнений, що тут є просте рішення цієї проблеми. Якщо я маю два стовпчики, як я можу додати пробіл між ними? наприклад, якщо HTML: <div class="col-md-6"></div> <div class="col-md-6"></div> Вихід буде просто двома стовпцями поруч один з одним, займаючи всю ширину сторінки. Скажіть, ширина була встановлена, щоб 1000pxтоді кожен дів був …

202 html  css  twitter-bootstrap-3  grid-layout 

У мене є такий код: <span> <svg height="32" version="1.1" width="32" xmlns="http://www.w3.org/2000/svg" style="overflow: hidden; position: relative; left: -0.0166626px; top: -0.983337px;"> <desc></desc> <defs/> <path style="" fill="#333333" stroke="none" d="M15.985,5.972C8.422,5.972,2.289999999999999,10.049,2.289999999999999,15.078C2.289999999999999,17.955,4.302999999999999...............1,27.68,22.274Z"/> </svg>  </span> Чи можливо змінити колір заповнення шляху SVG за допомогою CSS або якимось іншим способом, не змінюючи його всередині тегу шляху?

202 css  svg 

Як змінити вказівник курсору на руку, коли миша переходить <tr>на a<table> <table class="sortable" border-style:> <tr> <th class="tname">Name</th><th class="tage">Age</th> </tr> <tr><td class="tname">Jennifer</td><td class="tage">24</td></tr> <tr><td class="tname">Kate</td><td class="tage">36</td></tr> <tr><td class="tname">David</td><td class="tage">25</td></tr> <tr><td class="tname">Mark</td><td class="tage">40</td></tr> </table>

201 html  css  cursor 

Чи може впорядкований список створювати результати, схожі на 1.1, 1.2, 1.3 (замість лише 1, 2, 3, ...) за допомогою CSS? Поки що використання використовує list-style-type:decimalлише 1, 2, 3, а не 1,1, 1,2., 1,3.

201 html  css 

У мене є контейнер div і визначив його стиль таким чином: div#tbl-container { width: 600px; overflow: auto; scrollbar-base-color:#ffeaff } Це дає мені як горизонтальну, так і вертикальну смуги прокрутки автоматично, коли я заповнюю свою таблицю, яка міститься в цьому розділі. Я просто хочу, щоб автоматично відображалися лише горизонтальні смуги прокрутки. …

200 css  html 

Я намагався стилізувати fieldsetелемент з display: flexі display: inline-flex. Однак не вийшло: flexповодився так block, як і inline-flexповодився inline-block. Це трапляється як у Firefox, так і в Chrome, але дивно це працює на IE. Це помилка? Я не міг знайти, що fieldsetповинно мати особливу поведінку, ні в специфікаціях HTML5, ні …

200 html  css  flexbox 

Якщо у мене є тег заголовка <h1 class="hc-reform">title</h1> h1.hc-reform{ float:left; font-size:30px; color:#0e73bb; font-weight:bold; margin:10px 0px; } і після цього у мене є абзац <p>stuff here</p>. Як я можу забезпечити використання CSS, що кожен <p>тег, який слід використовувати, h1.hc-reformповинен використовувати:clear:both; це було б: h1.hc-reform > p{ clear:both; } чомусь це не …

200 html  css  css-selectors  siblings 

У мене є обгортковий дів, який містить 2 діви поруч. Над цим контейнером у мене є div, який містить мій заголовок. Обгортаючий div повинен бути на 100% мінус висоту заголовка. Заголовок - близько 60 пікс. Це виправлено. Отже, моє запитання таке: як я встановив, щоб висота мого оболонки була 100% …

199 css  height 

Я знаю, що я можу встановити значення CSS через JavaScript, наприклад: document.getElementById('image_1').style.top = '100px'; Але чи можу я отримати поточне значення певного стилю? Я читав, де я можу отримати весь стиль для елемента, але мені не хочеться розбирати весь рядок, якщо мені цього не потрібно.

199 javascript  css