Perguntas com a marcação «css»

É possível delimitar uma linha da tabela de <tr>uma vez em vez de delimitar células individuais, <td>como <table cellpadding="0" cellspacing="0" width="100%" style="border: 1px;" rules="none"> <tbody> <tr> <th style="width: 96px;">Column 1</th> <th style="width: 96px;">Column 2</th> <th style="width: 96px;">Column 3</th> </tr> <tr> <td> </td> <td> </td> <td> </td> </tr> <tr> <td style="border-left: thin solid; border-top: …

92 html  css  border  html-table 

Desejo usar uma única fonte chamada "Algerian" em todo o meu site. Portanto, preciso alterar todas as tags HTML e não quero escrever códigos diferentes para tags diferentes, como: button{font-family:Algerian;} div{font-family:Algerian;} O método escrito abaixo também é altamente desencorajado: div,button,span,strong{font-family:Algerian;}

91 html  css  fonts  font-face 

Estou tentando fazer uma mudança de cor de fundo de div ao passar o mouse . o div {background: white;} o div a: hover {background: grey; largura: 100%; display: bloco; decoração de texto: nenhum;} apenas o link dentro do div obtém a cor de fundo . o que eu poderia …

91 css  colors  background  hover 

Atualmente, estou usando este trecho de código para renderizar uma lista: <ul ng-cloak> <div ng-repeat="n in list"> <li><a href="{{ n[1] }}">{{ n[0] }}</a></li> <li class="divider"></i> </div> <li>Additional item</li> </ul> No entanto, o <div>elemento está causando alguns defeitos de renderização muito pequenos em alguns navegadores. Gostaria de saber se existe uma …

91 javascript  css  html  angularjs 

Existe alguma maneira de implementar uma função de retorno de chamada no caso de animação css3? No caso de animação Javascript é possível mas não encontrando forma de fazê-lo no css3. Uma maneira que eu pude ver é executar o callback após a duração da animação, mas isso não garante …

91 javascript  css  frontend 

Tenho que apresentar um protótipo de um aplicativo web nos dias seguintes para um dos meus clientes, o que acontece é que não sou muito bom em CSS e o pior de tudo quase nunca fico feliz com os resultados que recebo. Codificar a lógica de negócios não representa nenhum …

91 css  user-interface 

O evento de fim de transição do Webkit é chamado webkitTransitionEnd, Firefox é transactionEnd, opera é oTransitionEnd. Qual é uma boa maneira de lidar com todos eles em JS puro? Devo fazer uma detecção de navegador? ou implementar cada um separadamente? Alguma outra maneira que não me ocorreu? ie: //doing …

91 javascript  css  css-transitions  dom-events 

Não tenho certeza se entendi totalmente a diferença entre esses dois. Alguém pode explicar por que eu usaria um em vez do outro e como eles diferem?

91 css  css-position 

Peço desculpas se esta pergunta já foi respondida. Tentei pesquisar soluções, mas não consegui encontrar nenhuma que se adequasse ao meu código. Ainda sou novo no jQuery. Tenho dois tipos diferentes de menus fixos para duas páginas diferentes. Aqui está o código para ambos. $(document).ready(function () { var contentNav = …

91 javascript  jquery  html  css  dom 

Você sabe como ocultar o ícone clássico “Imagem não encontrada” de uma página HTML renderizada quando um arquivo de imagem não é encontrado? Qualquer método de trabalho usando JavaScript / jQuery / CSS?

91 javascript  jquery  html  css  image 

aqui está o que eu tenho Fiddle ul { display: flex; justify-content: flex-start; flex-direction: row; align-items: center; width: 100%; height: 100px; background: #333; padding: 15px; } ul li { padding: 15px; margin: 5px; background: #efefef; border: 1px solid #ccc; display: inline-block; list-style: none; } #item-1 { height: 50px; } #item-2 …

91 html  css 

Eu criei alguns elementos DOM bastante elaborados com um pseudo-elemento: after, e gostaria de poder inspecioná-los e ajustá-los no Chrome Inspector ou Firebug ou equivalente. Apesar desse recurso ser mencionado nesta postagem do blog WebKit / Safari (datado de 2010), não consigo encontrar esse recurso no Chrome ou no Safari. …

91 css  firefox  google-chrome  firebug  google-chrome-devtools 

Eu gostaria de girar estaticamente meus ícones incríveis de fontes em 45 graus. Diz no site que: Para girar e virar ícones arbitrariamente, use as classes fa-rotate- * e fa-flip- *. No entanto, fazendo <i class="fa fa-link fa-rotate-45" style="font-size:1.5em"></i> não funciona, enquanto substituir fa-rotate-45por fa-rotate-90. Isso significa que eles de …

91 css  rotation  font-awesome 

Eu tenho um elemento com estilo position: relative; transition: all 2s ease 0s; Então, quero mudar sua posição suavemente depois de clicar nele, mas quando adiciono a mudança de estilo, a transição não ocorre, em vez disso, o elemento se move instantaneamente. $$('.omre')[0].on('click',function(){ $$(this).style({top:'200px'}); }); No entanto, se eu alterar …

91 javascript  css  transition 

Eu sei que para alinhar o texto verticalmente no meio de um bloco, você define a altura da linha para a mesma altura do bloco. No entanto, se eu tiver uma frase com uma palavra no meio, claro 2em. Se a frase inteira tiver uma altura de linha igual à …

91 css  text  vertical-alignment  baseline