Perguntas com a marcação «css»

Eu criei esta barra de navegação recolhível usando o Bootstrap 4 que funciona bem, mas gostaria que fechasse quando o usuário clicar em um link. Alguma maneira de fazer isso? obrigado html navbar: <nav class="navbar navbar-toggleable-md fixed-top"> <button id="nav-btn"class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarDiv" aria-expanded="false" aria-label="Toggle navigation"> <span class="icon-bar"></span> <span class="icon-bar"></span> …

108 html  css  twitter-bootstrap  bootstrap-4  twitter-bootstrap-4 

No momento, estou brincando com CSS3 e tentando obter um efeito de texto como este (a sombra interna preta borrada): Mas não consigo encontrar uma maneira de criar sombras de texto dentro do texto. Eu me pergunto se isso ainda é possível porque o elemento de sombra de caixa é …

107 css  text  shadow 

Eu tenho um plugin gráfico que insere tela e uma legenda <table>em seu contêiner. Neste plugin o tablenão foi widthdefinido e no meu CSS existe uma largura para as tabelas dentro daquele container onde meu plugin é inserido. Portanto, o novo div é herdado table{ width: 100%}do CSS e renderizado …

107 css  internet-explorer  cross-browser  width 

Fechadas. Esta questão está fora do tópico . Atualmente não está aceitando respostas. Quer melhorar esta questão? Atualize a pergunta para que esteja no tópico do Stack Overflow. Fechado há 9 anos . Melhore esta questão Sempre tive dúvidas sobre por onde começar como uma linha de base das melhores …

107 html  css  frontend 

Preciso adicionar separadores entre os elementos de navegação. Os separadores são imagens. Minha estrutura HTML é como: ol > li > a > img. Aqui chego a duas soluções possíveis: Para adicionar mais litags para separação (boo!), Incluir separador na imagem de cada elemento (é melhor, mas possibilita que o …

107 css  navigation  usability  separator 

Tenho uma mesa com 100% de largura. Se eu colocar <td>s nele, eles se espalharão com colunas de comprimento igual. No entanto, quero que todas as colunas, exceto a última, tenham a menor largura possível, sem quebrar o texto. O que fiz primeiro foi definir width="1px"todos os <td>s, exceto o …

107 html  css  html-table 

Eu tenho alguns seletores de scss onde uso a mesma quantidade de positivo e negativo, como em: padding: 0 15px 15px; margin: 0 -15px 20px -15px; Eu prefiro usar uma variável para todos os valores de 15px, mas isso não funciona: $pad: 15px; padding: 0 $pad $pad; margin: 0 -$pad …

107 css  sass  compass-sass 

Quando um SVG é incluído diretamente em um documento usando a <svg>tag, você pode aplicar estilos CSS ao SVG por meio da folha de estilo do documento. No entanto, estou tentando aplicar um estilo a um SVG que está incorporado (usando a <object>tag). É possível usar algo como o código …

107 html  css  svg 

Estou tentando há alguns dias configurar minha galeria de miniaturas para que todas as imagens tenham a mesma altura e largura. No entanto, quando eu mudo o código Css para, max-height: 150px; max-width: 200px; width: 120px; height: 120px; Recebo imagens do mesmo tamanho, mas a proporção da imagem é esticada, …

107 html  css  gallery  lightbox 

Gostaria de saber como eu poderia redimensionar uma imagem junto com a janela do navegador, aqui está o que fiz até agora (ou baixar o site inteiro em um ZIP ). Isso funciona bem no Firefox, mas tem problemas no Chrome: a imagem nem sempre é redimensionada, de alguma forma …

107 css  image  browser  resize  window 

Eu tenho algum HTML: <div align="center" style="border:1px solid red"> This is some text in a div element! </div> O Div está mudando o espaçamento no meu documento, então, quero usar um intervalo para isso. Mas o span não está centralizando o conteúdo: <span style="border:1px solid red;align=center"> This is some text …

107 html  css 

Parece que o Chrome / Firefox não renderiza bordas tr, mas renderiza a borda se o seletor estiver table tr td. Como posso definir uma borda em um tr? Minha tentativa, que não funciona: table tr { border: 1px solid black; } <table> <tbody> <tr> <td> Text </td> </tr> </tbody> …

107 html  css  html-table 

http://jsfiddle.net/S8g4E/ Eu tenho um contêiner divcom dois filhos. O primeiro filho tem uma determinada altura. Como faço para que o segundo filho ocupe o "espaço livre" do container divsem dar uma altura específica? No exemplo, o rosa divdeve ocupar também o espaço em branco. Semelhante a esta pergunta: Como fazer …

107 html  css  height  parent 

Eu tenho uma página com divs como abaixo <div id="container"> <div id="A"> </div> <div id="B"> <div id="B1"></div> <div id="B2">B2</div> </div> <div id="C"></div> <div id="D"> </div> </div> com estilo como; html, body { margin: 0; padding: 0; border: 0; } #B, #C, #D { position: absolute; } #A{ top: 0; width: …

107 css 

Meu objetivo é aplicar o CSS no último li, mas não faz isso. #refundReasonMenu #nav li:last-child { border-bottom: 1px solid #b5b5b5; } <div id="refundReasonMenu"> <ul id="nav"> <li><a id="abc" href="#">abcde</a></li> <li><a id="def" href="#">xyz</a></li> </ul> </div> Executar snippet de códigoOcultar resultadosExpandir snippet Como posso selecionar apenas o último filho?

106 css  css-selectors