Perguntas com a marcação «css»

Digamos que eu tenho esse HTML: <h3>Features</h3> <ul> <li><img src="alphaball.png">Smells Good</li> <li><img src="alphaball.png">Tastes Great</li> <li><img src="alphaball.png">Delicious</li> <li><img src="alphaball.png">Wholesome</li> <li><img src="alphaball.png">Eats Children</li> <li><img src="alphaball.png">Yo' Mama</li> </ul> e este CSS: li { text-align:center; display:inline-block; padding:0.1em 1em } img { width:64px; display:block; margin:0 auto } O resultado pode ser visto aqui: http://jsfiddle.net/YMN7U/1/ Agora …

202 html  css 

Qual é a maneira correta de colocar o texto em itálico? Eu já vi as quatro abordagens a seguir: <i>Italic Text</i> <em>Italic Text</em> <span class="italic">Italic Text</span> <span class="footnote">Italic Text</span> <i> Este é o "caminho antigo". <i>não tem significado semântico e apenas transmite o efeito de apresentação de tornar o texto …

202 html  css  semantic-markup 

Existe uma maneira de desativar completamente o colapso de margem? As únicas soluções que encontrei (com o nome "uncollapsing") envolvem o uso de uma borda de 1px ou preenchimento de 1px. Acho isso inaceitável: o pixel estranho complica os cálculos sem uma boa razão. Existe uma maneira mais razoável de …

202 css  margin  collapse 

Eu gostaria de desvanecer um elemento (fazendo a transição de sua opacidade para 0) e, quando terminar, remova o elemento do DOM. No jQuery, isso é simples, pois você pode especificar que "Remover" ocorra após a conclusão da animação. Mas se eu desejar animar usando transições CSS3, existe alguma maneira …

202 javascript  jquery  css 

No Firefox 28, estou usando <input type="number">ótimos trabalhos, pois exibe o teclado numérico nos campos de entrada que devem conter apenas números. No Firefox 29, o uso de entradas numéricas exibe botões giratórios no lado direito do campo, que parece uma porcaria no meu design. Eu realmente não preciso dos …

202 jquery  css  firefox  input  spinner 

Aqui está o meu HTML: <select id="ddlProducts" name="ddProducts"> <option>Product1 : Electronics </option> <option>Product2 : Sports </option> </select> Quero deixar o nome do produto (ou seja, 'Produto1', 'Produto2', etc) em negrito e suas categorias (viz. Eletrônicos, Esportes, etc.) em itálico, usando apenas CSS. Encontrei uma pergunta antiga que mencionava que não …

202 html  css  drop-down-menu 

Tenho certeza de que existe uma solução simples para esse problema. Basicamente, se eu tiver duas colunas, como posso adicionar um espaço entre elas? por exemplo, se o html for: <div class="col-md-6"></div> <div class="col-md-6"></div> A saída seria simplesmente duas colunas próximas uma da outra, ocupando toda a largura da página. …

202 html  css  twitter-bootstrap-3  grid-layout 

Como altero o ponteiro do cursor para a mão quando o mouse passa por <tr>um<table> <table class="sortable" border-style:> <tr> <th class="tname">Name</th><th class="tage">Age</th> </tr> <tr><td class="tname">Jennifer</td><td class="tage">24</td></tr> <tr><td class="tname">Kate</td><td class="tage">36</td></tr> <tr><td class="tname">David</td><td class="tage">25</td></tr> <tr><td class="tname">Mark</td><td class="tage">40</td></tr> </table>

201 html  css  cursor 

Uma lista ordenada pode produzir resultados parecidos com 1.1, 1.2, 1.3 (em vez de apenas 1, 2, 3, ...) com CSS? Até agora, o uso list-style-type:decimalproduziu apenas 1, 2, 3, e não 1.1, 1.2., 1.3.

201 html  css 

Eu tentei estilizar um fieldsetelemento com display: flexe display: inline-flex. No entanto, não funcionou: flexcomportou - se como block, e inline-flexcomportou-se como inline-block. Isso acontece no Firefox e no Chrome, mas estranhamente funciona no IE. Isso é um bug? Não achei que fieldsetdevesse ter nenhum comportamento especial, nem no HTML5 …

201 html  css  flexbox 

Eu tenho um contêiner div e defini seu estilo da seguinte maneira: div#tbl-container { width: 600px; overflow: auto; scrollbar-base-color:#ffeaff } Isso me fornece as barras de rolagem horizontal e vertical automaticamente quando eu preencho minha tabela que está contida por esta div. Eu só quero que apenas as barras de …

200 css  html 

Eu sei que posso definir um valor CSS através do JavaScript, como: document.getElementById('image_1').style.top = '100px'; Mas posso obter um valor de estilo específico atual? Eu li onde posso obter o estilo inteiro para o elemento, mas não quero analisar a cadeia inteira, se não precisar.

200 javascript  css 

Se eu tiver uma tag de cabeçalho <h1 class="hc-reform">title</h1> h1.hc-reform{ float:left; font-size:30px; color:#0e73bb; font-weight:bold; margin:10px 0px; } e depois disso eu tenho um parágrafo <p>stuff here</p>. Como posso garantir o uso de CSS para que todas as <p>tags a seguir h1.hc-reformsejam usadas:clear:both; seria isso: h1.hc-reform > p{ clear:both; } por …

200 html  css  css-selectors  siblings 

Eu tenho o seguinte código: <span> <svg height="32" version="1.1" width="32" xmlns="http://www.w3.org/2000/svg" style="overflow: hidden; position: relative; left: -0.0166626px; top: -0.983337px;"> <desc></desc> <defs/> <path style="" fill="#333333" stroke="none" d="M15.985,5.972C8.422,5.972,2.289999999999999,10.049,2.289999999999999,15.078C2.289999999999999,17.955,4.302999999999999...............1,27.68,22.274Z"/> </svg>  </span> É possível alterar a cor de preenchimento do caminho SVG com CSS ou algum outro meio sem realmente alterá-lo dentro da tag …

200 css  svg 

Eu tenho uma div wrapper que contans 2 divs ao lado do outro. Acima deste contêiner, tenho uma div que contém meu cabeçalho. A div do wrapper deve ser 100% menos a altura do cabeçalho. O cabeçalho tem cerca de 60 px. Isso está consertado. Então, minha pergunta é: como …

199 css  height