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

Мне тяжело с overflow: hidden. По сути, я пытаюсь скрыть переполнение неупорядоченного списка, который находится в <div>. Я понятия не имею, почему это не работает. Вместо того, чтобы скрывать его, он разбивает мой список с горизонтального на вертикальный. Неупорядоченный список - это карусель, а контейнер - это список. Ниже мой …

123 css  overflow  html 

Я пытаюсь центрировать две ссылки «просмотр веб-сайта» и «просмотр проекта» внутри окружающего div. Может кто-нибудь указать, что мне нужно сделать, чтобы это сработало? JS Fiddle: http://jsfiddle.net/F6R9C/ HTML <div> <span> <a href="#" target="_blank">Visit website</a> <a href="#">View project</a> </span> </div> CSS div { background:red;overflow:hidden } span a { background:#222; color:#fff; display:block; float:left; …

123 css 

Мы хотим кэшировать бюст при производственных развертываниях, но не тратить кучу времени на поиски системы для этого. Я подумал о том, чтобы применить параметр к концу файлов css и js с текущим номером версии: <link rel="stylesheet" href="base_url.com/file.css?v=1.123"/> Два вопроса: эффективно ли это сломает кеш? Будет ли параметр заставлять браузер никогда …

123 javascript  html  css  caching 

Когда я изучал overflowзначения свойства, я натолкнулся на эти два значения: autoи scroll, которые добавляют полосы прокрутки, если содержимое переполняет элемент. Может кто-нибудь объяснить мне, в чем разница между ними?

123 html  css 

В большинстве случаев я не беспокоюсь об этом, но у меня есть карусель изображений, и если я быстро нажму на следующий и предыдущий div, они будут выделены в Chrome. Я пробовал использовать схему: нет, но без эффекта. Есть ли какие-нибудь решения?

123 css  google-chrome 

Я пытаюсь преобразовать пункты меню, повернув их на 10 градусов. Мой CSS работает в Firefox, но мне не удалось воспроизвести эффект в Chrome и Safari. Я знаю, что IE не поддерживает это свойство CSS3, так что это не проблема. Я использовал следующий CSS: li a { -webkit-transform:rotate(10deg); -moz-transform:rotate(10deg); -o-transform:rotate(10deg); } …

123 html  css 

В jQuery вы можете получить верхнюю позицию относительно родителя в виде числа, но вы не можете получить верхнее значение css как число, если оно было установлено px. Скажем, у меня есть следующее: #elem{ position:relative; top:10px; } <div> Bla text bla this takes op vertical space.... <div id='elem'>bla</div> </div> $('#elem').position().top; //Returns …

123 javascript  jquery  css 

Как самый безопасный способ с помощью медиа-запросов сделать что-то, что происходит не на устройстве с сенсорным экраном? Если нет возможности, вы предлагаете использовать решение JavaScript, такое как !window.Touchили Modernizr?

123 css  touch  media-queries 

Я пытался изменить цвет фона моего холста по умолчанию с черного на прозрачный / любой другой цвет, но безуспешно. Мой HTML: <canvas id="canvasColor"> Мой CSS: <style type="text/css"> #canvasColor { z-index: 998; opacity:1; background: red; } </style> Как вы можете видеть в следующем онлайн-примере, у меня есть некоторая анимация, добавленная к …

123 css  html  canvas  html5-canvas  three.js 

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

123 html  css  layout  twitter-bootstrap 

С помощью типичного CSS я мог бы разместить один из двух столбцов влево, а другой вправо с небольшим промежутком между ними. Как мне это сделать с помощью flexbox? http://jsfiddle.net/1sp9jd32/ #container { width: 500px; border: solid 1px #000; display: -webkit-flex; display: -ms-flexbox; display: flex; } #a { width: 20%; border: solid …

123 html  css  flexbox 

Я пытаюсь отобразить таблицу с 4 столбцами, один из которых является изображением. Ниже приведен снимок: - Я хочу выровнять текст по вертикали по центру, но почему-то CSS не работает. Я использовал адаптивные таблицы начальной загрузки. Я хочу знать, почему мой код не работает и как правильно его заставить работать. Ниже …

123 html  css  twitter-bootstrap 

Мне нужно изменить стиль кнопки «ОК» в окне предупреждения . <head> <script type="text/javascript"> function show_alert() { alert("Hello! I am an alert box!"); } </script> </head> <body> <input type="button" onclick="show_alert()" value="Show alert box" /> </body> Запустить фрагмент кодаСкрыть результатыРазвернуть фрагмент

123 javascript  css 

У меня от бутстрапа 3 более-менее стандартная навигация <body data-spy="scroll" data-target=".navbar-collapse"> <!-- ---------- Navigation ---------- --> <div class="navbar navbar-fixed-top" role="navigation"> <div class="container"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <span class="sr-only">Toggle navigation</span> </button> <a class="navbar-brand" href="index.html"> <img src="#"></a> </div> <div class="navbar-collapse collapse"> <ul class="nav navbar-nav navbar-right"> <li class="active"><a href="#home">Home</a></li> <li><a …

122 html  css  twitter-bootstrap  navigation 

У меня есть сайт, который нужно собрать, с фиксированным соотношением сторон примерно 16:9альбомного, как видео. Я хочу, чтобы он был центрирован и расширен, чтобы заполнить доступную ширину и доступную высоту, но никогда не увеличиваться с обеих сторон. Например: На высокой и тонкой странице содержимое будет растягиваться на всю ширину при …

122 html  css  responsive-design  aspect-ratio