Perguntas com a marcação «css»

379
Caixa flexível: alinhar a última linha à grade

Eu tenho um layout simples de caixa flexível com um contêiner como: .grid { display: flex; flex-flow: row wrap; justify-content: space-between; } Agora, quero que os itens na última linha estejam alinhados com os outros. justify-content: space-between;deve ser usado porque a largura e a...

css flexbox grid-layout
379
Sombra SVG usando css3

É possível definir sombra projetada para um elemento svg usando css3, algo como box-shadow: -5px -5px 5px #888; -webkit-box-shadow: -5px -5px 5px #888; Vi algumas observações sobre a criação de sombras usando efeitos de filtro. Existe um exemplo de uso de css sozinho. Abaixo está um código de...

html css svg svg-filters
376
Bootstrap 3 Navbar com logotipo

Desejo usar a barra de navegação padrão do Bootstrap 3 com um logotipo de imagem em vez da marca do texto. Qual é a maneira correta de fazer isso sem causar problemas com diferentes tamanhos de tela? Presumo que isso seja um requisito comum, mas ainda não vi um bom exemplo de código. Um requisito...

css twitter-bootstrap twitter-bootstrap-3 navbar
376
faça a altura da div se expandir com seu conteúdo

Eu tenho essas divs aninhadas e preciso que o contêiner principal seja expandido (em altura) para acomodar os DIVs internos <!-- head --> ... <!-- /head --> <body class="main"> <div id="container"> <div id="header"> <!--series of divs in here, graphic...

css height
374
img src SVG alterando os estilos com CSS

html <img src="logo.svg" alt="Logo" class="logo-img"> css .logo-img path { fill: #000; } O svg acima carrega e é nativo, fill: #fffmas quando eu uso o acima csspara tentar mudá-lo para preto, ele não muda, é a primeira vez que eu jogo com SVG e não sei ao certo por que ele não está...

css image svg
372
Diferença entre margem e preenchimento?

Qual é exatamente a diferença entre margem e preenchimento no CSS? Realmente não parece ter muito propósito. Você poderia me dar um exemplo de onde estão as diferenças (e por que é importante saber a

css
370
Como colocar dois divs próximos um do outro?

Considere o seguinte código : #wrapper { width: 500px; border: 1px solid black; } #first { width: 300px; border: 1px solid red; } #second { border: 1px solid green; } <div id="wrapper"> <div id="first">Stack Overflow is for professional and enthusiast programmers, people who...

css html
370
Eu não quero herdar a opacidade filho do pai no CSS

Eu não quero herdar a opacidade filho do pai no CSS. Eu tenho uma div que é o pai e outra dentro da primeira div que é a criança. Quero definir a propriedade opacity na div pai, mas não quero que a div child herde a propriedade opacity. Como eu posso fazer

css
368
Flexbox não dando largura igual aos elementos

Tentativa de uma navegação flexbox com até 5 itens e menos de 3, mas não está dividindo a largura igualmente entre todos os elementos. Violino O tutorial que estou modelando é o seguinte: http://www.sitepoint.com/responsive-fluid-width-variable-item-navigation-css/ SASS * { font-size:...

html css flexbox