Perguntas com a marcação «css»

Eu tenho um pequeno problema peculiar que estou resolvendo usando um table, veja abaixo. Basicamente, quero que dois divs ocupem 100% da largura disponível, mas ocupem apenas o espaço vertical necessário (o que não é tão óbvio na imagem). Os dois devem sempre ter exatamente a mesma altura com uma …

106 html  css  html-table 

Bloqueado . Esta pergunta e suas respostas estão bloqueadas porque a pergunta está fora do tópico, mas tem significado histórico. Atualmente não está aceitando novas respostas ou interações. Lendo em outro fórum, encontrei o mundo dos CSS Frameworks. O que estou examinando especificamente é o BluePrint . Gostaria de saber …

106 css  css-frameworks 

Tenho tentado o texto ir na direção vertical, como fazemos nas tabelas de ms-word, mas até agora só consegui fazer ISSO ... com o que não estou feliz porque é uma caixa girada ... Não Existe uma maneira de ter um texto de direção vertical real? Eu apenas defini a …

106 html  css  text  vertical-alignment 

Como posso fazer meus itens de lista aparecerem horizontalmente em uma linha usando CSS? #div_top_hypers { background-color:#eeeeee; display:inline; } #ul_top_hypers { display: inline; } <div id="div_top_hypers"> <ul id="ul_top_hypers"> <li>‣ <a href="" class="a_top_hypers"> Inbox</a></li> <li>‣ <a href="" class="a_top_hypers"> Compose</a></li> <li>‣ <a href="" class="a_top_hypers"> Reports</a></li> <li>‣ <a href="" class="a_top_hypers"> Preferences</a></li> <li>‣ <a …

106 html  css  html-lists 

Eu tenho uma lista e os li têm um float:left;. O conteúdo após o <ul>deve ser alinhado corretamente. Portanto, posso construir o seguinte: http://jsfiddle.net/8unU8/ Pensei que posso remover o <div class="clear">usando pseudo seletores como: after. Mas o exemplo não está funcionando: http://jsfiddle.net/EyNnk/ Sempre tenho que criar um div separado para …

106 html  css 

Quero criar um bloco de texto como a seguinte imagem: Pergunta se isso é possível?

106 html  css 

Quero diminuir o brilho da imagem em CSS. Pesquisei muito, mas tudo o que tenho é como alterar a opacidade, mas isso torna a imagem mais brilhante. Alguém pode me ajudar ?

106 css 

Estou tentando visualizar, por meio das ferramentas de desenvolvedor do Chrome, como as dicas de ferramentas são estruturadas em um site. No entanto, mesmo quando estou focado sobre o item, quando "inspeciono o elemento", nada aparece para a dica de ferramenta no html. Eu sei que posso definir o estilo …

106 html  css  hover  google-chrome-devtools 

Quero que o lado esquerdo seja verde e o lado direito cinza. Conforme a foto acima, seria PERFEITO. De preferência uma solução CSS pura (só precisa se preocupar com o WebKit). É possível uma coisa dessas?

106 css  html  input  webkit 

Implementei o fancybox2 em um site de desenvolvimento. Quando eu uso o fancybox (clique no link etc), todo o html muda para trás - e vai para o topo. Ele está funcionando bem em outra demonstração, mas quando arrasto o mesmo código para este projeto, ele salta para o topo. …

105 jquery  css  fancybox-2 

Eu tenho um div 'mapwrap' definido como 400px x 400px e dentro dele tenho um 'mapa' do Google definido como 100% x 100%. Assim, o mapa carrega a 400 x 400 px, com JavaScript, redimensiono o 'mapwrap' para 100% x 100% da tela - o mapa do google é redimensionado …

105 javascript  css  google-maps 

Existe alguma maneira com o CSS de direcionar todas as entradas com base em seu tipo? Eu tenho uma classe desativada que uso em vários elementos de formulário desativados e estou definindo a cor de fundo para as caixas de texto, mas não quero que minhas caixas de seleção tenham …

105 css  internet-explorer  css-selectors 

Como posso ocultar uma linha de tabela HTML <tr>para que ela não ocupe espaço? Eu tenho vários <tr>definidos como style="display:none;", mas eles ainda afetam o tamanho da tabela e a borda da tabela reflete as linhas ocultas.

105 html  css  html-table 

É fácil definir valores CSS embutidos com javascript. Se eu quiser mudar a largura e tiver um html assim: <div style="width: 10px"></div> Tudo que eu preciso fazer é: document.getElementById('id').style.width = value; Isso mudará os valores da folha de estilo embutida. Normalmente, isso não é um problema, porque o estilo embutido …

105 javascript  html  css  ajax  dom 

Há algum tempo procuro uma solução, mas não encontrei nada. Talvez sejam apenas meus termos de pesquisa. Bem, estou tentando fazer o centro da tela de acordo com o tamanho da janela do navegador. A tela é 800x600. E se a janela ficar abaixo de 800x600, ela também deve ser …

105 html  canvas  css  resize