Perguntas com a marcação «css»

Acabei de descobrir um truque de CSS bacana. Confira o violino ... .tooltiptail { display: block; border-color: #ffffff #a0c7ff #ffffff #ffffff; border-style: solid; border-width: 20px; width: 0px; height: 0px; } .anothertail { background-image: url(http://static.jqueryfordesigners.com/demo/images/coda/bubble-tail2.png); display: block; height: 29px; width: 30px; } <div>Cool Trick: <br /> <div class="tooltiptail"></div> </div> <br /> …

89 css  tooltip  css-shapes 

Estou usando a propriedade 'filter' da propriedade MS para tentar criar um equivalente não feio para css3 text-shadow e box-shadow; Na verdade, eu estava indo muito bem até encontrar esse problema. Parece que quando eu aplico um filtro a uma div dentro de outra div que também tem um filtro, …

89 css  filter  internet-explorer 

Tenho tentado dividir um div em duas colunas usando CSS, mas ainda não consegui fazê-lo funcionar. Minha estrutura básica é a seguinte: <div id="content"> <div id="left"> <div id="object1"></div> <div id="object2"></div> </div> <div id="right"> <div id="object3"></div> <div id="object4"></div> </div> </div> Se eu tentar flutuar os divs direito e esquerdo para suas …

89 css  html  css-float 

Quero remover o brilho azul da caixa de texto e da borda, mas não sei como substituir qualquer um dos js ou css dele, marque aqui EDITAR 1 Quero fazer isso porque estou usando o plugin jquery Tag-it e também o bootstrap do twitter, o plugin usa um textField oculto …

89 javascript  jquery  html  css  twitter-bootstrap 

É possível ter um menu suspenso de vários níveis usando os elementos do bootstrap 2 do Twitter? A versão original não possui esse recurso.

89 css  twitter-bootstrap 

Estou me perguntando por que o navegador mostra aspas duplas abertas apenas para o primeiro elemento. O segundo elemento tem aspas simples. a::before { content: open-quote; } <a href="http://www.google.com">Google</a> <br> <a href="http://www.amazon.com">Amazon</a> Executar snippet de códigoOcultar resultadosExpandir trecho

89 html  css  pseudo-element  css-content 

Tenho o carrinho no menu superior, usando push-righte meu problema é que a bolha suspensa sai da página. Estou tentando alinhar a bolha à direita, para que fique alinhada à direita com 'clique' como isso HTML: <div class="cart pull-right"> <ul class="nav"> <li class="dropdown"> <a class="dropdown-toggle" data-toggle="dropdown" href="#">CLICK</a> <div class="dropdown-menu"> STUFF …

89 html  css  twitter-bootstrap 

Tenho a mensagem abaixo (ligeiramente alterada): "Entre na competição até 30 de janeiro de 2011 e você pode ganhar até $$$$ - incluindo incríveis viagens de verão!" Atualmente tenho: <p style="font-size:14px; color:#538b01; font-weight:bold; font-style:italic;"> formatando a string de texto, mas deseja alterar a cor de "30 de janeiro de 2011" …

89 html  css  text  colors  inline 

Como faço para usar o ícone de pesquisa incluído no Font Awesome para entrada? Eu tenho um recurso de pesquisa em meu site (baseado no PHPmotion) que desejo usar para a pesquisa. Aqui está o código: <div id="search-bar"> <form method="get" action="search.php" autocomplete="off" name="form_search"> <input type="hidden" name="type" value="videos" /> <input autocomplete="on" …

89 html  css  font-awesome 

No meu site, uso reset.css. Ele adiciona exatamente isso aos estilos de lista: ol, ul { list-style: none outside none; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, …

89 html  css  html-lists 

Considere o seguinte código : HTML: <div> <label for='name'>Name:</label> <input type='text' id='name' /> </div> CSS: div { height: 50px; border: 1px solid blue; } Qual seria o método mais fácil de colocar o labele o inputno meio do div(verticalmente)?

89 css  html  vertical-alignment 

Qual é o significado exato do termo "Cascata" em CSS? Estou recebendo pontos de vista diferentes, então pergunto aqui. Um exemplo ajudaria.

89 css  terminology  css-cascade 

EDITADO: Talvez eu deva perguntar qual seletor configura o padding lateral quando a tela é reduzida para menos de 480px de largura? Eu tenho navegado bootstrap-responsiveness.css por um tempo para localizar isso, mas nada parece afetar isso. Original , basicamente, desejo remover qualquer preenchimento padrão ou margem definida para capacidade …

89 css  twitter-bootstrap  responsive-design  media-queries 

Eu tenho 3 divelementos. O primeiro divé maior (embrulhar) e temposition:relative; 2º divé posicionado de forma absoluta ao 1º divposicionamento relativo (e está incluído no 1º div) O 3º divestá contido no 2º dive também possui posicionamento absoluto. <div id="1st"> <div id="2nd"> <div id="3rd"></div> </div> </div> Por que a 3ª …

89 html  css  css-position 

Em CSS, qual é a diferença entre o posicionamento estático (padrão) e o posicionamento relativo?

89 css  static  positioning  css-position