Perguntas com a marcação «css»

Eu gostaria de controlar quanto espaço horizontal uma bala empurra <li>para a direita em um <ol>ou <ul>. Ou seja, em vez de sempre ter * Some list text goes here. Eu gostaria de poder mudar isso para ser * Some list text goes here. ou *Some list text goes here. …

177 html  css  html-lists 

Eu tenho uma div e quero que ela seja centralizada horizontalmente - embora eu esteja dando a ela margin:0 auto;que não é centralizada ... .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 

Existe uma solução entre navegadores para produzir uma transição deslizante apenas com CSS, sem javascript? Abaixo está um exemplo do conteúdo html: <div> <img id="slide" src="http://.../img.jpg /> </div>

177 css  css-transitions 

Quero fazer com que a barra de navegação fique no topo assim que rolar para ela, mas ela não está funcionando e não faço ideia do porquê. Se você puder ajudar, aqui está o meu código HTML e CSS: .nav-selections { text-transform: uppercase; letter-spacing: 5px; font: 18px "lato",sans-serif; display: inline-block; …

177 html  css  css-position 

Estou usando o create-react-app e prefiro não eject. Não está claro para onde as fontes importadas via @ font-face e carregadas localmente devem ir. Ou seja, estou carregando @font-face { font-family: 'Myriad Pro Regular'; font-style: normal; font-weight: normal; src: local('Myriad Pro Regular'), url('MYRIADPRO-REGULAR.woff') format('woff'); } Alguma sugestão? - EDITAR Incluindo …

177 css  reactjs  fonts  webpack  create-react-app 

Eu sou novo aqui nesta empresa e temos um produto que usa quilômetros de css. Eu estou tentando fazer uma folha de estilo de impressão para a nossa aplicação, mas estou tendo problemas com background-colorno @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> Este é o meu script CSS .style1 { background-image: url('http://localhost/msite/images/12.PNG'); background-repeat: no-repeat; background-position: left center; } Eu quero esticar background-imagetodo o <td>celular

176 html  css  background 

Atualmente, estou trabalhando em um projeto no qual não tenho controle sobre o HTML ao qual estou aplicando estilos CSS. E o HTML não está muito bem rotulado, no sentido de que não há declarações suficientes de identificação e classe para diferenciar os elementos. Portanto, estou procurando maneiras de aplicar …

176 html  css  css-selectors 

Considere o seguinte trecho: .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 …

176 css  internet-explorer  flexbox  internet-explorer-11 

Eu estou tentando definir um <div>para uma certa altura percentual em CSS, mas ele permanece o mesmo tamanho que o conteúdo dentro dele. Quando eu removo o HTML 5 <!DOCTYTPE html>, no entanto, ele funciona, <div>ocupando a página inteira conforme desejado. Quero que a página valide, então o que devo …

176 html  css  height 

Eu tenho uma coleção de elementos de bloco em uma página. Todos eles têm as regras de CSS espaço em branco, estouro, estouro de texto definidas para que o texto excedente seja cortado e reticências sejam usadas. No entanto, nem todos os elementos estão excedidos. Existe alguma maneira que eu …

176 javascript  html  css  ellipsis 

Eu quero combinar :aftercom :hoverCSS (ou qualquer outro pseudo-seletor). Basicamente, tenho uma lista e o item da selectedclasse tem uma forma de seta aplicada :after. Eu quero que o mesmo seja verdadeiro para objetos que estão sendo passados ​​com o mouse, mas que não conseguem fazê-lo funcionar. Heres the code …

176 css  css-selectors  pseudo-element 

Isso deve ser simples, mas estou tendo problemas para encontrar os termos de pesquisa. Digamos que eu tenho isso: <div class="a c">Foo</div> <div class="b c">Bar</div> No CSS, como posso criar um seletor que corresponda a algo que corresponda a "(.a ou .b) e .c"? Eu sei que eu poderia fazer …

176 html  css  css-selectors 

Quero aplicar uma regra CSS a qualquer elemento cuja classe corresponda ao prefixo especificado. Por exemplo, eu quero uma regra que se aplique a div que tem classe que começa com status-(A e C, mas não B no seguinte trecho): <div id='A' class='foo-class status-important bar-class'></div> <div id='B' class='foo-class bar-class'></div> <div …

175 css  css-selectors 

Muitas pessoas ainda usam tabelas para organizar controles, dados etc. - um exemplo disso é o popular jqGrid. No entanto, há alguma mágica acontecendo que eu não consigo entender (suas mesas gritam alto, quanta mágica poderia haver?) Como é possível definir a largura da coluna de uma tabela e fazer …

175 html  css  layout  html-table