css- все статьи тега ➜ страница 35
Что означает свойство со звездой в CSS?
Я смотрел на файл css сегодня и нашел следующий набор правил: div.with-some-class { display:block; margin:0; padding:2px 0 0 0; *padding:1px 0 0 0; font-size:11px; font-weight:normal; *line-height:13px; color:#3D9AD0; } что означает звезда в * padding и * line-height? спасибо. ...
Ширина/высота изображения как атрибут или в CSS?
Что такое "правильный" семантический способ указать высоту и ширину изображения? в CSS... width:15px; или встроенные... <img width="15" ? CSS кажется правильным местом для размещения визуальной информации. С другой стороны, мало кто будет утверждать, что изображение "src" не должно быть указано в качестве атрибута, а высота/ширина кажутся такими же привязанными к двоичным данным изображения, как и "src". (Да, я понимаю, что с технической, конечной точки зрения это действительно не т ...
Вертикальное выравнивание на CSS:before и:after содержимое
Я пытаюсь центрировать ссылку с изображением, но никак не могу переместить содержимое вертикально. <h4>More Information</h4> <a href="#" class="pdf">File Name</a> значок 22 x 22px .pdf { font-size: 12px; } .pdf:before { padding:0 5px 0 0; content: url(../img/icon/pdf_small.png); } .pdf:after { content: " ( .pdf )"; font-size: 10px; } .pdf:hover:after { color: #000; } ...
Кнопка выравнивания в нижней части div с помощью CSS
Я хочу выровнять мою кнопку в правом нижнем углу моего div. Как я могу это сделать? текущий css div: float: right; width: 83%; margin-right: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; height:625px; overflow:auto; ...
Выравнивание текста и выбор полей до одинаковой ширины в CSS?
ок это казалось бы невозможным. У меня есть текстовое поле и поле выбора. Я хочу, чтобы они были одинаковой ширины точно так, чтобы они выстраивались на левом поле и правом поле. <!DOCTYPE html> <html> <head> <style type="text/css"> input, select { width: 200px; } </style> </head> <body> <input type="text" value="ABC"><br> <select> <optio ...
Удалить полосу прокрутки из iframe
используя этот код <iframe frameborder="0" style="height: 185px; overflow:scroll; width: 100%" src="http://www.cbox.ws/box/?boxid=439&boxtag=7868&sec=main" marginheight="1" marginwidth="1" name="cboxmain" id="cboxmain" seamless="seamless" scrolling="no" frameborder="0" allowtransparency="true"></iframe> вот как это выглядит (shoutbox на главной странице http://www.talkjesus.com) Как удалить горизонтальную полосу прокрутки и изменить css вертикальной полосы прокрутки? спа ...
как установить размер шрифта на основе размера контейнера?
У меня есть контейнер, который имеет % ширины и высоты, поэтому он масштабируется в зависимости от внешних факторов. Я хотел бы, чтобы шрифт внутри контейнера был постоянным размером относительно размера контейнеров. Есть ли хороший способ сделать это с помощью CSS? Элемент font-size: x% будет только масштабировать шрифт в соответствии с исходным размером шрифта (который будет 100%). ...
Центр DIV по горизонтали и вертикали [дубликат]
этот вопрос уже есть ответ здесь: как центрировать элемент по горизонтали и вертикали? 13 ответов есть ли способ центр DIV по вертикали и горизонтали но, и это важно, что содержание не будет сокращено, когда окно меньше, чем содержаниеdiv должен иметь цвет фона и ширину и высоту. Я всегда по центру div с абсолютным позиционированием и отрицательными величинами, как в приведенном примере. Но у него есть ...
Рекомендуется организовать структуру папок Javascript Library & CSS [закрыто]
Как вы организуете свою папку js & css в своем веб-приложении? моя текущая структура проекта выглядит так: root/ assets/ js/ lib/ css/ img/ index.html но это сложнее, когда я использую много javascript библиотеки и CSS плагин. JavaScript плагин поставляется с собственным .JS-файл, а иногда и со своим собственным .файл CSS. например, когда я использую jQuery с плагином JQueryUI, я ставлю jquery.js и jquery-ui.js внутри каталога js/lib. Но JQueryUI поставляется со св ...
Как поместить подсказку в текстовое поле asp:
Как поместить подсказку / заполнитель внутри текстового поля asp:? Когда я говорю, намек Я имею в виду текст, который исчезает, когда пользователь нажимает на нее. Есть ли способ добиться того же с помощью html / css? ...
Почему flexbox растягивает мой образ?
Flexbox имеет такое поведение, когда он растягивает изображения до их естественной высоты. Другими (более конкретными) словами, если у меня есть контейнер flexbox с дочерним изображением, и я изменяю ширину этого изображения, высота не изменяется вообще, и изображение растягивается. <div> <img src="https://loremflickr.com/400/300" > <h4>Appify</h4> <p> some text </p> </div> а это таблица стилей div { display: flex; flex-wrap: wrap; } ...
Как выровнять пролеты или дивы по горизонтали?
моя единственная проблема заключается в том, что они выстраиваются в три ряда и имеют одинаковое расстояние. По-видимому, пролеты не могут иметь ширину, а divs (и пролеты с display:block) не отображаются горизонтально рядом друг с другом. Предложения? <div style='width:30%; text-align:center; float:left; clear:both;'> Это то, что у меня есть сейчас. ...
Добавить горизонтальную полосу прокрутки в таблицу html
есть ли способ добавить горизонтальную полосу прокрутки в таблицу HTML? Мне действительно нужно, чтобы он прокручивался как по вертикали, так и по горизонтали в зависимости от того, как растет таблица, но я не могу получить ни одну полосу прокрутки. ...
Могу ли я использовать минимальную высоту для таблицы, tr или td?
Я пытаюсь показать некоторые данные в таблице. Я хочу, чтобы эта таблица имела минимальную высоту, чтобы показать продукты. Так что если есть только один продукт, то таблица будет иметь по крайней мере некоторые пробелы в конце. С другой стороны, если есть 5 или больше продуктов, это не будет пустое пространство. Я попробую с этим css: table,td,tr{ min-height:300px; } но это не работает. спасибо заранее. ...
Произведите повторяя шестиугольную картину с CSS3
Итак, мне нужно сделать повторяющийся шестиугольный узор, используя CSS. Если нужны изображения, я могу пойти туда, но я бы предпочел просто использовать CSS, если это возможно. вот идея того, что я пытаюсь создать: в принципе, мне просто нужен способ создать шестиугольные фигуры, а затем наложить текст/изображения поверх них. У меня пока мало кода, потому что я не совсем уверен, с чего начать. Проблема в том, что я мог бы просто использовать <div>s в форме a шестиугольник, как показан ...
Черный прозрачный наложения на изображения при наведении курсора с помощью CSS?
Я пытаюсь добавить прозрачное черное наложение на изображение всякий раз, когда мышь нависает над изображением только с помощью CSS. Это возможно? Я попробовал это: http://jsfiddle.net/Zf5am/565/ но я не могу заставить div появиться. <div class="image"> <img src="http://www.newyorker.com/online/blogs/photobooth/NASAEarth-01.jpg" alt="" /> <div class="overlay" /> </div> .image { position: relative; border: 1px solid black; width: 200px; height: 200 ...
Как протестировать веб-сайт для Retina на Windows без фактического дисплея Retina?
есть ли способ имитировать дисплей Retina в Windows для тестирования веб-сайта для дисплеев HiDPI, таких как Retina? Я запускаю Windows на стандартном мониторе 24 " 1920x1080. Вчера вечером я проверил свой сайт на совершенно новом 15" Retina MacBook Pro, и графика выглядела все размытой (гораздо хуже, чем на обычном 15-дюймовом MacBook), в то время как шрифт был супер четким и резким, что делает логотип еще хуже из-за прямого сравнения. я следовал этот учебник, чтобы сделать мой сайт готовые R ...
Выравнивание радио / флажков в HTML / CSS
каков самый чистый способ правильно выровнять переключатели / флажки с текстом? Единственное надежное решение, которое я использую до сих пор-это таблица на основе: <table> <tr> <td><input type="radio" name="opt"></td> <td>Option 1</td> </tr> <tr> <td><input type="radio" name="opt"></td> <td>Option 2</td> </tr> </table> это может быть неодобрительно на некоторых. Я только что провел ...
Любой способ объявить размер / частичную границу в поле?
любой способ объявить размер / частичную границу в поле в css3? Например, коробка с 350px, которая показывает только нижнюю границу в ее первых 60px. Я думаю, что это может быть очень полезно. примеры: ...
Установите фиксированный div на 100% ширину родительского контейнера
у меня есть обертка с некоторым дополнением, затем у меня есть плавающий относительный div с процентной шириной (40%). внутри плавающего относительного div у меня есть фиксированный div, который я хотел бы иметь тот же размер, что и его родитель. Я понимаю, что фиксированный div удаляется из потока документа и как таковой игнорирует заполнение оболочки. HTML <div id="wrapper"> <div id="wrap"> Some relative item placed item <div id="fixed"></div> </div ...