Perguntas com a marcação «css»

eu tenho body { background: url(images/background.svg); } O efeito desejado é que essa imagem de plano de fundo tenha largura igual à da página, mudando a altura para manter a proporção. por exemplo, se a imagem original tiver 100 * 200 (qualquer unidade) e o corpo tiver 600px de largura, …

365 html  css 

No código a seguir, quero que uma dica de ferramenta seja exibida quando o usuário passar o tempo, como faço isso? Não quero usar nenhum link. <span> text </span>

364 html  css 

Às vezes, uso âncoras denominadas botões e, às vezes, apenas uso botões. Desejo desativar cliques específicos para que: Eles parecem desativados Eles param de ser clicados Como posso fazer isso?

360 jquery  html  css  twitter-bootstrap 

Eu tenho uma regra de estilo que quero aplicar a uma marca quando ela possui duas classes. Existe alguma maneira de fazer isso sem JavaScript? Em outras palavras: <li class='left ui-class-selector'> Quero aplicar minha regra de estilo única , se o litem tanto .lefte .ui-class-selectoraulas aplicada.

360 css  css-selectors 

Como eu poderia estilizar a cor, tamanho e sombra dos ícones dos ícones do Font Awesome ? Por exemplo, o site do Font Awesome mostrará alguns ícones em branco e outros em vermelho, mas não mostrará CSScomo estilizá-los dessa maneira ...

358 css  twitter-bootstrap  icons  styles  font-awesome-4 

No http://github.com, o desenvolvedor mantém os arquivos HTML, CSS, JavaScript e imagens do projeto. Como posso ver a saída HTML no navegador? Por exemplo, isso: https://github.com/necolas/css3-social-signin-buttons/blob/master/index.html Quando abro isso, ele não mostra o HTML renderizado do código do autor. Mostra a página como um código fonte. É possível vê-lo como …

355 html  css  git  github  github-pages 

Estou implementando a paginação e ela precisa ser centralizada. O problema é que os links precisam ser exibidos como bloco, portanto, precisam ser flutuados. Mas então, text-align: center;não funciona neles. Eu poderia consegui-lo fornecendo o preenchimento div do wrapper à esquerda, mas cada página terá um número diferente de páginas, …

355 css-float  center  css 

O corpo do meu documento html consiste em 3 elementos, um botão, um formulário e uma tela. Quero que o botão e o formulário estejam alinhados à direita e a tela fique alinhada à esquerda. O problema é quando tento alinhar os dois primeiros elementos, eles não se seguem e …

351 css  html 

Como escrever :hovere :visitedcondição para a:before? Estou tentando, a:before:hovermas não está funcionando

347 css  css-selectors  pseudo-element  pseudo-class 

Quero que meu corpo pare de rolar ao usar a roda do mouse enquanto o Modal (em http://twitter.github.com/bootstrap ) no meu site é aberto. Eu tentei chamar o pedaço de javascript abaixo quando o modal é aberto, mas sem sucesso $(window).scroll(function() { return false; }); E $(window).live('scroll', function() { return …

346 javascript  jquery  css  scroll 

Eu sou novo no ReactJS e JSX e estou tendo um pequeno problema com o código abaixo. Estou tentando adicionar várias classes ao classNameatributo em cada um li: <li key={index} className={activeClass, data.class, "main-class"}></li> Meu componente React é: var AccountMainMenu = React.createClass({ getInitialState: function() { return { focused: 0 }; }, …

346 javascript  css  reactjs  ecmascript-6 

Eu quero usar essa técnica http://css-tricks.com/svg-fallbacks/ e alterar a cor svg, mas até agora não consegui fazer isso. Coloquei isso no CSS, mas minha imagem é sempre preta, não importa o quê. Meu código: .change-my-color { fill: green; } <svg> <image class="change-my-color" xlink:href="https://svgur.com/i/AFM.svg" width="96" height="96" src="ppngfallback.png" /> </svg> Executar snippet …

346 css  svg 

Então, eu tenho uma entrada de texto <input type="text" value="3" class="field left"> Aqui está o meu CSS para ele background:url("images/number-bg.png") no-repeat scroll 0 0 transparent; border:0 none; color:#FFFFFF; height:17px; margin:0 13px 0 0; text-align:center; width:17px; Existe uma configuração ou um truque para isso, eu estava pensando em fazer uma gravadora, …

344 html  css  html-input 

Problema: Remova o preenchimento / margem à direita e esquerda de col-md- * no Bootstrap 3. Código HTML: <div class="col-md-12"> <h2>OntoExplorer<span style="color:#b92429">.</span></h2> <div class="col-md-4"> <div class="widget"> <div class="widget-header"> <h3>Dimensions</h3> </div> <div class="widget-content" id=""> <div id='jqxWidget'> <div style="clear:both;margin-bottom:20px;" id="listBoxA"></div> <div style="clear:both;" id="listBoxB"></div> </div> </div> </div> </div> <div class="col-md-8"> <div class="widget"> <div …

342 css  twitter-bootstrap  html 

Eu criei um site usando a grade do Zurb Foundation 3 . Cada página possui uma grande h1: body { font-size: 100% } /* Headers */ h1 { font-size: 6.2em; font-weight: 500; } <div class="row"> <div class="twelve columns text-center"> <h1> LARGE HEADER TAGLINE </h1> </div> <!-- End Tagline --> </div> …

341 css  responsive-design  font-size  zurb-foundation  em