Perguntas com a marcação «css»

Eu entendo que as fontes de ícone são apenas fontes e que você pode obter os ícones apenas chamando seu nome de classe, mas como as fontes de ícone funcionam? Tentei verificar os recursos de fontes de ícones relacionados carregados no Chrome para ver como as fontes de ícones exibem …

87 css  web  fonts  icons  icon-fonts 

Preciso de uma notificação no estilo do Facebook, mas conseguir algo que pareça bom em qualquer navegador parece complicado. Por exemplo, navegadores diferentes parecem tratar os preenchimentos de maneira diferente, resultando em notificações de aparência estranha. Qual é a melhor maneira entre navegadores de garantir que as notificações sejam exibidas …

87 javascript  html  css  user-interface  user-experience 

Eu uso contadores aninhados e escopo para criar uma lista ordenada: ol { counter-reset: item; padding-left: 10px; } li { display: block } li:before { content: counters(item, ".") " "; counter-increment: item } <ol> <li>one</li> <li>two</li> <ol> <li>two.one</li> <li>two.two</li> <li>two.three</li> </ol> <li>three</li> <ol> <li>three.one</li> <li>three.two</li> <ol> <li>three.two.one</li> <li>three.two.two</li> </ol> </ol> …

87 html  css  html-lists 

Muitas ferramentas / APIs fornecem maneiras de selecionar elementos de classes ou IDs específicos. Também é possível inspecionar as folhas de estilo brutas carregadas pelo navegador. No entanto, para os navegadores renderizarem um elemento, eles compilarão todas as regras CSS (possivelmente de arquivos de folha de estilo diferentes) e as …

87 javascript  css 

Aqui está uma ilustração do problema (testado no Firefox e Chrome): <div style="background-color: red;"><svg height="100px" width="100" style="background-color: blue;"></svg></div> Executar snippet de códigoOcultar resultadosExpandir snippet Ver no JSFiddle Observe o redespaço extra dentro do divabaixo do azul svg. Já tentei configuração paddinge marginde ambos os elementos para 0, mas sem sorte.

87 html  css  svg 

Eu tenho uma classe deslizante como esta e desejo alterar o atributo de estilo style = "left: 336px" <div id="range-cont"> <div class="slider"> <div class="progress" style="width: 350px;"></div> <a class="handle" href="#" **style="left: 336px;"**></a> </div> <input id="percentage" class="range" type="range" value="14" name="percentage" min="0" max="100"> <p id="percent-label">%</p> </div> </div> Eu tentei, $('.handle').css({'style':'left: 300px'})mas não está …

87 javascript  jquery  css 

Eu quero um link que não faz nada. Eu não quero isso: <a href="#"> porque então o URL se torna something.com/whatever/#. A única razão pela qual quero um link é para que o usuário veja que pode clicar no texto. JavaScript está sendo usado para realizar alguma ação, então não …

87 html  css 

Digamos que eu tenha dois divs próximos um do outro ( https://chrome.google.com/webstore/category/home como referência) com uma borda. Existe uma maneira (de preferência um truque de CSS) para evitar que meus divs pareçam ter uma borda dupla? Dê uma olhada nesta imagem para entender melhor o que quero dizer: Você pode …

87 css 

Então, estou tendo um problema. Eu olhei em volta e olhei em volta, mas sem sorte. Gostaria de deixar o fundo do meu corpo transparente, mas não o texto. Como está agora, continuo fazendo a mesma opacidade. Aqui está o meu código: @charset "utf-8"; body { font: 100%/1.4 Verdana, Arial, …

87 html  css  text  opacity 

Digamos que tenho <div class="myDiv">Hi there</div> Quero colocar um background-imagee dar um opacityde 0.5- mas quero que o texto que escrevi tenha opacidade total ( 1). Se eu escrever o CSS assim .myDiv { opacity:0.5 } tudo ficará em baixa opacidade - e eu não quero isso. Portanto, minha pergunta …

87 html  css  background  background-image 

Tenho um problema peculiar e frustrante. Para a marcação simples: <table> <thead> <tr><th>1</th><th>2</th><th>3</th></tr> </thead> <tbody> <tr><td>a</td><td>b></td><td>c</td></tr> <tr class='odd'><td>x</td><td>y</td><td>z</td></tr> </tbody> </table> Eu aplico diferentes valores de cor de fundo ao thead , tr e tr odd. O problema é que, na maioria dos navegadores, cada célula possui uma borda indesejada que …

87 html  css  html-table 

O código está aqui: http://lasers.org.ru/vs/example.html Como remover um espaço vazio sob o bloco principal (#page)?

87 css 

Existe uma pseudo classe em CSS para especificar :not(:hover) Ou essa é a única maneira de especificar um item que não está sendo pairado? Passei por várias referências CSS3 e não vejo nenhuma menção de uma pseudo classe CSS para especificar o oposto de: hover.

87 css  css-selectors  pseudo-class 

Eu faço um site de administração do Django usando Django versão de desenvolvimento do Django Mas não tem um estilo CSS: o que eu posso fazer? obrigado

87 css  django  admin 

Existe uma maneira de dimensionar a largura de um <input type="text">para a largura do valor real? input { display: block; margin: 20px; width: auto; } <input type="text" value="I've had enough of these damn snakes, on this damn plane!" /> <input type="text" value="me too" /> Executar snippet de códigoOcultar resultadosExpandir snippet

87 jquery  html  css