Programação css

4

jQuery find elemento por valor de atributo de dados

Eu tenho alguns elementos como abaixo: <a class="slide-link" href="#" data-slide="0">1</a> <a class="slide-link" href="#" data-slide="1">2</a> <a class="slide-link" href="#" data-slide="2">3</a> Como posso adicionar uma classe ao elemento que tem um data-slidevalor de atributo de 0(zero)? Tentei muitas soluções diferentes, mas nada funcionou. Um exemplo: $('.slide-link').find('[data-slide="0"]').addClass('active'); Qualquer ideia?

103 jquery html css custom-data-attribute

4

Não é possível encontrar um seletor de atributo css “diferente”

Desejo segmentar elementos div onde o atributo "foo" tem um valor. <div foo="x">XXX</div> <div foo="">YYY</div> Eu tentei este css, mas não funciona: [foo!=''] { background: red; }

103 css

6

Recuo a partir da segunda linha de um parágrafo com CSS

Como posso recuar a partir da segunda linha de um parágrafo? eu tentei p { text-indent: 200px; } p:first-line { text-indent: 0; } e p { margin-left: 200px; } p:first-line { margin-left: 0; } e (with position:relative;) p { left: 200px; } p:first-line { left: 0; }

103 html css text pseudo-class indentation

7

Como alinhar o elemento posicionado absolutamente ao centro?

Estou tentando empilhar duas telas juntas e torná-las uma tela de camadas duplas. Eu vi um exemplo aqui: <div style="position: relative;"> <canvas id="layer1" width="100" height="100" style="position: absolute; left: 0; top: 0; z-index: 0;"></canvas> <canvas id="layer2" width="100" height="100" style="position: absolute; left: 0; top: 0; z-index: 1;"></canvas> </div> Mas eu gostaria de …

103 css html5-canvas

8

Como adicionar qualquer coisa em <head> através de jquery / javascript?

Estou trabalhando com um CMS, que impede a edição de código-fonte HTML para o <head>elemento. Por exemplo, quero adicionar o seguinte acima da <title>tag: <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

102 javascript jquery css xhtml

10

Como esticar a imagem de fundo para preencher um div

Quero definir uma imagem de plano de fundo para divs diferentes, mas meus problemas são: O tamanho da imagem é fixo (60px). Variando o tamanho do div Como posso esticar a imagem de fundo para preencher todo o fundo do div? #div2{ background-image:url(http://s7.static.hootsuite.com/3-0-48/images/themes/classic/streams/message-gradient.png); height:180px; width:200px; border: 1px solid red; } …

102 css html background background-image

11

Como aplicar regras CSS específicas apenas ao Chrome?

Existe uma maneira de aplicar o CSS a seguir a um específico divapenas no Google Chrome? position:relative; top:-2px;

102 css google-chrome css-hack

10

Como fazer uma flecha extravagante usando CSS?

Ok, então todos sabem que você pode fazer um triângulo usando isto: #triangle { width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; border-bottom: 100px solid red; } E isso produz um triângulo sólido preenchido. Mas como você faria um triângulo em forma de seta do tipo …

102 html css css-shapes

6

Como mostrar a mensagem pop-up como no Stack Overflow

Gostaria de adicionar uma mensagem pop-up como a que aparece no Stack Overflow quando não estou logado e tento usar os botões de votação. Qual é o melhor método para conseguir isso? Isso é feito usando uma biblioteca jquery?

102 javascript jquery html css

7

Sass ou Compass sem rubi?

Existe uma maneira de usar Sass ou Compass ou qualquer coisa assim sem Ruby? Estive procurando no google e neste site e não consigo encontrar nada, qualquer ajuda seria apreciada. Obrigado

102 css sass compass-sass

10

Você pode fazer esse layout HTML sem usar tabelas?

Ok, tive um problema simples de layout há uma ou duas semanas. Ou seja, as seções de uma página precisavam de um cabeçalho: +---------------------------------------------------------+ | Title Button | +---------------------------------------------------------+ Coisas muito simples. A coisa é que o ódio à mesa parece ter dominado o mundo da Web, do qual me …

102 html css layout

4

Posicionando um div próximo ao lado inferior de outro div

Eu tenho div externo e div interno. Preciso colocar o div interno na parte inferior do externo. A div externa é elástica (largura: 70%, por exemplo). Também preciso centralizar o bloco interno. O modelo simples da maquiagem descrita é mostrado na imagem abaixo:

102 html css layout

3

Como estilizar a <option> apenas com CSS?

Nota: Esta questão não é sobre como fazer um menu suspenso personalizado. É apenas sobre possibilidades de <option>elementos de estilo dentro do elemento selecionado em CSS Como posso estilizar <option>um <select>elemento com compatibilidade entre navegadores? Eu conheço muitas formas de JavaScript que personalizam o menu suspenso para conversão <li>, sobre …

102 css html-select

3

Telas de retina, imagens de fundo de alta resolução

Isso pode soar como uma pergunta boba. Se eu usar este snippet CSS para monitores regulares (onde box-bg.pngé 200px por 200px); .box{ background:url('images/box-bg.png') no-repeat top left; width:200px; height:200px } e se eu usar uma consulta de mídia como esta para visar telas de retina (com a imagem @ 2x sendo …

102 css responsive-design media-queries

4

É possível no SASS herdar de uma classe em outro arquivo?

A pergunta diz quase tudo. Por exemplo, se eu estivesse usando, digamos, Twitter Bootstrap , poderia definir classes em minha própria folha de estilo SASS que herdam das classes CSS do Bootstrap? Ou a herança no SASS só funciona no escopo de um único arquivo?

102 css inheritance stylesheet sass

Perguntas com a marcação «css»