Perguntas com a marcação «css»

Eu tenho uma div de cabeçalho como o primeiro elemento em minha div de wrapper, mas quando adiciono uma margem superior a uma h1 dentro da div de cabeçalho, ela empurra toda a div de cabeçalho para baixo. Percebo que isso acontece sempre que aplico uma margem superior ao primeiro …

126 html  css  xhtml 

Eu tenho o elemento select, eu quero remover a seta, então eu posso adicionar outro ícone. Eu posso fazer isso no Firefox Safari e Chrome, mas isso não funcionou no IE9 . .styled-select select { border: 0 !important; /*Removes border*/ -webkit-appearance: none; /*Removes default chrome and safari style*/ -moz-appearance: none; …

126 html  css  html-select 

Eu quero que uma div esteja sempre à direita da div pai, então eu uso float:right. Funciona. Mas também quero que ele não afete outro conteúdo quando inserido, então eu o uso position:absolute. Agora float:rightnão funciona, minha div está sempre à esquerda da div pai. Como posso movê-lo para a …

126 css  css-float  position 

Eu tenho duas imagens que precisam ser mantidas em linha; Quero escrever uma legenda sob cada imagem. <center> <a href="http://example.com/hello"> <img src="hello.png" width="100px" height="100px"> </a>              <a href="http://example.com/hi"> <img src="hi.png" width="100px" height="100px"> </a> </center> Como posso implementar?

126 css  html 

Existe uma maneira para um desenvolvedor web para desligar a verificação ortográfica Chrome / Safari / WebKit em particular, inputou textareaelementos? Quero dizer, por atributo de tag especial ou por uma instrução CSS proprietária. Há uma instrução CSS para desativar o contorno de inputs, então pensei que isso também poderia …

126 html  css  google-chrome  spell-checking 

Tenho na minha página um botão que, quando clicado, exibe um div(estilo pop-up) no meio da minha tela. Estou usando o seguinte CSS para centralizar divno meio da tela: .PopupPanel { border: solid 1px black; position: absolute; left: 50%; top: 50%; background-color: white; z-index: 100; height: 400px; margin-top: -200px; width: …

126 html  css  scroll  position  centering 

Quero manter a altura de #abc divem 50pxe o texto para alinhar verticalmente no meio do div. body{ padding: 0; margin: 0; margin: 0px auto; } #main{ position: relative; background-color:blue; width:500px; height:500px; } #abc{ font:Verdana, Geneva, sans-serif; font-size:18px; text-align:left; background-color:#0F0; height:50px; vertical-align:middle; } <div id="main"> <div id="abc"> asdfasdfafasdfasdf </div> </div> …

126 css  vertical-alignment 

O que estou tentando fazer é alterar a cor da dica de ferramenta para vermelho. No entanto, também quero ter várias outras cores, para não substituir a cor da dica de ferramenta original. Como eu faria isso?

126 html  css  twitter-bootstrap 

Parece que houve uma atualização recente no Google Chrome que causa texto embaçado depois de fazer um transform: scale(). Especificamente, estou fazendo isso: @-webkit-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); } 70% { -webkit-transform: scale(.9); } 100% { -webkit-transform: scale(1); } …

126 google-chrome  css  webkit  transform  css-animations 

Eu quero renderizar esta lista em uma única linha. Item da lista1 Item da lista2 Deve ser mostrado como * Item2 da lista * Item2 da lista Qual estilo CSS usar?

126 css 

Estou tentando fazer com que minha regra horizontal ignore o preenchimento pai. Aqui está um exemplo simples do que eu tenho: #parent { padding:10px; width:100px; } hr { width:100px; } Você descobrirá que a regra horizontal se estende para fora do pai em 10px. Estou tentando fazer com que ele …

126 html  css 

O que autofaz em margin:0 auto;? Eu não consigo entender o que autofaz. Eu sei que às vezes tem um efeito de centralizar objetos. Obrigado.

126 css 

É possível fazer um envoltório de grade CSS sem usar consultas de mídia? No meu caso, tenho um número não determinístico de itens que desejo colocados em uma grade e quero que essa grade seja quebrada. Usando o Flexbox, não consigo espaçar bem as coisas de maneira confiável. Eu gostaria …

126 html  css  css-grid 

Estou tentando fazer com que uma imagem (colocada dinamicamente, sem restrições de dimensões) seja tão larga quanto sua div principal, mas apenas enquanto essa largura não for maior que sua própria largura em 100%. Eu tentei isso, sem sucesso: img { width: 100%; height: auto; max-width: 100%; } Muitas dessas …

125 html  width  css 

Estou procurando uma maneira de alterar as regras CSS para seletores de pseudo-classe (como: link,: hover, etc.) do JavaScript. Então, um análogo do código CSS: a:hover { color: red }em JS. Não consegui encontrar a resposta em nenhum outro lugar; se alguém souber que isso é algo que os navegadores …

125 javascript  css  pseudo-class  css-in-js