Programação css

9

Tentei criar botões e inserir minhas próprias imagens em vez das imagens de botão padrão. No entanto, a borda cinza dos botões padrão ainda permanece, aparecendo na parte externa das imagens dos meus botões pretos. Alguém sabe como remover essa borda cinza do botão, então é apenas a própria imagem? …

109 html css button

11

ScrollIntoView () fazendo com que toda a página se mova

Estou usando ScrollIntoView () para rolar o item destacado em uma lista para exibição. Quando eu rolar para baixo, ScrollIntoView (false) funciona perfeitamente. Mas quando eu rolar para cima, ScrollIntoView (true) está fazendo com que a página inteira se mova um pouco, o que eu acho que é o intuito. …

109 javascript css

6

Devo usar notação de dois pontos simples ou duplos para pseudo-elementos?

Como o IE7 e o IE8 não suportam a notação de dois pontos duplos para pseudo-elementos (por exemplo, ::afterou ::first-letter), e como os navegadores modernos suportam a notação de dois pontos (por exemplo :after) para compatibilidade com versões anteriores, devo usar apenas a notação de dois pontos simples e quando …

108 css internet-explorer-8 css-selectors internet-explorer-7 pseudo-element

15

Colspan / Rowspan para elementos cuja exibição é definida como table-cell

Eu tenho o seguinte código: <div class="table"> <div class="row"> <div class="cell">Cell</div> <div class="cell">Cell</div> </div> <div class="row"> <div class="cell colspan2">Cell</div> </div> </div> <style> .table { display: table; } .row { display: table-row; } .cell { display: table-cell; } .colspan2 { /* What to do here? */ } </style> Bem direto. Como …

108 html css

7

Como funcionam as margens negativas em CSS e por que (margin-top: -5! = Margin-bottom: 5)?

Um truque comum para elementos de posicionamento vertical é usar o seguinte CSS: .item { position:absolute; top:50%; margin-top:-8px; /* half of height */ height: 16px; } Quando visto na visualização métrica como no Chrome, isto é o que você vê: No entanto, não há margem visual representada quando você passa …

108 css margin

8

Personalização do modelo CSS Bootstrap

Estou apenas começando com o Bootstrap do Twitter e me pergunto quais são as 'melhores práticas' para personalização. Eu quero desenvolver um sistema que tire proveito de todo o poder de um modelo css (Bootstrap ou outro), seja completamente (e facilmente) modificável, seja sustentável (ou seja - quando a próxima …

108 css twitter-bootstrap bootswatch

6

Árvores no Twitter Bootstrap [fechado]

Fechadas. Esta pergunta não atende às diretrizes do Stack Overflow . Atualmente não está aceitando respostas. Quer melhorar esta questão? Atualize a pergunta para que esteja no tópico do Stack Overflow. Fechado há 6 anos . Melhore esta questão Tenho tentado trabalhar na criação de uma árvore (como uma árvore …

108 javascript jquery twitter-bootstrap css jquery-ui

5

Borda do texto usando css (borda ao redor do texto)

Existe uma maneira de integrar uma borda ao redor do texto como a imagem abaixo?

108 text css

4

CSS3: pseudoclasse não verificada

Eu sei que existe uma pseudoclasse CSS3 oficial :checked, mas existe uma :uncheckedpseudoclasse e elas têm o mesmo suporte para navegador? A referência do Sitepoint não menciona nenhum, no entanto, esta especificação whatwg (seja lá o que for) faz. Eu sei que o mesmo resultado pode ser alcançado quando os …

108 css css-selectors pseudo-class

7

Bootstrap: posição do menu suspenso em relação ao item da barra de navegação

Eu tenho a seguinte lista suspensa <label class="dropdown-toggle" role="button" data-toggle="dropdown" data-target="#"> Action <b class="caret"></b></label> <ul class="dropdown-menu" role="menu" aria-labelledby="lang-selector" id="lang-selector"> dropdown content goes here </ul> O canto superior esquerdo da lista suspensa está no canto esquerdo inferior do texto (Ação), mas espero que a posição do canto superior direito do menu …

108 css twitter-bootstrap drop-down-menu

2

Especifique a largura em * caracteres *

Ao usar uma fonte de largura fixa , gostaria de especificar a largura de um elemento HTML em caracteres . A unidade "em" deve ser a largura do caractere M, então devo ser capaz de usá-la para especificar uma largura. Isto é um exemplo: <html> <head> <style> div { font-family: …

108 css font-size

6

Como aplico a transição CSS3 a todas as propriedades, exceto a posição do plano de fundo?

Eu gostaria de aplicar uma transição CSS a todas as propriedades, exceto a posição de fundo. Tentei fazer assim: .csstransitions a { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } .csstransitions a { -webkit-transition: background-position 0s ease …

108 css css-transitions

12

Atualizando css dinamicamente no Angular 2

Digamos que eu tenha um componente Angular2 //home.component.ts import { Component } from 'angular2/core'; @Component({ selector: "home", templateUrl: "app/components/templates/home.component.html", styleUrls: ["app/components/styles/home.component.css"] }) export class HomeComponent { public width: Number; public height: Number; } O arquivo html de modelo para este componente //home.component.html <div class="home-component">Some stuff in this div</div> E, finalmente, …

108 css angular

7

Como alterar um intervalo para parecer um pré com CSS?

É possível alterar uma <span>tag (ou <div>) para pré-formatar seu conteúdo como uma <pre>tag faria usando apenas CSS?

108 html css

11

Como adicionar raio de borda na linha da tabela

Alguém sabe estilizar tr como gostamos? Eu usei border-collapse na tabela, depois que tr's podem exibir borda sólida de 1px que eu indiquei. No entanto, quando tentei -moz-border-radius, não funcionou. Mesmo a margem simples não funciona.

108 css

Perguntas com a marcação «css»