Вопросы с тегом «css»

Я использую Bootstrap 3 для сайта, который я проектирую. Я хочу иметь нижний колонтитул, как этот образец. Образец Пожалуйста, обратите внимание, что я не хочу, чтобы это было ИСПРАВЛЕНО, поэтому начальная загрузка navbar-fixed-bottom не решает мою проблему. Я просто хочу, чтобы он всегда был внизу контента, а также был отзывчивым. …

177 html  css  twitter-bootstrap  footer 

В настоящее время я работаю над проектом, в котором у меня нет контроля над HTML, к которому я применяю стили CSS. И HTML-код не очень хорошо помечен, в том смысле, что недостаточно идентификаторов и объявлений классов для различения элементов. Итак, я ищу способы применения стилей к объектам, которые не имеют …

177 html  css  css-selectors 

У меня есть div и я хочу, чтобы он был центрирован по горизонтали - хотя я даю его, margin:0 auto;он не центрирован .container { position: absolute; top: 15px; z-index: 2; width:40%; max-width: 960px; min-width: 600px; height: 60px; overflow: hidden; background: #fff; margin:0 auto; }

177 css  html  center  absolute 

Я хотел бы контролировать, сколько горизонтального пространства пуля толкает <li>вправо в <ol>или<ul> . То есть вместо того, чтобы всегда иметь * Some list text goes here. Я хотел бы иметь возможность изменить это, чтобы быть * Some list text goes here. или *Some list text goes here. Я огляделся, но …

177 html  css  html-lists 

Я хочу, чтобы панель навигации прилипала к вершине, как только я ее прокручиваю, но она не работает, и я понятия не имею, почему. Если вы можете помочь, вот мой HTML и CSS код: .nav-selections { text-transform: uppercase; letter-spacing: 5px; font: 18px "lato",sans-serif; display: inline-block; text-decoration: none; color: white; padding: 18px; …

177 html  css  css-position 

Я использую приложение create-реагировать и предпочитаю не eject. Непонятно, куда должны идти шрифты, импортированные через @ font-face и загруженные локально. А именно загружаю @font-face { font-family: 'Myriad Pro Regular'; font-style: normal; font-weight: normal; src: local('Myriad Pro Regular'), url('MYRIADPRO-REGULAR.woff') format('woff'); } Какие-либо предложения? -- РЕДАКТИРОВАТЬ Включая суть, на которую ссылается Дэн …

177 css  reactjs  fonts  webpack  create-react-app 

Я новичок в этой компании, и у нас есть продукт, который использует мили CSS. Я пытаюсь создать для нашего приложения таблицу стилей для печати, но у меня проблемы с background-colorin @media print. @media print { #header{display:none;} #adwrapper{display:none;} td { border-bottom: solid; border-right: solid; background-color: #c0c0c0; } } Все остальное работает, …

176 css  media-queries 

<td class="style1" align='center' height='35'> <div style='overflow: hidden; width: 230px;'> <a class='link' herf='' onclick='topic(<?=$key;?>)'> <span id='name<?=$key;?>'><?=$name;?></span> </a> </div> </td> Это мой CSS скрипт .style1 { background-image: url('http://localhost/msite/images/12.PNG'); background-repeat: no-repeat; background-position: left center; } Я хочу растянуть background-imageвсю <td>клетку

176 html  css  background 

Рассмотрим следующий фрагмент: .parent { display: flex; flex-direction: column; width: 400px; border: 1px solid red; align-items: center; } .child { border: 1px solid blue; } <div class="parent"> <div class="child"> Lorem Ipsum is simply dummy text of the printing and typesetting industry </div> <div class="child"> Lorem Ipsum is simply dummy text …

176 css  internet-explorer  flexbox  internet-explorer-11 

Я пытаюсь установить <div>определенный процент высоты в CSS, но он остается того же размера, что и содержимое внутри него. Однако когда я удаляю HTML 5 <!DOCTYTPE html>, он работает, <div>занимая всю страницу по желанию. Я хочу, чтобы страница прошла проверку, что мне делать? У меня есть этот CSS на <div>, …

176 html  css  height 

У меня есть коллекция элементов блока на странице. Все они имеют CSS-правила пробела, переполнения, переполнения текста, так что переполняемый текст обрезается и используется многоточие. Однако не все элементы переполнены. Есть ли в любом случае я могу использовать JavaScript, чтобы обнаружить, какие элементы переполнены? Спасибо. Добавлено: пример структуры HTML, с которой …

176 javascript  html  css  ellipsis 

<div class="commentList"> <article class="comment " id="com21"></article> <article class="comment " id="com20"></article> <article class="comment " id="com19"></article> <div class="something"> hello </div> </div> Я хочу выбрать #com19? .comment { width:470px; border-bottom:1px dotted #f0f0f0; margin-bottom:10px; } .comment:last-child { border-bottom:none; margin-bottom:0; } Это не работает до тех пор, пока у меня есть еще один div.somethingпоследний фактический …

176 html  css  css-selectors 

Я хочу совместить :afterс :hoverCSS (или любой другой псевдо-селектор). У меня в основном есть список, и элемент с selectedклассом имеет форму стрелки, примененную с помощью :after. Я хочу, чтобы то же самое относилось к объектам, которые были наведены, но не могли заставить его работать. Вот код #alertlist { list-style:none; width: …

176 css  css-selectors  pseudo-element 

Это должно быть просто, но у меня возникли проблемы с поиском поисковых запросов. Допустим, у меня есть это: <div class="a c">Foo</div> <div class="b c">Bar</div> В CSS, как я могу создать селектор, который соответствует чему-то, что соответствует "(.a или .b) и .c"? Я знаю, что мог сделать это: .a.c,.b.c { /* …

176 html  css  css-selectors 

Я хочу применить правило CSS к любому элементу, один из классов которого соответствует указанному префиксу. Например, я хочу правило, которое будет применяться к div, класс которого начинается с status-(A и C, но не B в следующем фрагменте): <div id='A' class='foo-class status-important bar-class'></div> <div id='B' class='foo-class bar-class'></div> <div id='C' class='foo-class status-low-priority …

175 css  css-selectors