css- все статьи тега ➜ страница 34
Как центрировать флажок в ячейке таблицы?
клетка не содержит ничего, кроме флажка. Он достаточно широк из-за текста в строке заголовка таблицы. Как мне центрировать флажок (с помощью встроенного CSS в моем HTML? (Я знаю)) пробовал <td> <input type="checkbox" name="myTextEditBox" value="checked" style="margin-left:auto; margin-right:auto;"> </td> но это не сработало. Что я делаю не так? обновление: вот тестовая страница. Может ли кто - нибудь исправить это - с помощью CSS inline в HTML-так, чтоб ...
CSS3 Flexbox поддерживает соотношение сторон изображения
используя модель CSS flex box, как я могу заставить изображение поддерживать его соотношение сторон? JS Скрипка http://jsfiddle.net/xLc2Le0k/2/ обратите внимание, что изображения растягиваются или сжимаются, чтобы заполнить ширину контейнера. Это нормально, но можем ли мы также растянуть или сжать высота для сохранения пропорций изображения? HTML <div class="slider"> <img src="http://www.placebacon.net/400/300" alt="Bacn"> <img src="http://www.placebacon.net/400/300" ...
Как избавиться от смещения элемента с помощью CSS?
у меня есть проблема позиционирования с некоторыми элементами, после проверки его IE8 Developer tools он показывает мне это: теперь я уверен, что моя проблема в том, что 12 смещение, но как я могу удалить его? Я не могу найти никакого упоминания о свойстве смещения CSS. Нужно ли нам смещение в дополнение к марже? вот код, который производит это: <div id="wahoo" style="border: solid 1px black; height:100px;"> <asp:TextBox ID="inputBox" runat="server" /> <input id= ...
Как изменить цвет фона параметра выбрать поле?
у меня есть поле выбора, и я пытаюсь изменить цвет фона параметров, когда поле выбора было нажато и показывает все параметры. Посмотреть Скрипка html <select> <option val="">Please choose</option> <option val="1">Option 1</option> <option val="2">Option 2</option> <option val="3">Option 3</option> <option val="4">Option 4</option> </select> css select{ margin:40px; background: rgba(0,0,0,0 ...
CSS-изображение изменяет размер в процентах от себя?
Я пытаюсь изменить размер img с процентом от себя. Например, я просто хочу уменьшить изображение наполовину, изменив его размер до 50%. Но применяя width: 50%; изменит размер изображения на 50% от элемента контейнера (родительский элемент, который может быть <body> например). вопрос в том, Могу ли я изменить размер изображения с процентом без использования JavaScript или серверный? (У меня нет прямой информации о размере изображения) Я уверен, что вы не могу этого сделать, но я просто х ...
Ребенок с максимальной высотой: 100% переполняет родителя
Я пытаюсь понять, что кажется мне неожиданным поведением: у меня есть элемент с максимальной высотой 100% внутри контейнера, который также использует максимальную высоту, но неожиданно дочерний элемент переполняет Родительский: тестовый случай:http://jsfiddle.net/bq4Wu/16/ .container { background: blue; padding: 10px; max-height: 200px; max-width: 200px; } img { display: block; max-height: 100%; max-width: 100%; } это исправлено, однако, если родителю з ...
Отключить перетаскивание элементов HTML?
Я работаю над веб-приложением, для которого я пытаюсь реализовать полнофункциональную оконную систему. Сейчас все идет очень хорошо, я столкнулся только с одной незначительной проблемой. Иногда, когда я иду, чтобы перетащить часть моего приложения (чаще всего угловой div моего окна, который должен вызвать операцию изменения размера) веб-браузер становится умным и думает, что я хочу перетащить что-то. Конечный результат, мое действие помещается на удержание, пока браузер выполняет его перетаскива ...
Авто поля не центрируют изображение на странице
In изображение не центрируется. Зачем? Мой браузер-Google Chrome v10 на windows 7, а не IE. <img src="/img/logo.png" style="margin:0px auto;"/> ...
Понимание классов сетки (col-sm - # и col-lg -#) в Bootstrap 3
Я начинаю работу на Bootstrap 3, и у меня возникли некоторые проблемы с пониманием того, как классы сетки предназначены для использования. вот что я уяснил: похоже, что классы col-sm-# и col-lg-# отличаются от старых добрых col-# в том, что они будут применяться только тогда, когда экраны выше определенного размера (768px и 992px соответственно). Если вы опустите-sm - или-lg-divs никогда не свернется в один столбец. однако, когда я создаю два дива внутри строки, которые оба col-sm-6 кажется, ...
Объединить и минимизировать многочисленные CSS-и js-файлов
Я пытаюсь оптимизировать производительность сайта путем консолидации и сжатия файлов CSS и JS. Мой вопрос больше касается (конкретных) шагов по достижению этого, учитывая реальную ситуацию, с которой я столкнулся (хотя и должен быть типичным среди других разработчиков). Моя страница ссылается на несколько CSS и JS файлов, таких как: <!-- It's easier to work on smaller files during development. Hence, the multiple CSS and JS files. --> <link type="text/css" rel="stylesheet" href="/ ...
как сделать twitter bootstrap подменю, чтобы открыть на левой стороне?
Я пытался создать подменю Twitter bootstrap в выпадающем меню, но у меня есть проблема: у меня есть выпадающее меню в правом верхнем углу страницы, и это меню имеет еще одно подменю. Однако, когда подменю открывается - оно не помещается в окне и идет слишком сильно вправо, так что пользователь может видеть только первые буквы. Как сделать так, чтобы подменю открывалось не вправо, а влево? ...
html (+css): обозначение предпочтительного места для разрыва строки
допустим, у меня есть этот текст, который я хочу отобразить в ячейке таблицы HTML: Honey Nut Cheerios, Wheat Chex, Grape-Nuts, Rice Krispies, Some random cereal with a very long name, Honey Bunches of Oats, Wheaties, Special K, Froot Loops, Apple Jacks и я хочу, чтобы строка прерывалась преимущественно после одной из запятых. есть ли способ сказать HTML-рендереру, чтобы попытаться сломать в определенном месте, и сделать это сначала, прежде чем пытаться сломать после одного из пробелов, без ...
Как я могу предотвратить textarea от растяжения за пределы его родительского элемента DIV? (только проблема google-chrome)
Как я могу предотвратить растягивание textarea за пределы родительского элемента DIV? У меня есть эта текстовая область внутри таблицы, которая находится внутри DIV, и кажется, что она заставляет всю таблицу выходить за ее пределы. вы можете увидеть пример той же ситуации даже в более простом случае, просто поместив текстовую область внутри div (например, то, что используется здесь www.stackoverflow.com) вы можете видеть на изображениях ниже, что текстовая область может растягиваться за преде ...
Как молча скрыть значок "изображение не найдено", когда исходное изображение src не найдено
вы знаете, как скрыть классический "изображение не найдено" значок с отображаемой HTML-страницы, когда файл изображения не найден? любой метод работы с использованием JavaScript/jQuery / CSS? ...
Производительность CSS относительно translateZ(0)
ряд блогов выразили прирост производительности в "обмане" GPU, чтобы думать, что элемент является 3D с помощью transform: translateZ(0) для ускорения анимации и переходы. Мне было интересно, есть ли последствия для использования этого преобразования следующим образом: * { -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); } ...
CSS: изменить изображение src на img: hover
мне нужно изменить <img> исходный URL-адрес hover. Я пробовал это, но не работает : HTML <img id="my-img" src="http://dummyimage.com/100x100/000/fff"/> CSS #my-img:hover { content: url('http://dummyimage.com/100x100/eb00eb/fff'); } jsFiddle любая помощь будет оценили. обновление: это работает только для Webkit / Google Chrome. ...
Сделайте якорную ссылку на несколько пикселей выше, где она связана
Я не уверен, что лучший способ задать / поиск по этому вопросу: когда вы нажимаете на якорную ссылку, она приводит вас к этому разделу страницы со связанной областью теперь в самой верхней части страницы. Я хотел бы, чтобы Якорная ссылка отправила меня в эту часть страницы, но мне бы хотелось, чтобы в верхней части было немного места. Как и в случае, я не хочу, чтобы он отправил меня в связанный-чтобы расстаться с ним на самом верху, я хотел бы 100 или около того пикселей пространства там. име ...
CSS плавающие дивы на переменной высоте [дубликат]
этот вопрос уже есть ответ здесь: как создать вид сетки / плитки? 8 ответов У меня есть бесконечное количество дивов шириной 100px, которые могут поместиться в родитель шириной 250px. Независимо от высоты, мне нужно, чтобы дивы отображались в строках, как показано на изображении. Я пытался решить эту проблему, но div высота, кажется, все портит. Я был бы очень признателен за вашу помощь. Спасибо :) ...
Могу ли я сделать динамические стили в React Native?
скажем, у меня есть компонент с рендером, как это: <View style={jewelStyle}></View> где jewelStyle = { borderRadius: 10, backgroundColor: '#FFEFCC', width: 20, height: 20, }, как я могу сделать цвет фона динамически и случайным образом? Я пробовал { borderRadius: 10, backgroundColor: getRandomColor(), width: 20, height: 20, }, но это делает все экземпляры View имеют тот же цвет, я хочу, чтобы каждый из них был индивидуальным. какие- ...
iframe между доменами размер
как изменить размер iframe из другого домена - Edit прокрутите вниз для некоторых решений.. или читайте о том, как этого не делать :D после многих часов взлома кода-вывод заключается в том, что ничего внутри iframe не доступно, даже полосы прокрутки, которые отображаются на моем домене. Я пробовал много методов безрезультатно. чтобы сэкономить ваше время, даже не спускайтесь по этому маршруту, просто используйте sendMessages для междоменной связи. Есть плагины для HTML последние нескол ...