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

У мене три проблеми: Коли я намагався використовувати фонове зображення у div меншого розміру, div відображає лише частину зображення. Як я можу показати повну або певну частину зображення? У мене менше зображення, і я хочу використовувати його у більшому div. Але не хочу використовувати функцію повторення. Чи існує якийсь спосіб …

79 css  background-image  opacity 

Чому мої ярлики та перемикачі не залишаються в одному рядку, що я можу зробити? Ось моя форма: <form name="submit" id="submit" action="#" method="post"> <?php echo form_hidden('what', 'item-'.$identifier);?> <label for="one">First Item</label> <input type="radio" id="one" name="first_item" value="1" /> <label for="two">Second Item</label> <input type="radio" id="two" name="first_item" value="2" /> <input class="submit_form" name="submit" type="submit" value="Choose" tabindex="4" …

79 html  css 

Я хочу відключити, :focusколи це не потрібно, бо мені не подобається, як виглядає моя навігація, коли на ньому фокус. Він використовує той самий стиль, що .activeі бентежить. Однак я не хочу позбуватися цього для людей, які користуються клавіатурою. Я думав додати клас enabled-focusна тілі при натисканні на вкладки, а потім …

79 css  focus 

Чи є спосіб вбудувати HTML в content:елемент css при використанні:before псевдоелемента? Я хочу використовувати Font Awesome (або Glyphicon) у такому випадку використання: h1:before { content: "X"; padding-right: 10px; padding-left: 10px; color: @orangeLight; } Де Xщось подібне<i class="icon-cut"></i> . Звичайно, я можу зробити це вручну в HTML, але я дуже хочу …

79 css  twitter-bootstrap  font-awesome 

Чи існує обмеження розміру для значень схеми URL "data:"? Мене цікавлять обмеження в популярних веб-браузерах. Іншими словами, скільки часу може data:image/jpg;base64,base64_encoded_dataбути в <img src="data:image/jpg;base64,base64_encoded_data" />або background-image: url(data:image/jpg;base64,base64_encoded_data)?

79 html  css 

Як додати атрибут класу для наступної ситуації (лише за допомогою ReturnUrl): @using (Html.BeginForm(new { ReturnUrl = ViewBag.ReturnUrl })) { } Я хочу щось подібне: @using (Html.BeginForm(new { ReturnUrl = ViewBag.ReturnUrl }, new { @class = "login-form" })) { }

79 .net  css  forms  asp.net-mvc-4  html-helper 

Гаразд ... Я з'їжджаю сюди. Я почав експериментувати з SVG. Робота з SVG та застосування до нього класів CSS працює як шарм. Я просто не можу зрозуміти, що я роблю неправильно, але я просто не можу змусити клас працювати над текстовим елементом svg. Я розібрав його до кінця, і ось …

79 html  css  text  svg 

Мені потрібно динамічно створювати таблицю зі змінною кількістю стовпців, визначеною під час виконання. Хтось може сказати мені, чи можливо мати таблицю html із однаково розмірними стовпцями, які повністю розтягнуті?

79 html  css 

Як я можу встановити першу дочірню систему flexbox на всю ширину, а всі інші дочірні пристрої - на flex:1(для розділеного простору)? Подобається це:

79 css  flexbox 

Як я можу вибрати певний елемент у списку елементів? У мене є таке: <div class="myclass">my text1</div> <!-- some other code follows --> <div> <p>stuff</p> </div> <div> <p>more stuff</p> </div> <p> <span>Hello World</span> </p> <div class="myclass">my text2</div> <!-- some other code follows --> <div> <p>stuff</p> </div> <p> <span>Hello World</span> </p> <input …

79 css  css-selectors  pseudo-class 

Як я можу вирівняти текст по центру? Наразі вирівнювання не центрує останній рядок.

79 html  css 

Чи можна стилізувати цей html ... <ul> <li>Dogs</li> <li>Cats</li> <li>Lions</li> <li>Tigers</li> <li>Zebras</li> <li>Giraffes</li> <li>Bears</li> <li>Hippopotamuses</li> <li>Antelopes</li> <li>Unicorns</li> <li>Seagulls</li> </ul> ... подобається це ... ... без додавання класів до певних елементів списку чи використання JavaScript? А якщо так, то як? Розриви рядків не фіксовані; список розширюється, щоб зайняти додатковий простір, а …

79 html  css 

Всі, Я хотів би мати можливість використовувати calc () з transform: translateX у своєму CSS. Наприклад, #myDiv { -webkit-transform: translateX(calc(100% - 50px)); -moz-transform: translateX(calc(100% - 50px)); transform: translateX(calc(100% - 50px)); } Хоча це чудово працює в Chrome, Safari та Firefox - не працює в IE10 або IE11. Простий приклад ви …

79 html  css 

У моїй таблиці є кілька стовпців. Кожен стовпець повинен мати динамічну ширину, яка залежить від розміру вікна браузера. З іншого боку, кожна колонка не повинна бути занадто крихітною. Тому я спробував встановити min-widthдля цих стовпців, але це не допустима властивість. Пробував min-widthна <td>як добре , але це теж є неприпустимим …

79 html  css  html-table 

Я щойно побачив код CSS, який включав ::beforeтег. Я подивився MDN, щоб побачити, що це ::beforeтаке, але я насправді цього не зрозумів. Хтось може пояснити, як це працює? Це робить елемент DOM перед тим, що ми вибираємо за допомогою CSS?

79 css  css-selectors