Para reduzir o número de solicitações no servidor, incorporei algumas imagens (PNG e SVG) como BASE64 diretamente no css. (É automatizado no processo de compilação) como isso: background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAFWHRTb2Z0d2FyZQBBZG etc...); Esta é uma boa prática?...
Estou tentando implementar um menu de navegação suspensa multinível horizontal. Imediatamente abaixo (verticalmente) do menu, tenho um vídeo do YouTube incorporado via iframe. Se eu passar o mouse sobre um dos itens de navegação de nível principal no Firefox, o menu suspenso aparecerá corretamente...
Se você observar as especificações do modelo da caixa CSS , observará o seguinte: A porcentagem [margem] é calculada com relação à largura do bloco contendo a caixa gerada. Observe que isso também é válido para 'margin-top' e 'margin-bottom'. Se a largura do bloco contido depender desse...
Quero ocultar o cursor ao mostrar uma página da Web destinada a exibir informações em um edifício. Não precisa ser interativo. Tentei com a propriedade cursor e uma imagem transparente, mas não a fiz funcionar. Alguém sabe se isso pode ser feito? Suponho que isso possa ser pensado como uma ameaça...
Aqui está o meu HTML: <a href="#" class="link">small caps</a> & <a href="#" class="link">ALL CAPS</a> Aqui está o meu CSS: .link {text-transform: capitalize;} A saída é: Small Caps & ALL CAPS e eu quero que a saída seja: Small Caps & All Caps Alguma...
Estou usando um gradiente radial como plano de fundo na minha página da Web, assim: background-image: -webkit-gradient(radial, 100% 100%, 10, 90% 90%, 600, from(#ccc), to(#000)); Funciona, mas quando o conteúdo não preenche a página inteira, o gradiente é cortado. Como posso fazer o...
Por exemplo, tenho alguma classe .article e quero visualizá-la como exibição em grade. Então eu apliquei este estilo: .article{ width:100px; height:100px; background:#333; float:left; margin:5px; } Esse estilo fará com que o artigo pareça lado a lado / grade. É um bom trabalho com altura...
Eu acho que isso não é possível, mas pensei em perguntar se existe um caminho. A idéia é que eu tenho uma variável para o caminho para a pasta de recursos da web: @root: "../img/"; @file: "test.css"; @url: @root@file; .px { background-image: url(@url); } Eu recebo isso como resultado: .px {...
Usando o twitter bootstrap (2), tenho uma página simples com uma barra de navegação e, no interior container, quero adicionar uma div com 100% de altura (na parte inferior da tela). Meu css-fu está enferrujado, e não consigo resolver isso. HTML simples: <body> <div class="navbar...
Eu tenho uma selectcaixa e estou tentando alterar a cor de fundo das opções quando a selectcaixa foi clicada e mostra todas as opções. See Fiddle HTML: <select> <option val="">Please choose</option> <option val="1">Option 1</option> <option val="2">Option...
No bootstrap-3, há uma .wellclasse que adiciona uma borda arredondada ao redor de um elemento com uma cor de fundo cinza e algum preenchimento. <div class="well">Basic Well</div> Mas não encontrei nenhuma .wellclasse no bootstrap-4. Existe alguma tag equivalente a .wellno...
Provavelmente é realmente fácil, mas nunca fiz isso antes. Como você muda o cursor para o dedo (como clicar nos links) em vez do ponteiro comum? E como fazer isso com o jQuery, já que é para isso que estou
Eu tenho o código clássico antigo como este <td align="right"> que faz o que diz: alinha corretamente o conteúdo da célula. Portanto, se eu colocar 2 botões nessa célula, eles aparecerão no site certo da célula. Mas então eu estava refatorando isso para CSS, mas não existe o alinhamento...
Ao clicar em estou adicionando, borda de 1px a div, então o tamanho da Div aumenta em 2px X 2px. Eu não quero aumentar o tamanho da div. Existe alguma maneira simples de fazer isso? Explicação detalhada bagunçada Na verdade, estou adicionando DIVs com float: left (left size, like icons) a um...
Quando defino overflow: scroll, recebo barras de rolagem horizontais e verticais. Existe uma maneira de remover a barra de rolagem horizontal em uma
Existe uma maneira de obter a largura do dispositivo dos usuários, em oposição à largura da porta de visualização, usando javascript? As consultas de mídia CSS oferecem isso, como posso dizer @media screen and (max-width:640px) { /* ... */ } e @media screen and (max-device-width:960px) { /*...
Como sobrescrever os estilos no Twitter Bootstrap? Por exemplo, atualmente estou usando uma classe .sidebar que possui a regra CSS 'float: left;' Como posso mudar isso para que ele vá para a direita? Estou usando HAML e SASS, mas sou relativamente novo no desenvolvimento
Estou procurando usar um logotipo SVG para um site - para torná-lo ótimo em um design responsivo para todos os dispositivos. Mas, como existem problemas , desejo oferecer suporte ao maior número de dispositivos e navegadores possível. A velocidade da carga também é uma consideração importante....
Existe alguma classe Twitter Bootstrap para font-weight: bolde outros valores de font-weight? Eu não criaria um novo se isso já existir no
Estou tentando adicionar uma classe "ativa" à minha barra de navegação de inicialização no MVC, mas o seguinte não mostra a classe ativa quando escrita assim: <ul class="nav navbar-nav"> <li>@Html.ActionLink("Home", "Index", "Home", null, new {@class="active"})</li>...