Вопросы с тегом «css»

Допустим, я создаю такой элемент HTML, <div id="my-div" class="hidden">Hello, TB3</div> <div id="my-div" class="hide">Hello, TB4</div> <div id="my-div" class="d-none">Hello, TB4</div> Как я могу показать и скрыть этот элемент HTML из jQuery / Javascript. JavaScript: $(function(){ $("#my-div").show(); }); Результат: (с любым из них). Я хотел бы, чтобы элементы выше были скрыты. Какой самый …

235 javascript  jquery  html  css  twitter-bootstrap 

Можно ли использовать CSS / CSS3 для зеркального отображения текста? В частности, у меня есть этот символ ножниц «✂» ( ✂), который я хотел бы отображать влево, а не вправо.

235 html  css 

Я хочу иметь вертикальное меню с определенной высотой. Каждый ребенок должен заполнить рост родителя и выровнять текст по центру. Число детей случайное, поэтому мне приходится работать с динамическими значениями. Div .containerсодержит случайное количество детей ( .item), которые всегда должны заполнять рост родителя. Для этого я использовал flexbox. Для создания ссылок …

235 css  google-chrome  webkit  flexbox 

Мне нужно изменить, bootstrap.cssчтобы соответствовать моему сайту. Я чувствую, что лучше создать отдельныйcustom.css файл, а не вносить изменения bootstrap.cssнапрямую, одна из причин заключается в том, что я должен bootstrap.cssполучить обновление, и я постараюсь повторно включить все мои модификации. Я пожертвую некоторое время загрузки для этих стилей, но оно незначительно для …

234 html  css  twitter-bootstrap 

У меня есть это, aи я не знаю, что мне нужно вставить в «onmouseover», чтобы курсор изменился на указатель пальца, как обычная ссылка: <a class="menu_links" onclick="displayData(11,1,0,'A')" onmouseover=""> A </a> Я где-то читал, что мне нужно поставить: onmouseover="cursor: hand (a pointing hand)" Но это не работает для меня. Кроме того, я …

234 html  css  mouseevent 

Рассмотрим следующий пример: ( живая демонстрация ) HTML: <div>div</div> <iframe></iframe> CSS: div, iframe { width: 100px; height: 50px; margin: 0 auto; background-color: #777; } Результат: Почему iframeцентрально не выровнен как div? Как я мог централизованно выровнять это?

234 html  css  iframe  alignment  center-align 

Мне нужно смоделировать бумагу формата А4 в Интернете и разрешить распечатывать эту страницу так, как она отображается в браузере (в частности, Chrome). Я установил размер элемента на 21 см х 29,7 см, но когда я отправляю на печать (или предварительный просмотр), он обрезает мою страницу. Смотрите этот живой пример ! …

233 css  printing  print-preview 

У меня есть приложение MVC3, на котором есть страница с подробностями. Как часть этого у меня есть описание (полученное из БД), которое имеет пробелы и новые строки. Когда он отображается, новые строки и пробелы игнорируются HTML. Я хотел бы закодировать эти пробелы и новые строки, чтобы они не игнорировались. Как …

233 html  css  newline  whitespace  line-breaks 

Я хочу применять стили только к таблице внутри DIV с определенным классом: Примечание: я бы предпочел использовать css-селектор для дочерних элементов. Почему № 1 работает, а № 2 нет? 1: div.test th, div.test td, div.test caption {padding:40px 100px 40px 50px;} 2: div.test th, td, caption {padding:40px 100px 40px 50px;} HTML: …

232 css  css-selectors 

<input name="txtId" type="text" size="20" /> или <input name="txtId" type="text" style="width: 150px;" /> Какой из них является оптимальным кросс-браузерным кодом? Конечно, это зависит от требований, но мне любопытно узнать, как люди решают и на каком основании.

231 html  css 

Существует ли кросс-браузерная техника CSS / JavaScript для отображения длинной таблицы HTML, при которой заголовки столбцов остаются фиксированными на экране и не прокручиваются вместе с телом таблицы. Подумайте об эффекте «стоп-панели» в Microsoft Excel. Я хочу иметь возможность прокручивать содержимое таблицы, но всегда иметь возможность видеть заголовки столбцов в верхней …

231 javascript  css  html-table 

Допустим, у меня есть кнопка начальной загрузки со значком шрифта и текстом: <div> <i class='icon icon-2x icon-camera'></i> hello world </div> Как сделать так, чтобы текст отображался по центру? Текст теперь выровнен по нижнему краю иконки: http://jsfiddle.net/V7DLm/1/ РЕДАКТИРОВАТЬ: У меня есть возможное решение : http://jsfiddle.net/CLdeG/1/, но это немного странно - вводит …

231 html  css  font-awesome 

Есть ли способ уронить тень только снизу? У меня есть меню с 2 изображениями рядом друг с другом. Я не хочу правильную тень, потому что она перекрывает правильное изображение. Я не люблю использовать изображения для этого, так что есть способ поместить его только внизу, например: box-shadow-bottom: 10px #FFF; или похожие? …

230 css 

Я хочу поставить две <div>с рядом. Право <div>составляет около 200 пикселей; а левая <div>должна заполнить остальную часть ширины экрана? Как я могу это сделать?

230 html  css 

Можно ли использовать селектор CSS3 :first-of-typeдля выбора первого элемента с заданным именем класса? У меня не получилось пройти тест, так что я думаю, что нет? Кодекс ( http://jsfiddle.net/YWY4L/ ): p:first-of-type {color:blue} p.myclass1:first-of-type {color:red} .myclass2:first-of-type {color:green} <div> <div>This text should appear as normal</div> <p>This text should be blue.</p> <p class="myclass1">This text …

230 css  css-selectors