Запитання з тегом «css»

Я є дівом і хочу, щоб його було по центру горизонтально - хоча я даю йому 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 

Чи є рішення для перехресного браузера для створення перехідного слайду лише за допомогою CSS, без JavaScript? Нижче наведено приклад вмісту html: <div> <img id="slide" src="http://.../img.jpg /> </div>

177 css  css-transitions 

Я хочу зробити, щоб панель навігації дотримувалася вершини, як тільки я прокручую її, але вона не працює, і я не маю поняття, чому. Якщо ви можете допомогти, ось мій 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-react-app і вважаю за краще це не робити 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'); } Будь-які пропозиції? - EDIT Включаючи суть, …

177 css  reactjs  fonts  webpack  create-react-app 

Я новачок у цій компанії, і ми маємо продукт, який використовує милі css. Я намагаюся зробити друку таблиці стилів для нашого застосування , але у мене виникають проблеми з background-colorв @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 

Зараз я працюю над проектом, в якому я не маю контролю над HTML, до якого я застосовую стилі CSS. І HTML не дуже добре позначений, в тому сенсі, що недостатньо оголошень id та класу для розмежування елементів. Отже, я шукаю способи застосувати стилі до об'єктів, які не мають атрибута id …

176 html  css  css-selectors 

Розглянемо наступний фрагмент: .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 певний відсоток висоти, але він просто залишається такого ж розміру, як вміст всередині нього. <!DOCTYTPE html>Однак, коли я видаляю HTML 5 , він спрацьовує, <div>займаючи всю сторінку за бажанням. Я хочу, щоб сторінка була перевірена, і що мені робити? У мене є цей CSS на …

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 { …

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' …

175 css  css-selectors