Perguntas com a tag [grid]
Grid (grade) Quadriculado, utilizado para facilitar o alinhamento e posicionamento de objetos.
126 perguntas
0
votos
1
resposta
110
visitas
Delphi | Read beyond end of file
Olá,
Estou a tentar recuperar alguma informação de um programa feito em Delphi.
Acontece quando tento ver uma lista ocorre o seguinte erro: "Read beyond end of file".
Em modo debug o código ...
0
votos
1
resposta
132
visitas
Como alinhar os itens com display grid?
Estou criando um site e o layout é feito com display grid e está parte de criar o layout já entendi perfeitamente, porém não consigo fazer com que meu header por exemplo tenha o efeito do justify-...
-2
votos
1
resposta
82
visitas
Formatação GRID
Eu to tentando fazer uma pagina com 4 elementos porem com um espaçamento mt especifico .
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-...
-2
votos
1
resposta
311
visitas
Não consigo centralizar usando o grid
justify-content não funciona no meu grid, coloco justify-content no .content e nada acontece.
CSS:
.content {
display: grid;
grid-template-areas:
"p pn e"
"...
0
votos
1
resposta
588
visitas
Espaço vazio entre colunas no Frame
Eu estou criando uma aplicação utilizando tkinter e o método .grid(). Na minha janela, eu tenho dois frames, um para widgets relacionados ao input do usuário e outro para o output.
No frame de input, ...
1
voto
1
resposta
1mil
visitas
Mesclando colunas no grid system do CSS
Estou fazendo um estudo no grid do CSS e me deparei com um problema.
Criei um grid com seis colunas e estou utilizando helpers para determinar quantas colunas vou mesclar. Estou confuso com o fato de ...
0
votos
2
respostas
77
visitas
Alinhar divs, com ou sem Bootstrap
Olá, preciso de uma grid centralizada usando bootstrap, consegui fazer isso usando flex e justify-content-center:
.item {
border: dashed 1px blue;
padding: 5px;
}
.container {
border: ...
-2
votos
2
respostas
1mil
visitas
Tentando colocar as imagens uma ao lado da outra com o display; flex [fechada]
<section class="flex">
<div><img src="fotocurriculum/moletom.jpg" alt="moletom"> Moletom Branco</div>
<div><img src="...
4
votos
1
resposta
169
visitas
Dúvida em relação ao CSS Grid e Firefox
Boa noite.
Recentemente comecei a estudar CSS, porém quando estava fazendo um exercício me deparei com uma situação inusitada, estou utilizando CSS Grid juntamente com Flexbox, quando renderizo meu ...
1
voto
1
resposta
1mil
visitas
Elemento sobrepondo outro HTML/CSS
Olá! Meu problema é o seguinte:
Fiz esse grid seguido de um botão. No desktop ele aparece corretamente, porém no mobile o botão fica sobreposto no grid... Alguém tem ideia do que pode ser?
(OBS: O ...
1
voto
1
resposta
418
visitas
TcxGrid com sub nível, mostrar coluna para expandir níveis na última posição
Ola! Sou iniciante com CxGrid, preciso fazer uma grid com sub nível, porém queria que a coluna que permite expandir os níveis (+) ficasse na última posição das colunas da grid. Não sei se é possível, ...
3
votos
1
resposta
100
visitas
Grid no R não funciona
Olá, estou tentando criar um gráfico com o seguinte código:
boxplot(covid_DF$obitosNovos ~ month(covid_DF$data),
main="Média de obitos novos por mês no Distrito Federal",
...
-1
votos
1
resposta
190
visitas
grid preencher div
Eu to com uma pagina onde tem uma parte com perguntas, eu precisava colocar o textfield preenchendo o quadro e o botão no canto inferior direito da pagina, mas pra isso eu precisaria preencher o grid ...
1
voto
1
resposta
626
visitas
Como fazer uma div passa do tamanho da grid?
Gente, gostaria de deixar dessa forma:
Mas ate agora, só consegui deixar assim:
Estou o css grid, não consigo fazer a div passar pra cima da outra. Meus códigos:
#sobre {
width: 100%;
height:...
0
votos
1
resposta
955
visitas
Como retirar o espaço entre duas divs?
Já pesquisei aqui pelo SOF mas os problemas que apareceram não se assemelhavam ao meu, portanto gostaria de saber oq eu fiz de errado aqui:
Quero saber como remover esse espaço entre as duas divs ...
-1
votos
1
resposta
78
visitas
Grid com gráficos que substituem um ao outro
Estou criando uma página com um grid que deve ter 3 gráficos, um em cada posição do grid. Mas todos os gráficos ficam em uma mesma posição do grid e acabam substituindo os gráficos anteriores (o ...
0
votos
1
resposta
390
visitas
Grid de Tabelas CSS criando novas linhas quando não deveria
Preciso criar um grid com 4 tabelas dentro de um fieldset, que deve ter 2 linhas com duas tabelas cada. Mas em vez de colocar duas tabelas lado a lado nas linhas, o código cria uma nova linha para ...
0
votos
1
resposta
534
visitas
como colorir as caixinhas duma grid 3 por 2 em css
Tenho o seguinte codigo em html:
<div class="wrapper">
<div>1</div>
<div>2</div>
<div>3</div>
<div>4</div>
<div&...
1
voto
0
respostas
302
visitas
Arredondar coordenadas geográficas para classes com intervalos de 0.5° de latitude/longitude [fechada]
Eu tenho o seguinte data.frame com as coordenadas de ocorrência de uma espécie:
df <- data.frame(
especie = c("sp1", "sp2", "sp3"),
longitude = c(-48.97376, -...
3
votos
2
respostas
1mil
visitas
Como plotar modelos distintos de regressão utilizando os pacotes ggplot2 + ggpmisc ou gridExtra?
Olá!
Estou com certa dificuldade ao gerar gráficos com modelos distintos de regressão (quadrático, linear) (FIGURA 1), observa-se que os gráficos ficam soltos (escalas "free") ao usar o grid.arrange(...
0
votos
1
resposta
295
visitas
Problema com Column-Gap
Boa noite. Estou tendo um problema no meu CSS.. Preciso criar duas colunas, uma de texto, e outra com imagem, porém as colunas não alinham (erro no CSS, mas não consigo arrumar);
Segue a linha do ...
0
votos
1
resposta
2mil
visitas
Tkinter - Manipulação dos botões usando GRID PYTHON
Boa noite, estou com dificuldade com o módulo Tkinter em python, estou criando um gerador de emails e preciso posicionar alguns botões na tela porém o uso das colunas não me permitem posicionar de ...
-1
votos
1
resposta
99
visitas
Como inserir Grid dinâmica na interface XAML do WPF
Escrevi um método que cria uma Grid dinamicamente:
private void createMyGrid(int l, int c)
{
//Create grid
Grid DynamicGrid = new Grid();
DynamicGrid.ShowGridLines = true;
//Create ...
1
voto
1
resposta
2mil
visitas
Como mudar botões de lugar dinamicamente usando Tkinter?
Eu sei que esse código tem muita repetição e pretendo "enxugar" ele posteriormente. Por agora, quero entender como faço para mudar a posição dos botões em Tkinter de forma dinâmica. A solução que ...
-2
votos
1
resposta
1mil
visitas
Problema com v-col Vuetify
Olá
Estou tendo um problema com relação ao sistema de gride do vuetify. Eu estou utilizando o lg para visualização na minha máquina, entretanto quando utilizo xs ou sm para dispositivos móveis não ...
-2
votos
1
resposta
1mil
visitas
Mover itens de coluna para coluna css grid
Quero saber se existe uma forma de mover um item dentro de uma coluna para outra coluna usando css grid. Segue exemplo:
aqui eu queria mover essa div verde para a segunda coluna da div roxa usando ...
1
voto
2
respostas
3mil
visitas
Alinhar itens no css grid
Olá, eu estou tendo dificuldades para alinhar itens dentro de uma celula criada pelo display: grid.
por exemplo:
Nesse exemplo acima eu consigo simplificar a minha dificuldade. Se retirarmos dali o ...
1
voto
1
resposta
387
visitas
Como exatamente funciona o grid area?
Estou tentando estilizar a pagina utilizando grid no CSS mas acho que ainda não compreendi muito bem como funciona o template area.
O que esto fazendo:
.pai {
display: grid;
grid-template-...
0
votos
1
resposta
1mil
visitas
setFocus na coluna da grid com o nome do campo que esta no banco
Quando tento colocar o foco para uma coluna especifica pelo nome do campo no banco, não da certo.
Porem se eu fizer colocando o numero da ordem da coluna, exemplo coluna 4, ai da certo, mas queria ...
0
votos
1
resposta
144
visitas
<footer> só ocupa as 3 primeiras colunas criadas no CSS Grid. Como faço para ocupar as 4 colunas da tela?
body {
margin: 0;
padding: 0;
box-sizing: border-box;
background-color: white;
}
div.container {
display: grid;
grid-template-columns: 3fr 1fr;
grid-template-rows: 20vh 70vh ...
1
voto
1
resposta
2mil
visitas
Centralizar uma div ao centro da tela em flexbox
Estou tentando fazer uma copia do site https://champion.gg/ utilizando grid/flexbox e gostaria que a caixa de pesquisa champion name ficasse centralizada com a pagina, igual ao site original.
...
0
votos
1
resposta
104
visitas
Erro input dentro de Div
Tenho uma tabela e estou fazendo um filtro deu certo, mas quando coloquei o input dentro da div pra alinhar nao consegue filtrar, ate pega a 1 letra mas nao filtra mais.
<script type="text/...
1
voto
2
respostas
223
visitas
Imagens lado a lado alinhadas em qualquer tela
HTML
<a href="index.html"><img src="imgs/Logo Aguia vet.png" alt="Logo Aguia Informatica" class="responsive"></a>
<a href="http://mactronengenharia.com.br/" target="_blank">&...
0
votos
1
resposta
33
visitas
navbar responsiva nao aparece quando mudo o tamanho da janela
Estou fazendo um header completo com grid. O problema é que eu fiz um hamburguer menu. Entao fiz esta funcao para ao clicar ele aparecer e ao clicar novamente ele esconder. Porem se eu aumento a ...
3
votos
1
resposta
817
visitas
Ajuda com centralização de itens de uma grid
Nao consigo centralizar verticalmente os itens da minha grid no meio da div #grid-container.
O engraçado que o justify-items:center;
funciona !
porem align-items:center;
Não =(
#grid-container{
...
0
votos
1
resposta
2mil
visitas
Espaço em branco indesejado dando vida a barra de scroll horizontal ao diminuir a tela
Ao redimensionar a tela, chega uma hora que um espaço em branco vai sendo gerado no canto da tela, to começando a fazer algo com grid e tentando deixar isso responsivo, devo adicionar media queries ...
4
votos
1
resposta
538
visitas
Por divs ao lado com bootstrap
Tenho 5 divs, quero por elas alinhadas na mesma linha... Porém a div centra não fica alinhada...
<section class="content">
<div class="row">
<div class=" col-xs-2 ">
&...
0
votos
1
resposta
600
visitas
IONIC - Grid Responsiva
Boa tarde,
Tenho a seguinte GRID com IONIC, está desta forma:
<ion-grid>
<ion-row class="cell-2">
<ion-col>
Código
</ion-col>
<ion-col>
...
0
votos
0
respostas
51
visitas
A* - Jquery + Javascript
Estou fazendo um teste de pathfinding em jquery com JS, e dei uma empacada forte. Procurei vários lugares, mas não estou conseguindo raciocinar como iniciar a leitura dos "vizinhos" para fazer uma ...
1
voto
2
respostas
14mil
visitas
Espaço branco indesejado CSS
Estou fazendo um site de reserva de atividades ao ar livre e estou com um problema no CSS.
No meu documento aparece sempre uma parte em branco abaixo da imagem, não percebo porquê. No dev tools do ...
-1
votos
1
resposta
823
visitas
Verificar se registro já existe em DB Grid Delphi
Boa tarde, pessoal.
A linguagem que estou utilizando é Delphi 4.
Estou com uma dúvida em como verificar se um registro já existe em DB Grid.
Os valores que desejo inserir no DBGrid vão ser digitados ...
4
votos
1
resposta
231
visitas
Como implementar um mansory grid e Infinite scroll juntos?
Estou desenvolvendo um site estilo Pinterest mas não estou conseguindo juntar essas duas funcionalidades.
Pra fazer o infinite scroll, usei o jQuery com AJAX pra puxar os posts do database e apendê-...
0
votos
1
resposta
70
visitas
Responsividade Bootstrap - Problemas com grid
Olá, estou desenvolvendo um site e preciso ajeitar esse pedaço para que fique dessa forma no mobile
Mas se eu faço uma alteração para que fique bom em baixas resoluções, ele acaba estragando as ...
3
votos
1
resposta
1mil
visitas
FlexBox + CSS GRID
Galera gostaria de saber se há alguma possibilidade de utilizar o CSSGrid com o FlexBox.
display:grid;
display:flex;
Falo usar os dois no mesmo projeto, caso não, de qual me recomendaria para ...
1
voto
1
resposta
830
visitas
CSS Grid Layout - Compatibilidade dos browsers
Com relação à desenvolvimento Web, tenho estudado CSS grid layout usando, principalmente, vídeos. Alguns são um pouco mais antigos e instruem a não usar essa especificação em produção, pois o site vai ...
0
votos
0
respostas
63
visitas
Como alterar os dados da Model que estão sendo mostrado em GridMvc?
Tenho uma GridMvc no meu formulario onde exibe uma lista de unidades, nesse grid tem um campo de texto, e um checkbox, gostaria de quando o usuario digitar alguma caixa de texto ou flagar o o check, ...
0
votos
3
respostas
520
visitas
Bootstrap não faz o que eu quero
Bom dia gente.
Sou novo na comunidade e ai vai minha primeira pergunta.
Estou tentando centralizar meu form com bootstrap na tela mas não quer funcionar nem a pau, já tentei no form, já tentei criar ...
1
voto
1
resposta
675
visitas
Flutuar elementos com CSS Grid
Bom dia amigos. Estou com o seguinte problema: preciso fazer os elementos flutuarem com CSS Grid sem ter uma row especifica definida. Por exemplo, na imagem a seguir, não deveria existir aquele espaço ...
1
voto
1
resposta
228
visitas
Como dividir igualmente o espaço do StackPanel entre os filhos
Tenho um Stack Panel com alguns botões dentro, quero que o espaço disponível do Stack seja dividido igualmente entre os botões.
<StackPanel Orientation="Horizontal" HorizontalAlignment="Center">...
5
votos
2
respostas
12mil
visitas
Como funciona o Grid System no Angular Material Design?
Na documentação do Angular Material Design possui um componente chamado Grid List, que, imagino eu, seja a parte de estruturação do layout, porém ele só tem dois exemplo muito simples e não consegui ...