css
каждый раз, когда я пытаюсь сделать что-то, казалось бы,-простое в CSS, это не работает. у меня есть контент div, который содержит изображение 460x160. Все, что я хочу сделать, это поместить изображение в правом нижнем углу и обернуть мой текст вокруг него. <div id="contents"> <img src="..." /&...
У меня есть три проблемы: когда я попытался использовать фоновое изображение в div меньшего размера, div показывает только часть изображения. Как я могу показать полную или определенную часть изображения? У меня есть меньшее изображение, и я хочу использовать в большем div. Но не хочу использовать функцию п...
я использовал макет CSS flex box, который отображается, как показано ниже: Если экран становится меньше, он превращается в это: проблема в том, что изображения не изменяются, сохраняя соотношение сторон от исходного изображения. можно ли использовать чистый CSS и макет flex box, чтобы изменить размер ...
у меня есть 2 дива и дл: <div id="wrap"> <div id="header"> <dl id="site_nav_global_primary"> и это мой стиль: #wrap { margin:0 auto; width:100%; min-width:760px; max-width:1003px; overflow:hidden; } #header { width:100%; position:relative; float:left; padding-top:18px; margin-bottom:...
Как я могу отключить новую функциональность в Internet Explorer 10, которая показывает немного " x " в текстовом поле, когда он сфокусирован, и у меня есть контент в нем? ...
Я пытался использовать линейный градиент поверх моего фонового изображения, чтобы получить эффект затухания в нижней части моего фона от черного до прозрачного, но, похоже, не могу его показать. Я читал другие случаи здесь и примеры, но ни один из них не работает для меня. Я вижу только градиент или изображе...
так что у меня есть таблица с этим стилем: table-layout: fixed; что делает все столбцы одинаковой ширины. Я хотел бы, чтобы один столбец (первый) был шире, а затем остальные столбцы занимали оставшуюся ширину таблицы с равной шириной. как этого добиться? table { border-collapse: collapse; widt...
Я пытаюсь создать окно предварительного кода с номерами строк перед каждой строкой. Я предпочитаю делать это только с CSS. Вот что я сделал pre { background: #303030; color: #f1f1f1; padding: 10px 16px; border-radius: 2px; border-top: 4px solid #00aeef; -moz-box-shadow: inset 0 0 10px ...
в скрипке ниже, у меня есть переход на видимость и непрозрачность отдельно. Последняя работает, но бывший не. Кроме того, в случае видимости, время перехода интерпретируется как задержка при наведении наружу. Происходит как в Chrome, так и в Firefox. Это ошибка? http://jsfiddle.net/0r218mdo/3/ Пример 1: #i...
у меня есть следующий макет на странице: <div class="col-lg-3">1</div> <div class="col-lg-2">2</div> <div class="col-lg-2">3</div> <div class="col-lg-2">4</div> <div class="col-lg-3">5</div> --------- ----- ----- ----- --------- | 1 | 2 | ...