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

Есть ли способ предотвратить разрыв строки после div с помощью css? Например у меня есть <div class="label">My Label:</div> <div class="text">My text</div> и хотите, чтобы он отображался так: Мой ярлык: Мой текст

95 css  html 

Я помню, как давно слышал, что "лучшей практикой" считалось заключать в кавычки имена шрифтов, которые содержат несколько слов в свойстве CSS font-family, например: font-family: "Arial Narrow", Arial, Helvetica, sans-serif; На всякий случай я попытался удалить кавычки, "Arial Narrow"и у Safari и Firefox нет проблем с их отображением. Итак, есть ли …

95 css  font-family  quotation-marks 

Приведенный ниже простой HTML-код по-разному отображается в браузерах на основе Firefox и WebKit (я проверял в Safari, Chrome и iPhone). В Firefox и рамка, и текст имеют одинаковый цвет ( #880000), но в Safari текст становится немного светлее (как если бы к нему была применена некоторая прозрачность). Можно как-то это …

95 iphone  html  css  safari  webkit 

Я хотел бы поставить белую полосу, которая занимала бы всю ширину внизу экрана. Для этого я подумал об использовании absoluteпозиционирования с унаследованными flexboxпараметрами. С помощью следующего кода он отображает что-то вроде этого . Вот мой код: var NavigationBar = React.createClass({ render: function() { return( <View style={navigationBarStyles.navigationBar}> //Icon 1, Icon 2... …

95 javascript  css  react-native 

Я пытаюсь отключить конкретную ссылку и применить стиль курсора, но эта команда CSS cursor: text;не действует. Курсор всегда по умолчанию. Я использую последнюю версию Firefox. CSS: pointer-events: none !important; cursor: text; color: Blue;

95 css 

Я заполняю текстовое поле контентом, который пользователь может редактировать. Можно ли растянуть его, чтобы он соответствовал содержимому с помощью CSS (например, overflow:showдля div)?

95 html  css 

Я поискал и не нашел этого. Я пытаюсь получить ширину div, но если в нем есть десятичная точка, он округляет число. Пример: #container{ background: blue; width: 543.5px; height: 20px; margin: 0; padding: 0; } Если я это сделаю, $('#container').width();он вернет 543 вместо 543,5. Как мне заставить его не округлять число …

94 javascript  jquery  css 

Я использую Twitter Bootstrap 2.0.1 в проекте Rails 3.1.2, реализованном с помощью bootstrap-sass. Я загрузка оба bootstrap.cssи те bootstrap-responsive.cssфайлы, а также bootstrap-collapse.jsJavascript. У меня гибкий макет с навигационной панелью, как в примере . Это следует за инструкциями по «отзывчивому варианту» на панели навигации здесь . Он отлично работает: если страница …

94 css  ruby-on-rails-3  twitter-bootstrap 

Я пытаюсь оптимизировать производительность сайта за счет объединения и сжатия файлов CSS и JS. Мой вопрос больше о (конкретных) шагах, как этого добиться, учитывая реальную ситуацию, с которой я столкнулся (впрочем, это должно быть типично и для других разработчиков). Моя страница ссылается на несколько файлов CSS и JS, например: <!-- …

94 javascript  css  optimization  yui-compressor  http-compression 

Это означает, что итоговая таблица будет выглядеть менее так: [=== ROW ===] [=== ROW ===] [=== ROW ===] [=== ROW ===] ... и так далее: [=== ROW ===] [=== ROW ===] [=== ROW ===] [=== ROW ===] Я пробовал добавить margin-bottom:1em; к td и tr, но ничего не получил. Любые …

94 html  css 

У меня есть строка меню с эффектами наведения, и теперь я хочу разместить прозрачное изображение с кружком и нарисованным вручную текстом над одним из пунктов меню. Если я использую абсолютное позиционирование для размещения наложенного изображения над пунктом меню, пользователь не сможет нажать кнопку, и эффект наведения не будет работать. Есть …

94 javascript  html  css  xhtml  javascript-events 

Прошу прощения, если на этот вопрос уже был дан ответ. Я пробовал искать решения, но не нашел ни одного, подходящего для моего кода. Я все еще новичок в jQuery. У меня есть два разных типа липких меню для двух разных страниц. Вот код для обоих. $(document).ready(function () { var contentNav …

94 javascript  jquery  html  css  dom 

У меня такая разметка: <div class="FixedHeightContainer"> <h2>Title</h2> <div class="Content"> ..blah blah blah... </div> </div> CSS выглядит так: .FixedHeightContainer { float:right; height: 250px; width:250px; } .Content { ??? } Из-за своего содержимого высота div.Contentобычно больше, чем пространство, предоставляемое div.FixedHeightContainer. На данный момент div.Contentвесело выходит из низа div.FixedHeightContainer- совсем не то, что …

94 css  scrollbar  overflow 

У меня такая структура: <body> <div id="main-wrapper"> <header> </header> <nav> </nav> <article> </article> <footer> </footer> </div> </body> Я динамически загружаю контент с <article>помощью javascript. Из-за этого <article>может меняться высота блока. Я хочу, чтобы <footer>блок находился внизу страницы, когда есть много контента, или внизу окна браузера, когда существует только несколько строк …

94 css  html  footer 

Можно ли использовать CSS для отключения автозаполнения в элементе формы (в частности, в текстовом поле)? Я использую библиотеку тегов, которая не позволяет использовать элемент автозаполнения, и я хотел бы отключить автозаполнение без использования Javascript.

94 html  css  forms