Perguntas com a marcação «css»

Estou usando o Twitter Bootstrap e tenho um mapa do Google. Imagens no mapa, como marcador, estão sendo inclinadas pelo CSS no Bootstrap. No CSS do Bootstrap, há: img { border: 0 none; height: auto; max-width: 100%; } Quando desativo a max-widthpropriedade usando o Firebug, a imagem do marcador aparece …

147 google-maps  twitter-bootstrap  css 

Por que colocar _na frente do nome do arquivo em scss? _filename.scss- Por que isso precisa _?

147 css  sass 

Gostaria de colocar um grupo de divelementos de largura fixa em um contêiner e exibir a barra de rolagem horizontal. Os elementos div/ spandevem aparecer em uma linha, da esquerda para a direita na ordem em que aparecem no HTML (essencialmente desembrulhados). Dessa forma, a barra de rolagem horizontal aparecerá …

147 html  css 

Eu gostaria de ter A Be Calinhado no meio. Como posso Dir completamente para a direita? ANTES: DEPOIS DE: ul { padding: 0; margin: 0; display: flex; flex-direction: row; justify-content: center; align-items: center; } li { display: flex; margin: 1px; padding: 5px; background: #aaa; } li:last-child { background: #ddd; /* …

147 html  css  flexbox 

Eu tenho uma célula de tabela que eu sempre gostaria de ter uma largura específica. No entanto, ele não funciona com grandes seqüências de texto não espaçadas. Aqui está um caso de teste: td { border: solid green 1px; width: 200px; overflow: hidden; } <table> <tbody> <tr> <td> This_is_a_terrible_example_of_thinking_outside_the_box. </td> …

146 html  css 

Onde posso encontrar o CSS padrão de um navegador para elementos HTML? Muitos elementos HTML vêm com algumas propriedades CSS padrão que às vezes podem resultar em comportamento desconhecido / indesejado. Por exemplo, as caixas de entrada são exibidas de maneira diferente em diferentes navegadores. Estou procurando um lugar que …

146 html  css  cross-browser 

Estou aprendendo CSS. Como estilizar a entrada e enviar o botão com CSS? Estou tentando criar algo assim, mas não tenho ideia de como fazer <form action="#" method="post"> Name <input type="text" placeholder="First name"/> <input type="text" placeholder="Last name"/> Email <input type="text"/> Message <input type="textarea"/> <input type="submit" value="Send"/> </form>

146 html  css 

Aqui a página inteira * wrappable é definida em um arquivo main.css /* Wrappable cell * Add this class to make sure the text in a cell will wrap. * By default, data_table tds do not wrap. */ td.wrappable, table.data_table td.wrappable { white-space: normal; } Aqui está a página inteira: …

146 html  css  html-table 

Parece que no IE, a largura inclui o tamanho do preenchimento. enquanto em FF, a largura não. Como posso fazer com que ambos se comportem da mesma maneira? Obrigado.

146 css 

Quero fazer uma rotação do meu ícone de carregamento por CSS. Eu tenho um ícone e o seguinte código: <style> #test { width: 32px; height: 32px; background: url('refresh.png'); } .rotating { -webkit-transform: rotate(360deg); -webkit-transition-duration: 1s; -webkit-transition-delay: now; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite; } </style> <div id='test' class='rotating'></div> Mas isso não funciona. …

146 css  animation  webkit 

Estou tentando obter um contêiner azul no meio do rosa, mas parece vertical-align: middle;que não funciona nesse caso. <div style="display: block; position: absolute; left: 50px; top: 50px;"> <div style="text-align: left; position: absolute;height: 56px;vertical-align: middle;background-color: pink;"> <div style="background-color: lightblue;">test</div> </div> </div> Resultado: Expectativa: Por favor, sugira como posso conseguir isso. Jsfiddle

146 html  css  vertical-alignment  absolute 

Fechadas. Esta pergunta não atende às diretrizes de estouro de pilha . No momento, não está aceitando respostas. Deseja melhorar esta pergunta? Atualize a pergunta para que ela esteja no tópico do Stack Overflow. Fechado há 5 anos . Melhore esta pergunta Eu tenho uma caixa de seleção HTML que …

145 jquery  css  html-select 

Atualmente, se a pessoa pressionar enterdentro da área de texto, o formulário será enviado. Bom, eu quero isso. Mas quando eles digitam shift+ enter, quero que a área de texto passe para a próxima linha:\n Como posso fazer isso no JQueryJavaScript simples ou o mais simples possível?

145 javascript  jquery  html  css 

Qual é o uso correto da propriedade CSS background-image? As principais coisas que estou tentando entender é Precisa estar entre aspas, ou seja: background-image: url('images/slides/background.jpg'); Pode ser um caminho relativo (como acima) ou deve ser um URL completo? Quaisquer outros pontos dos quais eu deva estar ciente para garantir que …

145 css 

Eu tenho um mapa de imagem existente em um layout html responsivo. As imagens são dimensionadas de acordo com o tamanho do navegador, mas as coordenadas da imagem são obviamente tamanhos de pixels fixos. Quais são as opções que tenho para redimensionar as coordenadas do mapa de imagens?

145 html  css  imagemap