Вот иллюстрация проблемы (проверено в Firefox и Chrome): <div style="background-color: red;"><svg height="100px" width="100" style="background-color: blue;"></svg></div> Запустить фрагмент кодаHide resultsРазвернуть фрагмент Посмотреть на JSFiddle Обратите внимание на...
У меня есть гибкий контейнер с двумя гибкими элементами. Я хочу установить верхний край на втором, но только когда он завернут, а не на первой гибкой линии. По возможности я хочу избегать использования медиа-запросов. Я думал, что нижняя граница первого элемента может быть решением. Однако он...
Как упоминалось в заголовке, возможно ли вычислить vwбез полос прокрутки только в css? Например, мой экран имеет ширину 1920px. vwвозвращается 1920px, отлично. Но моя реальная ширина тела примерно такая 1903px. Есть ли способ получить 1903pxзначение только с помощью css (не только для прямых...
Мне интересно, как можно постоянно отображать вертикальную полосу div (выделенную серым цветом, если нет прокрутки), аналогичную нашим обычным полосам. В основном я пытаюсь разместить весь веб-сайт в div (например, gmail / facebook), поэтому, если страница недостаточно длинная, вся страница...
(Не путать с Xunit , популярной библиотекой модульного тестирования .Net.) Сегодня в порыве скуки я начал инспектировать Gmails DOM (да, мне было очень скучно). Все выглядело довольно просто, пока я не заметил интересную спецификацию ширины определенных элементов. Знаменитые Googlites указали...
У меня особенная и неприятная проблема. Для простой разметки: <table> <thead> <tr><th>1</th><th>2</th><th>3</th></tr> </thead> <tbody> <tr><td>a</td><td>b></td><td>c</td></tr>...
Многие инструменты / API предоставляют способы выбора элементов определенных классов или идентификаторов. Также можно проверить необработанные таблицы стилей, загруженные браузером. Однако для того, чтобы браузеры отображали элемент, они компилируют все правила CSS (возможно, из разных файлов...
Как получить фиксированный верхний колонтитул, нижний колонтитул с прокручиваемым содержимым? Что-то вроде этой страницы . Я могу посмотреть исходный код, чтобы получить CSS, но я просто хочу знать минимум CSS и HTML, который мне нужен, чтобы это работало....
Я делаю сайт администратора Django, используя версию для разработки Django Но у него нет стиля CSS: А что я могу сделать? благодаря
На этот вопрос есть ответы на Stack Overflow на русском : Div. Занять оставшееся место Как я могу заставить div заполнить оставшуюся ширину? <div id="Main" style="width: 500px;"> <div id="div1" style="width: 100px;"></div> <div id="div2"></div> <div id="div3"...
Код здесь: http://lasers.org.ru/vs/example.html Как убрать пустое место под основным блоком (# страница)?
Мне нужно уведомление в стиле facebook, но получить что-то, что хорошо выглядит в кросс-браузере, кажется сложным. Например, разные браузеры по-разному обрабатывают отступы, что приводит к странному виду уведомлений. Как лучше всего обеспечить удобное отображение уведомлений в разных браузерах? Не...
Я пытаюсь сделать кнопку так, чтобы, когда пользователь нажимает на нее, она меняет свой стиль, пока кнопка мыши удерживается. Я также хочу, чтобы он изменил свой стиль аналогичным образом, если его коснутся в мобильном браузере. Для меня казалось очевидным использовать псевдокласс CSS: active, но...
У меня проблема с высотой строки, которую я не могу понять. Следующий код будет центрировать изображение внутри div: CSS .bar { height: 800px; width: 100%; line-height:800px; background-color: #000; text-align: center; } .bar img { vertical-align: middle; } HTML <div class="bar"> <img...
Скажем, у меня есть <div class="myDiv">Hi there</div> Я хочу поставить background-imageи дать ему opacityиз 0.5- но я хочу , что текст , который я написал будет иметь полную непрозрачность ( 1). Если бы я написал такой CSS .myDiv { opacity:0.5 } все будет с низкой непрозрачностью - а я...
Учитывая следующие HTML и CSS, я абсолютно ничего не вижу в своем браузере (Chrome и IE являются последними на момент написания). Все сворачивается до 0x0 пикселей. Зачем? <!DOCTYPE html> <html> <head> <style type="text/css"> section { display: table; height: 100%;...
Я создаю веб-приложение викторины с использованием PHP. Каждый вопрос состоит из отдельных <label>и имеет 4 возможных варианта radio buttonsответа , которые позволяют пользователю выбрать свой ответ. Текущий HTML-код для одного вопроса выглядит так: <label for="349">What is my middle...
Есть ли способ масштабировать ширину an <input type="text">до ширины фактического значения? input { display: block; margin: 20px; width: auto; } <input type="text" value="I've had enough of these damn snakes, on this damn plane!" /> <input type="text" value="me too" /> Запустить...
Мне нужна ссылка, которая ничего не делает. Я не хочу этого: <a href="#"> потому что тогда URL-адрес становится something.com/whatever/#. Единственная причина, по которой мне нужна ссылка, - это чтобы пользователь мог видеть, что он может щелкнуть текст. JavaScript используется для...
Я использую twitter bootstrap для создания переключаемых вкладок. Вот css, который я использую: <div class="container"> <ul class="nav nav-tabs"> <li><a href="#home" data-toggle="tab">Home</a></li> <li><a href="#profile"...