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

CSS (Каскадні таблиці стилів) - мова аркуша стилю представлення, яка використовується для опису вигляду та форматування HTML (мови розмітки HyperText), XML (розширюваної мови розмітки) та SVG-елементів, включаючи (але не обмежуючись ними) кольори, макет, шрифти, та анімації. Він також описує, як елементи повинні бути відображені на екрані, на папері, у мовленні або на інших носіях інформації.

9
Рівни однакової висоти в гнучкому контейнері
Як бачите, list-itemsу першого rowє те саме height. Але предмети другого rowмають різні heights. Я хочу, щоб усі предмети мали форму height. Чи є спосіб досягти цього, не даючи фіксованої висоти і лише використовуючи flexbox ? Ось моя code .list { display: flex; flex-wrap: wrap; max-width: 500px; } .list-item { …
91 html  css  flexbox 

2
Призначте клас css всередині іншого класу css
Привіт, у мене проблеми з деякими класами css в joomla. У мене в модулі два div, один - клас обгортки = "обгортка", інший - клас вмісту = "вміст". Вміст знаходиться всередині обгортки. Що я намагаюся зробити, це націлити стиль css на клас вмісту. Зазвичай я просто вкладаю .content {my style …
91 html  css  joomla  module 

6
Центрування кнопки вертикально в комірці таблиці за допомогою Twitter Bootstrap
Я використовую Twitter Bootstrap і намагаюся відцентрувати кнопку в комірці таблиці. Мені це дійсно потрібно лише по центру вертикально. <table class="table table-bordered table-condensed"> <tbody> <tr> <td><a href="#" class="btn btn-primary"><i class="icon-check icon-white"></i></a></td> <td><a href="#">Todo Item One</a><br /><span class="label label-success">One thing</span></td> </tr> </tbody> </table> Будь ласка, зверніться до мого JSFiddle для проблеми. …

10
Як автоматично закривати сповіщення за допомогою Bootstrap Twitter
Я використовую фреймворк CSS bootstrap twitter (що є фантастичним). Для деяких повідомлень користувачам я відображаю їх за допомогою сповіщень Javascript JS та CSS. Для зацікавлених його можна знайти тут: http://getbootstrap.com/javascript/#alerts Моє питання в цьому; після того, як я показав попередження користувачеві, я хотів би, щоб воно просто зникло через певний …

11
Кнопки Google Imageless
Нещодавно було кілька статей про нові кнопки Google без зображення: http://stopdesign.com/archive/2009/02/04/recreating-the-button.html http://stopdesign.com/eg/buttons/3.0/code.html http://stopdesign.com/eg/buttons/3.1/code.html http://gmailblog.blogspot.com/2009/02/new-ways-to-label-with-move-to-and-auto.html Мені дуже подобається, як ці нові кнопки працюють у Gmail. Як я можу використовувати ці або подібні кнопки на своєму сайті? Чи існують проекти з відкритим кодом із подібним зовнішнім виглядом? Якби я хотів прокрутити свій …

4
Отримати висоту div без встановленої висоти в css
Чи є спосіб отримати висоту елемента, якщо для елемента не встановлено правило висоти CSS, я не можу використовувати .height()метод jQuery, оскільки йому спочатку потрібно встановити правило CSS? Чи є інший спосіб отримати висоту?
90 jquery  css  height 

14
Розділити поділ на 2 стовпці за допомогою CSS
Я намагався розділити div на дві колонки за допомогою CSS, але мені ще не вдалося змусити його працювати. Моя основна структура така: <div id="content"> <div id="left"> <div id="object1"></div> <div id="object2"></div> </div> <div id="right"> <div id="object3"></div> <div id="object4"></div> </div> </div> Якщо я спробую перемістити правий та лівий div у відповідні позиції …
90 css  html  css-float 


5
Як відобразити повзунок введення діапазону вертикально
Я хотів би відображати <input type="range" />повзунок по вертикалі. Мене стосуються лише браузери, які підтримують повзунок регулятора діапазону. Я знайшов деякі коментарі та посилання, які, схоже, вказують на те, що встановлення висоти, більшої за ширину, призведе до того, що браузер автоматично змінить орієнтацію, але під час мого тестування це працює …
90 html  css 


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


7
Які найкращі практики замовлення елементів у <head>?
може використовувати що завгодно в будь-якому порядку? робить розміщення &lt;meta http-equiv="Content-Type" content="text/html;charset=UTF-8"&gt;важливо перед&lt;title&gt; це найбільш часто використовується, чи найкращий спосіб? &lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta http-equiv="content-type" content="text/html; charset=utf-8"&gt; &lt;title&gt;Title Goes Here&lt;/title&gt; &lt;link rel="stylesheet" href="http://sstatic.net/so/all.css?v=5912"&gt; &lt;link rel="shortcut icon" href="http://sstatic.net/so/favicon.ico"&gt; &lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"&gt;&lt;/script&gt; &lt;script type="text/javascript"&gt; …
90 html  css  xhtml  w3c 

7
Вбудований стиль, щоб діяти як: наведення в CSS
Я знаю, що вбудовуючи стилі CSS безпосередньо в теги HTML, вони впливають на більшу частину цілей CSS, але іноді це корисно для налагодження, наприклад: &lt;p style="font-size: 24px"&gt;asdf&lt;/p&gt; Який синтаксис для вбудування правила, наприклад: a:hover {text-decoration: underline;} в атрибут style тегу A? Очевидно, не це ... &lt;a href="foo" style="text-decoration: underline"&gt;bar&lt;/a&gt; ... …
90 html  css 

8
Вирівняйте два divs по горизонталі поруч із центром до сторінки за допомогою bootstrap css
Будь ласка, зверніться до коду, що я пробував &lt;div class="row"&gt; &lt;div class="center-block"&gt;First Div&lt;/div&gt; &lt;div class="center-block"&gt;Second DIV &lt;/div&gt; &lt;/div&gt; вихід: First Div SecondDiv Очікуваний результат: First Div Second Div я хочу вирівняти два divs по горизонталі до центру за допомогою bootstrap css. як я можу це зробити? я не хочу використовувати …

Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.