Perguntas com a tag [css]
Cascading Style Sheets (ou simplesmente CSS) é uma linguagem de estilo utilizada para definir a apresentação de documentos escritos em uma linguagem de marcação, como HTML ou XML. Seu principal benefício é prover a separação entre o formato e o conteúdo de um documento.
1,170
perguntas sem resposta aceita nem com voto a favor
7
votos
1resposta
59 visitas
Para que serve e como usar a propriedade hanging-punctuation do CSS?
Sei que a propriedade hanging-punctuation proporciona um controle sobre a tipografia na web, mas não entendi ao certo o que é esse controle e como ele funciona. Além disso vi que a propriedade suporta ...
5
votos
1resposta
373 visitas
Como diminuir o espaço entre as imagens do carousel bootstrap 4?
Boa noite galera, gostaria de saber como posso diminuir esse espaço branco entre as imagens do carousel. Alguém pode me ajudar, por favor?
meu código:
<!DOCTYPE html>
<html lang="en"&...
5
votos
2respostas
332 visitas
Calculo de .scss para .sass
Estou criando um grid system dinâmico utilizando sass e o gulp-sass para compilar.
Tenho este código:
$col-margin: 15px
.row
width: 100%
max-width: 1170px
margin: 0 auto
display: flex
flex-...
5
votos
3respostas
420 visitas
Não consigo alinhar um label dentro de uma <td>
Num calendário, preciso colocar ao lado dele um label. Acontece que o label está ficando em baixo dele. Se abro outra o label fica no extremo direito, e preciso exatamente ao lado.
Aqui a table:
&...
5
votos
1resposta
553 visitas
Como alinhar texto em um menu “mobile” usando a tag “select”
Eu tenho um website (estruturaonline.com.br) responsive e quando acesso o menu em um PC simulando um dispositivo móvel o texto está alinhado ao centro mas quando acesso usando um dispositivo móvel ...
5
votos
1resposta
1mil visitas
Como fazer uma imagem dividir o texto de dentro de uma div de largura limitada?
Como fazer que uma <img> quebre o texto de dentro de uma <div> de largura limitada?
Por exemplo, com esse código:
<style>
#imagem {
float:left;
}
#container {...
4
votos
0respostas
64 visitas
Retornar elemento a posição inicial em hover css
Estou fazendo uma animação em uma logo, onde cada letra vai para um lado e quando eu passar o mouse na div onde ela está, todas as letras devem voltar ao valor inicial, assim formando a logo.
Até ai ...
4
votos
1resposta
107 visitas
Como fazer uma animação em CSS começando de um lado no Hover e terminando do outro quando sair o Hover?
Tenho uma animação onde um elemento aparece entrando da esquerda para direita quando faço o :hover no .box, porém gostaria de que quando eu tirasse o mouse do .box o elemento saísse agora pela direita....
4
votos
0respostas
284 visitas
Ajustes no CSS do React.JS
Estou desenvolvendo um sistema simples no react e estou com dificuldades na parte visual, por exemplo para o mobile:
Preciso deixar meu sistema dessa forma:
Está dessa forma:
O sistema da web ...
4
votos
1resposta
457 visitas
CSS Estilizar input range
Preciso fazer um input range para definição de faixa etária desse jeito:
Pensei em fazer a barra "grande" com essa faixa fixa de 20 em 20, ou uma barra não fixa como nesse exemplo, mas sou novato e ...
3
votos
1resposta
61 visitas
Como evitar a distorção de pixels em elementos HTML em configurações de tela/ecrã variadas?
Notei em uma simples situação que elementos com pixel nem sempre são renderizados como se imagina, um exemplo simples é quando a pessoa ajusta o zoom do navegador para mais ou menos de 100%, fazendo ...
3
votos
1resposta
36 visitas
Como fazer para o texto dentro do botão não seja inclinado?
<!doctype html>
<html lang="pt-br">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-...
3
votos
1resposta
43 visitas
Formatando Titulos na Table of Contents Rmarkdown (R)
Esse é meu código em RMarkdown:
---
title: "Formatando Table of Contents"
author: "Laura"
date: "`r Sys.Date()`"
output:
pagedown::html_paged:
toc: true
toc_depth: 3
self_contained: ...
3
votos
1resposta
153 visitas
Requisição AJAX funciona em todos os browsers exceto o Firefox
Tenho tentado fazer um sistema de upload com AJAX e funciona perfeitamente no Chrome, no entanto não funciona no firefox. Usei a função $.ajax() do JQuery. Têm alguma sugestão do que possa ser?
Tenho ...
3
votos
0respostas
75 visitas
Display Grid para o IE11
Estou fazendo uma grade com o 7 itens conforme o código abaixo:
Meu código
nav div.grade {
display: grid;
grid-template-columns: auto auto auto auto;
margin-top: 5px;
display:...
3
votos
2respostas
2mil visitas
Como colocar colunas de uma tabela todas com o mesmo tamanho?
Temperatura
Precipitação
Vento
Pressão Atmosférica
Segunda
...
3
votos
1resposta
107 visitas
Salvar imagem recortada com JCROP pro Banco
Olá! Estou criando um perfil de usuário e para recortar a imagem estou usando o JCROP. Ele recorta normalmente pra mim, mas queria saber como eu faço pra salvar esse resultado na imagem e o banco ...
3
votos
1resposta
92 visitas
Tela de loading só quando necessário
Fiz uma tela de loading so que eu gostaria de fazer ela funcionar somente quando for uma ação demorada e não com qualquer carregamento.
JQUERY
<script type="text/javascript">
$(window).load(...
3
votos
0respostas
153 visitas
Como colocar particlejs em um banner parallax com texto no centro
Gostaria de saber como posso colocar o efeito ParticleJS em um banner Parallax com um texto no centro da div. Dessa forma:
Por exemplo, nesse banner eu queria que, no centro dele, houvesse um texto e ...
3
votos
1resposta
517 visitas
Largura do <option> dentro do <select>
Possuo um <select> onde os textos que estão nos <option> são muito grandes.
Ao expandir o <select> na tela os opções saem para fora da mesma. Preciso de uma solução para o texto todo ...
3
votos
2respostas
111 visitas
Animação Java Script
Boa tarde,
Estou tentando fazer um trabalho com css,html,js .Preciso fazer com que algumas imagens deslize para direita e esquerda assim que eu role a barra, uma imagem de cada vez, mas assim que eu ...
3
votos
2respostas
378 visitas
Ionic não reconhece meu css
Para ser bem claro, eu estou criando um app com ionic 1.3 como aprendizado e estudo para a faculdade, e preciso usar um css e js externo. É uma lib chamada Icheck (Link para o icheck). Já fiz teste ...
3
votos
3respostas
70 visitas
Como posso especificar um valor de “transition” a ser animado quando uso “transform”?
NO css, podemos usar a propriedade transition para definir um efeito de transição quando algumas das propriedades de um elemento forem mudadas.
Exemplo:
.box{
transition: all 1s linear;
...
3
votos
2respostas
98 visitas
window.innerWidth não funciona no Windows Phone
Estou com um problema:
Na página http://www.magicforbaby.com.br/, tem um banner onde não consigo definir o tamanho dele (da div).
Mas como ele pega todos os 100% da tela, peguei window.innerWidth do ...
3
votos
1resposta
305 visitas
Problema com Background Image usando Bootstrap 3
Estou com problema na exibição da imagem de background quando site é acessado pelo Chrome no smartphone, no PC apresenta normalmente (responsivo).
HTML:
<!DOCTYPE HTML>
<html lang="pt-br"&...
3
votos
2respostas
290 visitas
Limitar sidebar antes do footer
Eu tenho o seguinte código, porém tenho um footer de 650px, e ao rolar a pagina até o final o bloco fixo fica em cima do footer, como poderia resolver esse problema?
<script>
$(function(){
...
3
votos
1resposta
113 visitas
Tooltip com mouseover dentro de uma coluna de um grid js
Tenho esse grid:
function CarregarGrid() {
$('#gridConteudo').jqGrid({
colModel: [{ width: 80, name: 'COD_OPERADORA', index: 'COD_OPERADORA', label: 'Operadora', formatter:...
3
votos
1resposta
94 visitas
Alinhar menu de navegação no centro
Estou tentando alinhar o menu "drop" no centro. Help?
O HTML:
<main id="conteudo">
<section id="produto" class="box">
<nav id="drop">
<ul>
...
3
votos
0respostas
54 visitas
Aplicação local(Pc) abrindo em navegador do ipad/iphone não mostra checkbox
Tenho uma aplicação rodando normalmente com wamp no computador, que usa html jquery css e php.
Porém ao abrir pelo navegador padrão do IOS (safari) usando ipad ou iphone através da rede local, o ...
3
votos
0respostas
65 visitas
barras de navegação do safari não desaparecem
Vou explicar isto pelo meio de prints
basicamente, existe estas barras do safari de navegação/endereço
http://prntscr.com/8mgtda
Ora, ao fazer scroll (quem usa um iphone, pode ver, encolhe a barra ...
3
votos
1resposta
91 visitas
css matrix3d, arrastar o elemento mantendo a distorção
Tenho andado a brincar com css Matrix3D neste código: http://jsfiddle.net/88Lv8kfp
Agora eu queria um ponto no meio para arrastar o elemento mantendo a distorção, mas não sei como fazer.
Até agora, ...
3
votos
1resposta
586 visitas
Determinar altura máxima de um titulo de coluna no Primefaces
Gostaria de saber se é possível fazer o seguinte:
Preciso em uma datatable definir uma altura máxima de uma coluna. Porque tem algumas que o texto fica extenso demais e o valor da coluna é um Sim ou ...
3
votos
1resposta
74 visitas
Beautify comentário inline
Estou utilizando a extensão Beautify no VSCode para organizar melhor meu código, porem encontrei um problema e não achei a solução, ele joga sempre o comentário para próxima linha.
Como corrigir isso?
...
3
votos
1resposta
500 visitas
Abrir dropDown por cima da div
Olá, tenho um dropDown feito com ui-select, que não abre por cima do restante do site.
como podem ver ele abre somente até o limite da div
já tentei com os exemplos que achei em sites.
exemplos: ...
3
votos
2respostas
63 visitas
Propriedade box-shadow:inset não funciona na <img>
Eu estava testando a propriedade box-shadow para fazer uma galeria e percebi que a tag <img> não aceita o box-shadow:inset... porém aceita o box-shadow normal.
No entanto se eu colocar a <...
2
votos
0respostas
24 visitas
Como mudar a posição do controle do video?
Para caber o video na tela de uma aplicação mobile, fiz o sequinte, coloquei o width do video do tamanho da tela, coloquei margin-top negativo pela metadade do que sobrou do container para ajustar o ...
2
votos
0respostas
52 visitas
Como configuro o WebPack e arquivo package.json para rodar o projeto React?
Fiz todas as configurações necessárias do WebPack e o projeto inicia, porém aparentemente não roda o css no projeto e só fica uma tela em branco. Antes das configurações do WebPack meu Package.json ...
2
votos
1resposta
44 visitas
CSS: Posicionamento header e body
Fala pessoal, estou mexendo com CSS para um blog pessoal que pretendo criar.
Porém estou com problema para entender alguns aspectos de posicionamento.
Abaixo está uma versão inicial do blog:
<...
2
votos
1resposta
58 visitas
Como fazer alteração de cor de uma row com um selected active do ngx-datatable?
Boa tarde pessoal!
Já tentei de várias formas fazer uma alteração de mudança cor de uma row do ngx-datatable, mas única forma que consegui foi alterar o color hover da minha row.
O que preciso é ...
2
votos
1resposta
68 visitas
ABRIR o SELECT quando o “hover” ou “focus”
Já procurei em diversos sites, porem não achei um que fosse o que queria, os que vi expandem o select usando o size e não é isso que quero, quero como se fosse um clique do usuário sobre o select, ele ...
2
votos
0respostas
32 visitas
Estilo não carregado em servidor em aplicação node.js
estou com uma questão.
Estou utilizando o github pages para desenvolver um site utilizando o node.js. Em meu host, os estilos carregam e eu os consigo visualizar normalmente no navegador.
No entanto, ...
2
votos
1resposta
37 visitas
Cores da imagem diferente quando aplicado em uma tag <video>
Estou usando um vídeo usando a biblioteca material design bootstrap
O problema é que a qualidade do vídeo fica diferente quando eu rodo no browser e em um player de vídeo:
Imagem no browser:
Imagem ...
2
votos
1resposta
112 visitas
Ignorar tecla enter em modal aberto
No meu sistema, criei um modal que vai servir de alerta sempre que o usuário fizer alguma operação inválida.
Mas para obrigar o usuário a sempre fechar o modal pelo botão close, eu queria evitar que ...
2
votos
1resposta
91 visitas
Dificuldades com responsividade
To tendo dificuldades com responsividade, eu quero saber porque eu não to conseguindo adaptar meu site pra essa resolução de 720x1280, teoricamente meu site deveria se encaixar bem em modo paisagem ...
2
votos
1resposta
273 visitas
Como aplicar hover em todos os *irmãos ou *filhos?
Boa noite Galera, essa é minha primeira pergunta aqui no forum, então desculpem se não formula da melhor forma.
O problema que estou enfrentando é de aplicar o efeito css :hover em todos os elementos ...
2
votos
1resposta
57 visitas
Como alterar o background das postagens no wordpress e deixar cada um com uma cor diferentes?
Olá, estou tendo um problema. Estou tentando fazer com que cada postagem tenha uma cor de background diferente.
Tentei usar esse código abaixo no css mas ele deixa todas os posts de uma cor só.
div....
2
votos
1resposta
106 visitas
Site Responsivo com lateral sobrando
Fiz um site "responsivo" que no celular fica sobrando lateral, alguém poderia me ajudar?
Segue o codigo HTML:
<!DOCTYPE HTML>
<html lang=”pt-br”>
<head>
<meta ...
2
votos
0respostas
58 visitas
Organização de tabelas em css
*Tenho um problema em meu código que estou tentando resolver faz horas vou deixar uma imagem para explicar melhor, quero deixar alinhada junto com as outras barras.
<!-- ***** Contact Area End **...
2
votos
0respostas
57 visitas
Área de seleção com o mouse?
Estou desenvolvendo o seguinte código, para criar uma área de seleção de elementos usando o mouse.
var draggingMouse = false;
var leftMouseDrag, topMouseDrag;
$(document).on("mousedown mouseup",...
2
votos
1resposta
84 visitas
CSS - Como fazer referência a outro Combobox?
Caros, tenho 2 combobox autocomplete em cascata para Estado e Cidade. Quando troco o tamanho no CSS, muda o tamanho dos 2 combobox e preciso mudar de apenas 1.
Utilizo o código de exemplo do JQuery-UI ...