Perguntas com a marcação «css»

Como está atualmente, esta pergunta não se encaixa em nosso formato de perguntas e respostas. Esperamos que as respostas sejam apoiadas por fatos, referências ou experiência, mas esta pergunta provavelmente irá solicitar debate, argumentos, pesquisas ou discussão extensa. Se você acha que esta questão pode ser melhorada e possivelmente reaberta, …

93 html  css  resolution 

Portanto, tenho um problema que considero bastante comum, mas ainda não encontrei uma boa solução para ele. Quero fazer um div de sobreposição cobrir toda a página ... NÃO apenas a janela de visualização. Eu não entendo porque isso é tão difícil de fazer ... Eu tentei definir o corpo, …

93 html  css 

Coisas como a:linkou div::after... Informações sobre a diferença parecem escassas.

93 css  css-selectors  pseudo-class  pseudo-element 

Qual seria o método correto para centralizar verticalmente qualquer conteúdo em uma largura / altura definida div. No exemplo existem dois conteúdos com alturas diferentes, qual a melhor forma de centrar verticalmente ambos utilizando a classe .content. (e funciona para todos os navegadores e sem a solução de table-cell) Tenha …

93 html  css  vertical-alignment 

O HTML simples abaixo é exibido de maneira diferente nos navegadores Firefox e WebKit (verifiquei no Safari, Chrome e iPhone). No Firefox, tanto a borda quanto o texto têm a mesma cor ( #880000), mas no Safari o texto fica um pouco mais claro (como se tivesse alguma transparência aplicada …

93 iphone  html  css  safari  webkit 

Alguém sabe redimensionar o pôster do vídeo HTML5 de forma que ele se encaixe nas dimensões exatas do próprio vídeo? aqui está um jsfiddle que mostra o problema: http://jsfiddle.net/zPacg/7/ aqui está aquele código: HTML: <video controls width="100%" height="100%" poster="http://www.wpclipart.com/blanks/buttons/glossy_buttons/glossy_button_blank_orange_rectangle.png"> <source src="http://demo.inwebson.com/html5-video/iceage4.mp4" type="video/mp4" /> <source src="http://demo.inwebson.com/html5-video/iceage4.ogg" type="video/ogg" /> <source src="http://demo.inwebson.com/html5-video/iceage4.webm" type="video/webm" …

93 css  html  attributes  html5-video 

Eu tenho um div para o qual desejo especificar uma largura e altura FIXAS, e também um preenchimento que pode ser alterado sem diminuir a largura / altura original do DIV ou aumentá-la. Existe um truque de CSS para isso ou uma alternativa de preenchimento?

93 css  html 

Portanto, tenho este código aqui: <table> <tr> <td width="200px" valign="top"> <div class="left_menu"> <div class="menu_item"> <a href="#">Home</a> </div> </div> </td> <td width="1000px" valign="top">Content</td> </tr> </table> com o CSS .left_menu { background: none repeat scroll 0 0 #333333; border-radius: 5px 5px 5px 5px; font-family: Arial,Helvetica,sans-serif; font-size: 12px; font-weight: bold; padding: 5px; } …

93 html  css  html-table  width 

Quero fazer um divpalito na parte superior da tela sem qualquer influência sobre outros elementos e seu elemento filho no centro. .parent { display: flex; justify-content: center; position: absolute; } <div class="parent"> <div class="child">text</div> </div> Executar snippet de códigoOcultar resultadosExpandir snippet Quando eu adiciono a position: absolutelinha, justify-content: centertorna-se inválido. …

93 css  react-native  flexbox 

Digamos que eu tenha uma cor de fundo com uma "fita" em outra cor sólida. Agora, quero que a fita seja parcialmente transparente para permitir que alguns detalhes se misturem, mas ainda manter a "mesma cor" sobre o fundo. Existe uma maneira de (facilmente) determinar, para uma determinada opacidade / …

93 css  colors 

Eu estava lutando para configurar o libsass, pois não era tão simples quanto o transpiler baseado em Ruby. Alguém poderia explicar como: instalar libsass? usar na linha de comando? usá-lo com corredores de tarefas como gulp e grunt? Tenho pouca experiência com gerenciadores de pacotes e menos ainda com executores …

93 css  sass  gulp-sass  node-sass  libsass 

Estou tentando fazer um div semitransparente cobrir a tela inteira. Eu tentei isso: #dimScreen { width: 100%; height: 100%; background:rgba(255,255,255,0.5); } Mas isso não cobre a tela inteira, cobre apenas a área dentro do div.

93 css 

Parece haver um problema com minha página aqui: http://www.lonewulf.eu Ao passar o mouse sobre as miniaturas a imagem se move um pouco para a direita, e isso só acontece no Chrome. Meu css: .img{ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; -khtml-opacity: 0.5; display:block; border:1px solid #121212; } .img:hover{ -ms-filter: …

92 css  image  google-chrome  hover  opacity 

Eu tenho um modal bootstrap 2.32 que estou tentando inserir dinamicamente no HTML de outro modo de exibição. Estou trabalhando com Codeigniter 2.1. Depois de inserir dinamicamente uma visualização parcial modal de bootstrap em uma visualização , eu tenho: <div id="modal_target"></div> como o div de destino para inserção. Tenho um …

92 javascript  jquery  css  twitter-bootstrap  twitter-bootstrap-2 

É possível fazer a navegação da barra lateral ficar sempre fixa na rolagem no layout fluido?

92 css  twitter-bootstrap  css-position  fluid-layout