Perguntas com a marcação «css»

CSS (Cascading Style Sheets) é uma linguagem de folha de estilos de representação usada para descrever a aparência e a formatação de documentos HTML (HyperText Markup Language), XML (Extensible Markup Language) e elementos SVG, incluindo (mas não limitado a) cores, layout, fontes, e animações. Também descreve como os elementos devem ser renderizados na tela, no papel, na fala ou em outra mídia.

25
Remover borda do IFrame
Como remover a borda de um iframe incorporado no meu aplicativo da web? Um exemplo do iframe é: <iframe src="myURL" width="300" height="300">Browser not compatible.</iframe> Eu gostaria que a transição do conteúdo da minha página para o conteúdo do iframe fosse perfeita, assumindo que as cores do plano de fundo sejam …
20
Posso usar um pseudoelemento a: before ou: after em um campo de entrada?
Estou tentando usar o :afterpseudoelemento CSS em um inputcampo, mas ele não funciona. Se eu usá-lo com um span, ele funciona bem. <style type="text/css"> .mystyle:after {content:url(smiley.gif);} .mystyle {color:red;} </style> Isso funciona (coloca o smiley depois de "buu!" E antes de "um pouco mais") <span class="mystyle">buuu!</span>a some more Isso não funciona …
15
Gerenciando a explosão de CSS
Confio muito em CSS para um site em que estou trabalhando. No momento, todos os estilos CSS estão sendo aplicados por tag e, agora, estou tentando movê-lo para um estilo externo, para ajudar em futuras alterações. Mas agora o problema é que notei que estou recebendo uma "Explosão CSS". Está …
682 css  organization 
12
Como alinhar à direita o item flexível?
Existe uma maneira mais flexível de alinhar o "Contato" do que usar position: absolute? .main { display: flex; } .a, .b, .c { background: #efefef; border: 1px solid #999; } .b { flex: 1; text-align: center; } .c { position: absolute; right: 0; } <h2>With title</h2> <div class="main"> <div class="a"><a …
680 html  css  flexbox 
25
Como centralizar um elemento "position: absolute"
Estou tendo um problema ao centralizar um elemento com o atributo positiondefinido como absolute. Alguém sabe por que as imagens não estão centralizadas? body { text-align: center; } #slideshowWrapper { margin-top: 50px; text-align: center; } ul#slideshow { list-style: none; position: relative; margin: auto; } ul#slideshow li { position: absolute; } …
12
Flexbox: centralize horizontalmente e verticalmente
Como centralizar a div horizontalmente e verticalmente dentro do contêiner usando o flexbox. No exemplo abaixo, quero cada número abaixo um do outro (em linhas), centralizado horizontalmente. .flex-container { padding: 0; margin: 0; list-style: none; display: flex; align-items: center; justify-content: center; } row { width: 100%; } .flex-item { background: …
672 html  css  flexbox 
4
curinga * em CSS para classes
Eu tenho essas divs com as quais estou estilizando .tocolor, mas também preciso do identificador exclusivo 1,2,3,4 etc., então estou adicionando-o como outra classe tocolor-1. <div class="tocolor tocolor-1"> tocolor 1 </div> <div class="tocolor tocolor-2"> tocolor 2 </div> <div class="tocolor tocolor-3"> tocolor 3 </div> <div class="tocolor tocolor-4"> tocolor 4 </div> .tocolor{ …
30
Por que não usar tabelas para layout em HTML? [fechadas]
Atualmente, essa questão não se encaixa no nosso formato de perguntas e respostas. Esperamos que as respostas sejam apoiadas por fatos, referências ou conhecimentos, mas essa pergunta provavelmente solicitará debates, argumentos, pesquisas ou discussões prolongadas. Se você acha que essa pergunta pode ser melhorada e possivelmente reaberta, visite o centro …
665 html  css 
10
Posso escrever um seletor CSS selecionando elementos que NÃO possuem uma determinada classe ou atributo?
Eu gostaria de escrever uma regra de seletor de CSS que selecione todos os elementos que não têm uma determinada classe. Por exemplo, dado o seguinte HTML: <html class="printable"> <body class="printable"> <h1 class="printable">Example</h1> <nav> <!-- Some menu links... --> </nav> <a href="javascript:void(0)" onclick="javascript:self.print()">Print me!</a> <p class="printable"> This page is super …
645 html  css  css-selectors 
23
Posição fixa, mas relativa ao contêiner
Estou tentando corrigir um, divpara que ele sempre fique na parte superior da tela, usando: position: fixed; top: 0px; right: 0px; No entanto, o divestá dentro de um contêiner centrado. Quando eu uso, position:fixedele corrige o divparente da janela do navegador, como no lado direito do navegador. Em vez disso, …
26
Converter uma imagem em escala de cinza em HTML / CSS
Existe uma maneira simples de exibir um bitmap colorido em escala de cinza com apenas HTML/CSS? Não precisa ser compatível com o IE (e imagino que não será) - se funcionar em FF3 e / ou Sf3, isso é bom o suficiente para mim. Eu sei que posso fazer isso …
619 image  css  grayscale 
11
Segmentando apenas o Firefox com CSS
Usando comentários condicionais, é fácil segmentar o Internet Explorer com regras CSS específicas do navegador: <!--[if IE 6]> ...include IE6-specific stylesheet here... <![endif]--> Às vezes, é o mecanismo Gecko (Firefox) que se comporta mal. Qual seria a melhor maneira de segmentar apenas o Firefox com suas regras de CSS e …
616 css  firefox  css-hack 
8
Removendo várias classes (jQuery)
Existe alguma maneira melhor de reescrever isso: $('element').removeClass('class1').removeClass('class2'); Não posso usar removeClass();, pois removeria TODAS as classes, o que não desejo.
615 jquery  css 
Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.