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.

Filtrar por
Ordenado por
Com tags
0 votos
0 respostas
5 visitas

Como fazer para determinar um tempo antes de cada ciclo de uma determinada animação? [fechada]

Se eu colocar um animation-delay, vai acontecer o que eu quero, mas só a primeira vez. Depois que o delay é executado, a animação inicia e quando termina, não ocorre o delay novamente para iniciar ...
2 votos
1 resposta
544 visitas

Como alterar os media-query usando JS?

Estou usando CSS com os media queries, como por exemplo: html { --color: #OOOOOO; } @media (prefers-color-scheme: dark) { html { --color: #FFFFFF; } } Considerando o código acima, quem tem o ...
-1 votos
0 respostas
5 visitas

Como desabilitar o redirecionamento dentro de um iframe? [duplicada]

Olá. Possuo um site com vídeos incorporados de outro site, onde ao clicar dentro do player do vídeo quando está em execução, o visitante acaba sendo redirecionando para o site de origem do vídeo. ...
-2 votos
0 respostas
13 visitas

Criando section / aside / footer

Boa tarde! Estou criando um arquivo em HTML e quero dividir em section, aside e footer. Fiz a divisão mas o aside está embaixo, tentei mexer no width e cosnegui que ele fique do lado mas ainda assim ...
1 voto
1 resposta
883 visitas

Como desativar a rolagem horizontal no iphone

Fiz alguns testes em alguns dispositivos e percebi que no iphone tem um scroll horizontal. Eu ja verifiquei a largura da tela, aparentemente esta ok. O mesmo não acontece em celulares Android. Estou ...
0 votos
1 resposta
530 visitas

Como alterar estilo de objeto criado em Javascript no CSS

não sei se e possível, procurei e não achei nada a respeito, apenas o contrario. Por exemplo, crio um elemento no JS: btnFormula.addEventListener('click' , ()=> { let t = document....
-3 votos
0 respostas
15 visitas

Não estou conseguindo alinhar meu submenu, os títulos estão fora dos submenus, ta tudo esquisito (Sou novo, ainda aprendendo)

.menu { text-align: right; font-size: 18px; color: #fff; list-style-type: none; } .menu ul a { text-decoration: none; color: #fff; } ...
1 voto
1 resposta
609 visitas

Ocultar div no materialize css

Alguem aqui usar materialize css ? sabe se existe alguma forma de ocultar a coluna de uma tabela atraves de uma classe css ? no bootstrap tem como fazer isso usando isso class="visible-xs" fui na docs ...
-3 votos
0 respostas
21 visitas

Como impedir o redirecionamento após clique no iframe

Olá. Possuo um site com vídeos incorporados de outro site que ao clicar dentro do player do vídeo quando está em execução, ele acaba redirecionando para o site de origem. Gostaria de saber se é ...
0 votos
1 resposta
255 visitas

Como alterar o width desse h3 para que fique responsivo e centralizado na vertical e horizontal?

Estou tentando centralizar tanto na horizontal quanto na vertical esse h3 porém ele está maior que a imagem, então quando muda o tamanho do dispositivo que ele esta sendo visto acaba saindo do centro: ...
-2 votos
0 respostas
12 visitas

Div h-full com tailwind scroll não funciona [fechada]

Estou com dificuldades para entender um pouco mais sobre div e seus tamanhos. Como na imagem abaixo tenho uma tela inicial com 4 divs. sendo a 1 min-h-full a 3 h-[120px] e a 2 se ajusta ao que sobrar. ...
-1 votos
0 respostas
12 visitas

Erro Iframe youtube [fechada]

Estou usando um recurso no css para incorporar um vídeo do youtube e o mesmo ficar reposivo a visualização. nos teste em off está correto e funcionando bem, mas quando subo o cod para o publicftp o ...
-2 votos
2 respostas
299 visitas

Existe uma maneira de aplicar um estilo CSS nas opções datalist HTML5? [fechada]

Eu gostaria de modificar o design de exibicao do datalist, mas o navegador nao deixa, sempre mantem uma padrao. É possível aplicar nele algumas propriedades CSS? o que tentei no css: #search-...
-4 votos
0 respostas
15 visitas

Onde hospedo meu portifólio? [fechada]

Estou fazendo um portifólio em html e css, e gostaria de saber se existe alguma hospedagem que seja gratuita, para que eu possa colocar meu site no ar e outras pessoas possam acessar! Existe algum ou ...
4 votos
1 resposta
264 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
0 respostas
28 visitas

Botão único Play/silenciar para rádio web em html, css e js integrados, só não funciona no IOS

Olá, não sou nenhum especialista na área, mas gosto de pesquisar e aprender sobre algo de interesse. O caso é o seguinte, tenho um único botão com apenas duas funções; clicar para tocar e clicar para ...
-2 votos
0 respostas
17 visitas

Como adicionar uma rolagem horizontal no css apenas dentro de uma div [fechada]

Olá, estou fazendo um projeto da faculdade de uma aplicação web ToDo list e em uma das telas o usuário deve criar as categorias, eu gostaria de saber se é possível fazer a rolagem de forma lateral ...
-1 votos
0 respostas
9 visitas

Margin-bottom não funciona em resoluções pequenas

tenho a seguinte página HTML: Em relação a responsividade, tudo funciona até certo ponto. Por exemplo, ao utilizar uma resolução que possui uma altura que não comporta todos os elementos da tela e se ...
0 votos
1 resposta
1mil visitas

Como customizar o Arrow do Swiper React.js em jsx ou styled.component

Eu quero customizar os arrows do swiper, mas eu nao achei nada na documentacao. Este é o codigo do meu navigation: const params = { navigation: { nextEl: ".swiper-button-next", ...
1 voto
1 resposta
257 visitas

Alinhamento de imagens com inputs

Estou tentando alinhar o input abaixo de cada imagem depois de ter efetuado uploads utilizando file reader. Segue print da tela e os códigos: JS: $(function() { var imagesPreview = function(...
2 votos
1 resposta
260 visitas

Dificuldade em fazer um Shape diferente

div { width: 280px; height: 280px; background: #1e90ff; -webkit-clip-path: polygon(15% 0, 100% 0%, 100% 29%, 41% 49%); clip-path: polygon(15% 0, 100% 0%, 100% 29%, 41% 49%); } <div>&...
0 votos
2 respostas
438 visitas

Menu Dropdown Responsivo

Criei um menu responsivo, gostaria de adicionar uma ação ao meu botão, quando ele fosse clicado meu menu iria aparecer, o menu ja esta criado, mas ainda não consegui com que ele aparece apenas com o ...
0 votos
3 respostas
1mil visitas

Como centralizar imagem ao texto?

Gostaria de usar a imagem centralizada ao texto, mas só consegui alinhá-la a esquerda ou à direita. Tem como centralizá-la, fazendo que o texto envolva toda a imagem? O código que fiz está abaixo: &...
2 votos
2 respostas
416 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> ...
0 votos
1 resposta
261 visitas

Como escolher apenas alguns itens de um .map

Estou fazendo um aplicativo parecido com o facebook, todas as postagens estão em um .map: {datapost !== undefined && datapost.map(item => { return ( ...
1 voto
1 resposta
365 visitas

Fazer um elemento pegar a tela inteira usando hover

Estava fazendo um layout no figma, e to passando ele pra html e css, mas eu queria fazer uma animação. Como dar pra ver eu tenho um triangulo rosa, e eu queria que ao passar o mouse sobre ele, ele ...
0 votos
1 resposta
255 visitas

Ordenar elementos em tela com CSS

Estou replicando alguns botoes com o "ng-repeat" com angular, porém estou com dificuldades em ordenar esses botões na forma que desejo. Eu quero que seja mostrado 4 botoes no lado inferior esquerdo e ...
0 votos
1 resposta
266 visitas

Como remover essa margem com bootstrap ? ja usei o m-0 mas não funciona

Como posso remover essa borda a direita na div das imagens e na div do container ? estou utilizando o bootstrap 4.6, ja tentei utilizar o m-0, porém aplica a todo conteudo, menos na margem da direita, ...
0 votos
1 resposta
264 visitas

arrastar divs/aulas e obter a posição da Div

Estou desenvolvendo um site de plataforma de curso, cada curso pode ter muitas aulas. No banco de dados, cada aula tem uma coluna chamada position, então para o usuário final, bastaria fazer uma ...
0 votos
1 resposta
968 visitas

Quebra de linhas em células de tabela ASP.NET MVC C#

Como fazer para não quebrar em várias linhas as colunas de um <table>, pois coloquei um scroll e gostaria de deixar as células da grid sem quebra, e sim deixar o usuário usar o scroll. View ...
3 votos
2 respostas
868 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(){ ...
0 votos
1 resposta
1mil visitas

Navbar bootstrap collapse

Preciso de uma customização em uma navbar que é o seguinte: Primeiro, sem o collapse, aparecer dessa maneira (isso eu consegui e é bem tranquilo) Depois, quando tiver em telas menores, transformar ...
-3 votos
0 respostas
28 visitas

JavaScript e CSS: Não sei como aumentar o tamanho do mapa e usar bem o sistema de localização

// coleta a localização atual navigator.geolocation.getCurrentPosition(position => { // coleta latitude e longitude const { latitude, longitude } = position.coords; // imprimindo ...
0 votos
1 resposta
620 visitas

Alterar Imagem HTML/CSS/JAVASCRIPT

Estou começando a aprender HTML/CSS/JAVASCRIPT, e estou com um projeto de um site, vou tentar explicar o que eu quero. Eu tenho 3 imagens de espelhos quebrados e quero que ao clicar em cada imagem ...
2 votos
1 resposta
307 visitas

Como importar estilos de node_modules em uma biblioteca Angular 10?

Estou desenvolvendo uma biblioteca Angular 10. Esta biblioteca usa o Swiper JS como dependência. Minha biblioteca deve importar estilos css do swiper. Eu importo estilos swiper de node_modules usando ...
2 votos
3 respostas
341 visitas

Plano de fundo dinamico em relação a div

Estou fazendo um exercício que é necessário criar um site para uma agencia de publicidade. Fiz tudo certinho porém estou com muita dificuldade com uma funcionalidade. Quero que ao passar o mouse sobre ...
0 votos
1 resposta
514 visitas

Como por mais de um slideshow na mesma página

Olá. Sou novo aqui mas achei que seria o lugar ideal para solucionar meu problema. Vamos lá. Sou iniciante e Estou desenvolvendo uma página. Nessa página, criei um slideshow para apresentar as etapas ...
1 voto
1 resposta
65 visitas

Filhos de um seletor: um com margin left outro com right

Seguinte, sempre tive essa dúvida tenho essa estrutura html <!-- wrap1 --> <div class="wrap"> <div class="filho"> (...) </div> </div> <!-- wrap2 --> <...
-2 votos
0 respostas
24 visitas

VS Code não reconhece as cores no CSS

Boa noite, pessoal. Queria tirar uma dúvida. Não sei se foi alguma atualização, mas percebi que arquivos em CSS não estão reconhecendo as cores digitadas, mas em HTML isso acontece normalmente. Achei ...
0 votos
1 resposta
406 visitas

Alterar altura da coluna mantendo a base CSS

Estou tendo problemas ao aumentar gradativamente as colunas. Eu quero que o resultado seja o mesmo da imagem abaixo: Tentei mudar a altura de cada uma, só que a base está aumentando a largura (o que ...
0 votos
2 respostas
619 visitas

Alterar background color de uma row de uma table utilizando checkbox

Estou tentando alterar a cor de uma row quando um checkbox é selecionado, mas quando selecionou apenas um, o table inteira é alterada a cor, o check permanece apenas no selecionado, mas a cor é ...
-1 votos
1 resposta
725 visitas

Habilitar button quando os campos forem preenchidos

sei que já existem alguns tópicos com o mesmo tema, mas meu caso é um pouco mais específico. Tenho um formulário com alguns campos ocultos que só aparecem de acordo com o change de alguns selects. Eu ...
0 votos
2 respostas
263 visitas

aside dentro do header

Olá, gostaria de saber se é semântico utilizar a tag <aside></aside> dentro do head em um menu que é fixo no cabeçalho da página ao lado da logo do site, na minha conclusão penso que seja ...
0 votos
1 resposta
616 visitas

Mudar a barra do cursor num campo de edição com CSS JS ou JQuery

Olá, gostaria de mudar (estilizar) a barra do cursor (piscante) em campos de edição em páginas HTML. Não o cursor, mas sim a barra do cursor. Pesquisei bastante aqui no SOPT e achei discussões e dicas ...
-2 votos
0 respostas
14 visitas

Linha do flexbox com espaço vazio

Eu estou desenvolvendo um blog pessoal. Na página de início, há um container com flexbox que exibe as postagens, como mostrado nesta imagem. No entanto, estou tendo alguns problemas relativos à ...
0 votos
2 respostas
609 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
1 resposta
507 visitas

Tabela de produtos no Ionic 3 - Css

Boa tarde pessoal, estou com um probleminha e até agora fiz várias pesquisas, mas não encontrei uma resposta satisfatória. Como faço para desenvolver uma tabelinha de produtos, nesse estilo :
-1 votos
1 resposta
41 visitas

Problema para marcar e deletar um elemento especifico de um array

Esou fazendo uma To-Do list simples em js. Quero adicionar a função para deletar um item ja criado. O codigo escrito foi esse: function renderTasks(){ const list = document.getElementById('task-...
0 votos
2 respostas
360 visitas

Problema com "ver mais"(botão)!

Estou com um pequeno projeto que é de otimizar o "ver mais" em um site ou aplicação e me deparei com um problema. <div class="conteudo"> <h2> <span>teste<...
4 votos
1 resposta
522 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 ...

1
2 3 4 5
171