У меня была следующая страница (deadlink:), в http://www.workingstorage.com/Sample.htmкоторой есть нижний колонтитул, который я не могу разместить внизу страницы. Я хочу, чтобы нижний колонтитул придерживаться нижней части окна, когда страница короткая и экран не заполнен, и оставайтесь в конце...
У меня есть простая схема flex-box с контейнером, как: .grid { display: flex; flex-flow: row wrap; justify-content: space-between; } Теперь я хочу, чтобы элементы в последнем ряду были выровнены с другим. justify-content: space-between;следует использовать, потому что ширина и высота сетки могут...
Можно ли установить тень для элемента SVG с помощью CSS3, что-то вроде box-shadow: -5px -5px 5px #888; -webkit-box-shadow: -5px -5px 5px #888; Я видел некоторые замечания по созданию тени с использованием эффектов фильтра. Есть ли пример использования только CSS? Ниже приведен рабочий код, в...
Мой веб-сайт хорошо отображается в браузере iPhone / Safari, за одним исключением: мои поля ввода текста имеют странный округлый стиль, который совсем не выглядит хорошо с остальной частью моего веб-сайта. Есть ли способ проинструктировать Safari (с помощью CSS или метаданных) не округлять поля...
У меня есть divс детьми: <div class="content"> <h1>heading 1</h1> <h2>heading 2</h2> <p>Some more or less text</p> <a href="/" class="button">Click me</a> </div> и я хочу следующий макет: ------------------- |heading 1 | |heading 2 |...
У меня есть эти вложенные элементы div, и мне нужно, чтобы основной контейнер расширялся (по высоте), чтобы вместить DIV внутри <!-- head --> ... <!-- /head --> <body class="main"> <div id="container"> <div id="header"> <!--series of divs in here, graphic banner...
Я хочу использовать панель навигации по умолчанию в Bootstrap 3 с логотипом вместо текста. Как правильно это сделать, не вызывая проблем с экранами разных размеров? Я предполагаю, что это общее требование, но я еще не видел хороший пример кода. Ключевым требованием, помимо приемлемого отображения...
Закрыто . Этот вопрос основан на мнении . В настоящее время он не принимает ответы. Хотите улучшить этот вопрос? Обновите вопрос, чтобы ответить на него фактами и цитатами, отредактировав этот пост . Закрыто 2 месяца назад . Улучшить этот вопрос Я создаю новый веб-сайт и хочу, чтобы он был...
HTML <img src="logo.svg" alt="Logo" class="logo-img"> CSS .logo-img path { fill: #000; } Приведенный выше svg загружается и изначально, fill: #fffно когда я использую приведенное выше, cssчтобы попытаться изменить его на черный, он не меняется, я впервые играю с SVG, и я не уверен, почему он...
Я пытаюсь подсчитать все элементы на текущей странице с одним и тем же классом, а затем я собираюсь использовать его для добавления к имени для формы ввода. По сути, я позволяю пользователям нажимать на значок, <span>а затем добавляя еще один для большего количества элементов того же типа. Но...
В чем разница между полем и отступом в CSS? Это действительно, кажется, не имеет большого значения. Не могли бы вы привести пример того, где лежат различия (и почему важно знать...
Я использую Bootstrap 3 для создания адаптивного макета, в котором я хочу настроить несколько размеров шрифта в соответствии с размером экрана. Как я могу использовать медиа-запросы для создания такой...
Как бы я выбрал все, кроме последнего ребенка, используя селекторы CSS3? Например, получить только последнего ребенка будет
Как настроить таргетинг на поля ввода типа «текст» с помощью селекторов CSS?
Рассмотрим следующий код : #wrapper { width: 500px; border: 1px solid black; } #first { width: 300px; border: 1px solid red; } #second { border: 1px solid green; } <div id="wrapper"> <div id="first">Stack Overflow is for professional and enthusiast programmers, people who write code...
Я не хочу наследовать непрозрачность дочернего элемента от родительского в CSS. У меня есть один div, который является родителем, и у меня есть другой div внутри первого div, который является ребенком. Я хочу установить свойство opacity в родительском div, но я не хочу, чтобы дочерний div...
У меня есть список элементов, которые оформлены так: ul { list-style-type: none; text-align: center; } li { display: inline; } li:not(:last-child):after { content:' |'; } <ul> <li>One</li> <li>Two</li> <li>Three</li> <li>Four</li>...
Попытка навигации flexbox, которая имеет до 5 элементов и всего 3, но это не делит ширину поровну между всеми элементами. скрипка Учебное пособие, которое я моделирую после этого: http://www.sitepoint.com/responsive-fluid-width-variable-item-navigation-css/ SASS * { font-size: 16px; } .tabs {...
Я не знаю, почему этот простой CSS не работает ... .app a { height: 18px; width: 140px; padding: 0; overflow: hidden; position: relative; margin: 0 5px 0 5px; text-align: center; text-decoration: none; text-overflow: ellipsis; white-space: nowrap; color: #000; } <div class="app"> <a...
Кто-нибудь может показать мне разницу между align-itemsи