Perguntas com a marcação «css»

Dada a marcação a seguir, como eu poderia usar o CSS para forçar uma célula (todas as células da coluna) a se ajustar à largura do conteúdo dentro dela, em vez de esticar (qual é o comportamento padrão)? <style type="text/css"> td.block { border: 1px solid black; } </style> <table style="width: …

266 html  css  html-table 

Eu tenho um componente pai: <parent></parent> E eu quero preencher esse grupo com componentes filhos: <parent> <child></child> <child></child> <child></child> </parent> Modelo principal: <div class="parent"> <!-- Children goes here --> <ng-content></ng-content> </div> Modelo filho: <div class="child">Test</div> Como parente childsão dois componentes separados, seus estilos são bloqueados para seu próprio escopo. No …

266 css  angular  angular-components 

Eu posso ver nas referências CSS como definir a transparência da imagem e como definir uma imagem de plano de fundo . Mas como posso combinar esses dois para definir uma imagem de plano de fundo transparente? Eu tenho uma imagem que eu gostaria de usar como plano de fundo, …

264 css 

Tenho que envolver meu ícone em uma <a>tag por algum motivo. Existe alguma maneira possível de mudar a cor de um ícone impressionante de fonte para preto? ou é impossível contanto que esteja dentro de uma <a>tag? Fonte impressionante é suposto ser fonte não imagem, certo? <a href="/users/edit"><i class="icon-cog"></i> Edit …

264 html  css  font-awesome 

Isto é o que eu tentei (veja aqui ): body { overflow: hidden; } span { border: solid 2px blue; white-space: nowrap; text-overflow: ellipsis; } Essencialmente, quero que a extensão encolha com reticências quando a janela for pequena. O que eu fiz errado?

264 html  css 

Eu tenho um botão de link dentro do <td>qual tenho que desativar. Isso funciona no IE, mas não funciona no Firefox e Chrome. Estrutura é - Link dentro de a <td>. Não consigo adicionar nenhum contêiner no <td>(como div / span) Eu tentei o seguinte, mas não funcionei no Firefox …

263 javascript  jquery  html  css 

Eu tenho um grande parágrafo de texto que é dividido em parágrafos com <br>'s: <p> Blah blah blah. <br/> Blah blah blah. Blah blah blah. Blah blah blah. <br/> Blah blah blah. </p> Eu quero aumentar a diferença entre esses parágrafos, como se houvesse dois <br>ou algo assim. Eu sei …

263 html  css 

CSS Push Div para o final da página Por favor, olhe para o link, quero o oposto: quando o conteúdo ultrapassa o limite das barras de rolagem, quero que meu rodapé esteja sempre na parte inferior completa da página, como Stack Overflow. Eu tenho uma div com id="footer"e este CSS: …

262 css  positioning  css-position  footer 

Estou tentando usar o :beforeseletor para colocar uma imagem sobre outra imagem, mas estou descobrindo que simplesmente não funciona para colocar uma imagem antes de um imgelemento, apenas algum outro elemento. Especificamente, meus estilos são: .container { position: relative; display: block; } .overlay:before { content: url(images/[someimage].png); position: absolute; left:-20px; top: …

262 html  css 

Eu tenho um projeto que requer a impressão de uma tabela HTML com muitas linhas. Meu problema é a maneira como a tabela é impressa em várias páginas. Às vezes, ele corta uma linha pela metade, tornando-a ilegível porque a metade está na borda de uma página e o restante …

261 html  css  printing  html-table 

Eu tenho uma tabela onde eu mostrar / ocultar uma coluna completa por jQuery através de uma classe CSS que não existe: <table> <thead> <tr> <th></th> <th class="target"></th> <th></th> </tr> </thead> <tbody> <tr> <td></td> <td class="target"></td> <td></td> </tr> <tr> <td></td> <td class="target"></td> <td></td> </tr> </tbody> </table> Com este DOM, posso …

260 html  css  w3c-validation  web-standards 

Quero criar uma página da web com um banner e um iframe. Espero que o iframe possa preencher toda a altura restante da página e ser redimensionado automaticamente à medida que o navegador estiver redimensionando. É possível fazê-lo sem escrever código Javascript, apenas com CSS? Tentei definir o height:100%iframe, o …

260 html  css  iframe 

Eu quero remover todo o recuo de ul. Tentei configurar margin, padding, text-indenta 0, mas sem sucesso. Parece que definir text-indentum número negativo funciona - mas essa é realmente a única maneira de remover o recuo?

260 html  css 

Eu quero ter uma lista "interna" com marcadores de lista ou números decimais sendo alinhados com blocos de texto superiores. As segundas linhas das entradas da lista precisam ter o mesmo recuo da primeira linha! Por exemplo: Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. …

260 html  css  html-lists 

Estou usando uma caixa flexível para exibir 8 itens que serão redimensionados dinamicamente com minha página. Como forçá-lo a dividir os itens em duas linhas? (4 por linha)? Aqui está um trecho relevante: (Ou se você preferir jsfiddle - http://jsfiddle.net/vivmaha/oq6prk1p/2/ ) .parent-wrapper { height: 100%; width: 100%; border: 1px solid …

260 html  css  flexbox