Articles of css

Usando twitter bootstrap 2.0 – Como fazer alturas de colunas iguais?

O bootstrap 2.0 tem algum ajudante para tornar o .span1, .span2 …. .span12 igual a altura. Aninhado este tipo de html XXXX XXXX XXXX XXXX XXXX XXXX Eu gostaria que cada poço terminasse na mesma altura, se possível?

ReCaptcha API v2 Styling

Eu não tive muito sucesso em descobrir como estilizar a nova recaptcha do Google (v2). O objective final é torná-lo responsivo, mas estou tendo dificuldade em aplicar o estilo para coisas simples, como largura. A documentação da API deles não parece fornecer detalhes sobre como controlar o estilo em todos os outros parâmetros além do […]

por que a altura da linha do vão é inútil

Primeiro, vamos ver um pedaço de código: http://jsfiddle.net/rFGkV/ Por que a altura da linha do vão não é usada? A altura da linha ainda é 200px, mas quando definimos a propriedade de exibição da extensão como inline-block , a altura da linha da extensão é usada? Ver abaixo: http://jsfiddle.net/B7z85/

Você pode usar condições if / else em CSS?

Eu gostaria de usar condições no meu CSS. A ideia é que eu tenha uma variável que substituo quando o site é executado para gerar a folha de estilo correta. Eu quero isso para que, de acordo com esta variável, a folha de estilo mude! Parece que: [if {var} eq 2 ] background-position : 150px […]

Alterar dinamicamente a cor para mais claro ou mais escuro por porcentagem de CSS (Javascript)

Temos uma grande aplicação no site e temos alguns links que são, digamos, a cor azul como os links azuis deste site. Agora quero fazer alguns outros links, mas com colors mais claras. Obviamente eu posso simplesmente fazer o código hexadecimal adicionando no arquivo CSS, mas nosso site permite que o usuário decida quais colors […]

Detectando o suporte ‘transform: translate3d’

Alguém sabe como eu detectaria a transform: translate3d(x,y,z) suporte transform: translate3d(x,y,z) está disponível? Meu problema é que eu quero usar o translate3d todos os navegadores, onde ele é suportado, porque ele tende a usar aceleração de hardware e, portanto, mais suave para a animação, e depois retrocede para translate onde não está.

Como consertar um header no pergaminho

Estou criando um header que, uma vez rolado para uma certa quantidade de pixels, é corrigido e permanece no lugar. Posso fazer isso usando apenas css e html ou preciso de jquery também? Eu criei uma demonstração para que você possa entender. Qualquer ajuda seria ótimo! http://jsfiddle.net/gxRC9/4/ body{ margin:0px; padding:0px; } .clear{ clear:both; } .container{ […]

IE7 e a propriedade da célula da tabela CSS

Então eu adoro quando meu aplicativo está funcionando muito bem no Firefox, mas depois abro no IE e … Não, por favor, tente novamente. O problema que estou tendo é que eu estou definindo uma propriedade de exibição CSS para none ou table-cell com JavaScript. Eu estava usando inicialmente o display: block , mas o […]

Elemento filho de estilo ao passar o mouse sobre o pai

Como alterar o estilo do elemento filho quando há foco no elemento pai. Eu preferiria uma solução CSS para isso, se possível. Existe alguma solução possível através de: hover seletores CSS. Na verdade, eu preciso mudar a cor da barra de opções dentro de um painel quando há um foco no painel. Procurando para suportar […]

Controle de zoom e streetview não mostrando no meu mapa do Google?

Estou inserindo um mapa do Google muito básico na minha página e o ícone de controle de zoom e streetmap não está visível, no entanto, se eu colocar meu mouse sobre onde eles deveriam estar, eu posso ampliar o mapa e entrar streetview. Então os controles estão lá não visíveis. <script type="text/javascript" src="//maps.googleapis.com/maps/api/js?key=&sensor=false&region=IT”> var myOptions […]