Considere o seguinte exemplo: ( demonstração ao vivo aqui ) $(function() { console.log("width = " + $("td").width()); }); td { border: 1px solid black; width: 50px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } <script
No angularjs, você tem a tag ng-src, que tem como objetivo não receber um erro por um URL inválido antes que o angularjs avalie as variáveis colocadas entre {{e }}. O problema é que eu uso alguns DIVs com um background-imageconjunto para um URL. Eu faço isso por causa da excelente propriedade...
Eu tenho alguns CSS que, ao passar o mouse, um efeito de transição CSS move uma div. O problema, como você pode ver no exemplo, é que a translatetransição tem o horrível efeito colateral de fazer com que a imagem na div se mova 1px para baixo / direita (e possivelmente redimensione levemente?)...
Na verdade, tenho dois problemas, mas vamos resolver o problema principal primeiro, pois acredito que o outro é mais fácil de resolver. Eu tenho uma posição fixa div no lado esquerdo do pergaminho para um menu. O lado direito é uma div padrão que rola corretamente. O problema é que, quando a porta...
Eu realmente quero fazer um pedaço de texto piscar no estilo da velha escola sem usar javascript ou decoração de texto. Sem transições, apenas * piscam *, * piscam *, * piscam *! EDIT : Isso é diferente dessa pergunta, porque eu peço piscar sem transições contínuas, enquanto o OP das outras...
Eu uso elementos de tela html5 para redimensionar imagens no meu navegador. Acontece que a qualidade é muito baixa. Encontrei o seguinte: Desativar interpolação ao dimensionar um <canvas> mas isso não ajuda a aumentar a qualidade. Abaixo está o meu código css e js, bem como a imagem scalled...
CodePen: http://codepen.io/anon/pen/RPNpaP . Quero que a caixa vermelha tenha apenas 25 cm de largura quando estiver na vista lado a lado - estou tentando conseguir isso definindo o CSS dentro desta consulta de mídia: @media all and (min-width: 811px) {...} para: .flexbox .red { width:...
Esse é um erro que estou recebendo no Chrome e, infelizmente, procurá-lo não me deu muitos resultados. A fonte em si está aparecendo corretamente. No entanto, ainda recebo esse erro / aviso. Mais especificamente, este é o aviso completo: "Falha ao decodificar a fonte baixada: http: //...
Estou escrevendo uma página na qual preciso de uma tabela HTML para manter um tamanho definido. Eu preciso que os cabeçalhos na parte superior da tabela permaneçam lá o tempo todo, mas também preciso que o corpo da tabela role, independentemente de quantas linhas sejam adicionadas à tabela. Pense...
Desde a mudança do layout TABLE para o layout DIV, um problema comum permanece: PROBLEMA : você preenche seu DIV com texto dinâmico e, inevitavelmente, há uma palavra muito longa que se estende pela borda da coluna div e faz com que seu site pareça não profissional. RETRO-WHINING : Isso nunca...
Quero centralizar uma imagem de fundo. Não há div usada, este é o estilo CSS : body{ background-position:center; background-image:url(../images/images2.jpg) no-repeat; } As peças CSS acima estão espalhadas e centralizam, mas metade da imagem não é vista, apenas meio que sobe. O que eu quero...
Preciso centralizar o alinhamento de um menu horizontal. Eu tentei várias soluções, incluindo a combinação de inline-block/ block/ center-alignetc., mas não consegui. Aqui está o meu código: <div class="topmenu-design"> <!-- Top menu content: START --> <ul id="topmenu...
Eu me deparei com essa pergunta e notei que o usuário está usando uma notação que nunca tinha visto antes: @font-face { /* CSS HERE */ } Então, esse @símbolo é algo novo no CSS3, ou algo antigo que de alguma forma esqueci? É algo como onde, com um ID que você usa #e com uma classe que você usa...
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...
Preciso de cantos arredondados em uma div pai para mascarar o conteúdo de seus filhos. overflow: hiddenfunciona em situações simples, mas interrompe os navegadores baseados no webkit e o Opera quando o pai está posicionado relativamente ou absolutamente. Isso funciona no Firefox e...
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...
Eu tenho um número indeterminado de elementos de célula de tabela dentro de um contêiner de tabela. <div style="display:table;"> <div style="display:table-cell;"></div> <div style="display:table-cell;"></div> </div> Existe uma maneira CSS pura de obter que...
Por que colocar _na frente do nome do arquivo em scss? _filename.scss- Por que isso precisa
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:...
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>...