Perguntas com a marcação «css»

Eu tenho uma lista em HTML <div id="header" class="row"> <div id="logo" class="col_12">And the winner is<span>n't...</span></div> <div id="navigation" class="row"> <ul id="pirra"> <li><a href="#">Why?</a></li> <li><a href="#">Synopsis</a></li> <li><a href="#">Stills/Photos</a></li> <li><a href="#">Videos/clips</a></li> <li><a href="#">Quotes</a></li> <li><a href="#">Quiz</a></li> </ul> </div> muda bem para mostrar horizontalmente na mudança de CSS div#navigation ul li { display: inline-block; } …

109 jquery  html  css 

Estou tentando descobrir por que uma das minhas classes css parece substituir a outra (e não o contrário) Aqui eu tenho duas classes css .smallbox { background-color: white; height: 75px; width: 150px; font-size:20px; box-shadow: 0 0 10px #ccc; font-family: inherit; } .smallbox-paysummary { @extend .smallbox; font-size:10px; } e na minha …

109 html  css 

Basicamente, tenho dois css externos na minha página. O primeiro Main.csscontém todas as regras de estilo, mas não tenho acesso a ele e, portanto, não posso modificá-lo. Tenho acesso a um segundo arquivo Template.css, então preciso substituir os Main.cssvalores de em template.css. É fácil, pelo que tenho de alterar o …

109 css 

Preciso adicionar recursos de design responsivo ao meu aplicativo da web usando o Twitter Bootstrap. Eu só quero o comportamento responsivo, não estou interessado na tipografia, componentes ou qualquer outra coisa incluída no Bootstrap. Eu tenho uma versão customizada do Bootstrap apenas selecionando o sistema de grade. No entanto, quando …

109 html  css  twitter-bootstrap  responsive-design 

Acabei de encontrar um problema muito estranho que só aparece no Safari 10. Tenho cartas de jogar, imagens SVG, que às vezes são giradas usando transform:rotate(xdeg). O cartão que estou usando tem um padrão de bloco vermelho. Quando não é girado ou girado em ângulos retos, ou seja, 90, 180, …

109 html  css  svg  safari 

No Webkit no iPhone / iPad / iPod, a especificação do estilo de uma pseudo classe: active para uma <a>tag não é acionada quando você toca no elemento. Como posso fazer com que isso seja acionado? Código de exemplo: <style> a:active { background-color: red; } </style> <!-- snip --> <a …

109 iphone  css  webkit  mobile-safari  pseudo-class 

Eu tenho o seguinte manipulador de eventos para meu elemento html jQuery("#seek-bar").click(function(e){ var x = e.pageX - e.target.offsetLeft; alert(x); }); Preciso encontrar a posição do mouse na barra de busca # no momento de clicar. Eu teria pensado que o código acima deveria funcionar, mas dá um resultado incorreto

109 javascript  jquery  html  css  jquery-ui 

No formulário, tenho um campo de seleção e dois campos de entrada. Esses elementos são alinhados verticalmente. Infelizmente, não consigo obter a largura igual desses elementos. Este é o meu código: <select name="name1" style="width:198px"> <option>value1</option> <option>value2</option> </select><br/> <input type="text" name="id1" style="width:193px"><br/> <input type="text" name="id2" style="width:193px"> Por exemplo, a melhor largura …

109 html  css  html-select  border-box 

De acordo com a documentação de bootstrap do Twitter , devo ser capaz de "embrulhar cadeias de texto em uma <p>tag para obter orientação e cor adequadas." Quando eu faço isso, em qualquer nível abaixo navbardele simplesmente não herda nenhuma das navbarclasses. Envolver a string em <a>tags a renderiza, mas …

109 html  css  twitter-bootstrap 

Eu quero aninhar spane amarcar. Eu devo Colocar <span>dentro<a> Colocar <a>dentro<span> Não importa?

109 html  css  semantic-markup 

Digamos que eu tenha este texto que desejo exibir em uma célula de tabela HTML: Honey Nut Cheerios, Wheat Chex, Grape-Nuts, Rice Krispies, Some random cereal with a very long name, Honey Bunches of Oats, Wheaties, Special K, Froot Loops, Apple Jacks e quero que a linha quebre preferencialmente após …

109 html  css  word-wrap 

Se eu passar o mouse sobre a, divo cursor do mouse será alterado para o cursor como o da âncora HTML. Como posso fazer isso? Eu preciso de Javascript ou só é possível com CSS?

109 javascript  css  mouse 

Como faço para que uma tag html div esteja por cima de tudo?

109 html  css 

Estou tentando redimensionar uma imagem com uma porcentagem de si mesma. Por exemplo, eu só quero reduzir a imagem pela metade, redimensionando-a para 50%. Mas a aplicação width: 50%;irá redimensionar a imagem para 50% do elemento do recipiente (o elemento pai que pode ser, <body>por exemplo). A questão é: posso …

109 html  css  image 

Como posso alinhar à esquerda os números em uma lista ordenada? 1. an item // skip some items for brevity 9. another item 10. notice the 1 is under the 9, and the item contents also line up Alterar o caractere após o número em uma lista ordenada? 1) an …

109 html  css  html-lists  roman-numerals