Jump to content

Search the Community

Showing results for tags 'grid'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • Q&A Desenvolvimento
    • Perguntas e respostas rápidas
  • Desenvolvimento e Banco de Dados
    • HTML e CSS
    • Java
    • Javascript
    • .NET
    • PHP
    • Python
    • Ruby
    • Mobile
    • Ambientes de Desenvolvimento
    • Arquitetura e Métodos Ágeis
    • Banco de Dados
    • DevOps
    • Desenvolvimento de Games
    • E-Commerce e Pagamentos Online
    • SEO e Otimizações
    • WordPress
    • Algoritmos & Outras Tecnologias
  • Design e Produto
    • Fotografia
    • Photoshop
    • Design de interfaces e UX
    • Edição/Produção de Vídeos
    • Marketing Online
    • Desenho, Ilustração e 3D
  • Entretenimento e uso pessoal
    • Geral
    • Segurança & Malwares
    • Gadgets e wearable
    • Softwares e Apps
    • Entretenimento

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


Google+


Hangouts


Skype


Twitter


deviantART


Github


Flickr


LinkedIn


Pinterest


Facebook


Site Pessoal


Localização


Interesses

Found 10 results

  1. marcelobbt

    GRID - DIV dentro de outra DIV

    Estava tentando criar um leiaute com o formato GRID, mas me deparei com um problema. Não consigo colocar DIV dentro de uma DIV do leiaute do GRID. Queria saber como faço isso. Abaixo segue exemplo onde no div "col2" queria colocar duas div, uma do lado da outra: CSS .gridcontainer { display: grid; justify-content: center; grid-template-columns: 1fr 3fr 3fr 3fr 1fr; grid-gap: 3px; } .gridcontainer > div { /*text-align: center;*/ padding: 10px; /*font-size: 20px;*/ } .esquerda { grid-row: 1 / 5; } .direita { grid-row: 1 / 5; grid-column: 5 / 5; } .principal { grid-column: 2 / 5; background-color: #ffffff; padding-left: 10px; } HTML <div class="gridcontainer"> <div class="principal"> <p>texto</p> </div> <div class="col1"> <p>texto</p> </div> <div class="col2"> <div class="esquerda"> <img src="..."> <p>Imagem legenda</p> </div> <div class="direita"> <p>Texto</p> </div> </div> </div>
  2. Boa tarde, Eu criei um container como o grid, e adicionei os grids filhos, dentro desses grids filhos adicionei algumas divs, até ai tudo fica perfeito, porém quando vou adicionar algum elemento dentro dele, como foto ou texto, ele se expande. Esse comportamento é normal?
  3. JoaoVituBR

    Grid se organizar

    Olá, Gostaria de saber como eu poderia fazer para que o grid com uma linha que contem uma imagem maior posse comportar duas menores a sua frente! Exemplo de como está: <--AUMENTOU A DIV! Exemplo de como eu gostaria que ficasse: Codigo Usado: (Bootstrap)
  4. ELIZANDRO MARCELLINO

    WHILE OU FOR PHP

    $sql = mysqli_query($db, "SELECT * from areas"); $sql4 = mysqli_query($db, "SELECT MAX(ID_AREA) as maxarea FROM `areas`"); $i=0; echo "<div class='table-responsive'>"; echo "<table class='table'>"; echo "<thead>"; echo "<tr>"; echo "<th scope='col'>#</th>"; echo " <th scope='col'>ID_Area</th>"; echo " <th scope='col'>Area</th>"; echo " <th scope='col'>DatadeCadastro</th>"; echo " <th scope='col'>Comentario</th>"; echo "</tr>"; echo "</thead>"; /*BUSCA NA TABELA OS DADOS PARA CARREGAR O GRID USANDO UM LOOP PARA CADA LINHA DO SELECT*/ //Se tiverem enviado um valor, confere se ele é par ou impar while($exibe = mysqli_fetch_assoc($sql)){ $i = $exibe["ID_Area"]; echo "<tbody class='thead-light'>"; echo "<tr><td><input type='radio' name='radio' value='$i' </td>"; echo "<td>". $exibe["ID_Area"]."</td>"; echo "<td>". $exibe["Area"]."</td>"; echo "<td>". $exibe["DatadeCadastro"]."</td>"; echo "<td>". $exibe["Comentario"]."</td>"; echo "</tr>"; echo "</tbody>"; } Tenho o seguinte codigo acima em html/php que monta um grid puxando os dados do banco de dados, tudo funciona bem , porem queria uma função de PAGINAÇÃO NO GRID <nav aria-label="Page navigation example"> <ul class="pagination"> <li class="page-item"><a class="page-link" href="#">Previous</a></li> <li class="page-item"><a class="page-link" href="#">1</a></li> <li class="page-item"><a class="page-link" href="#">2</a></li> <li class="page-item"><a class="page-link" href="#">3</a></li> <li class="page-item"><a class="page-link" href="#">Next</a></li> </ul> </nav> Minha pergunta e como fazer o php primeiro Limitar a seleção do banco de dados de 5 em 5 por pagina, sem necessidade de criar outros links , gostaria que ele só atualiza-se o grid utilizando o nav para navegar entre as paginas, me utlizei de alguns loopins mais nada adiantou alguém tem alguma luz
  5. hyper_pixel

    grid bootstrap

    Vi algumas estruturas bootstrap onde nas div se usava mais de uma marcacao de coluna ex: <div class="col-sm-4 col-xs-8 col-md-12"></div> Qual resultado disso? pelo que entendi são pra varias resoluções por que nao usar media queries?
  6. Olá a todos, Ainda estou a dar os primeiro passos no CSS...ainda! :P Procuro uma base de trabalho, forte, em grid (responsive). Algo onde eu posso estar descansado que essa base vai funcionar no maior número de browsers e telefones possíveis. Assim vou criando o meu ambiente css em cima dessa base! A primeira coisa que penso é no bootstrap. Mas para iniciantes, é o melhor? Existirão outras? Qual base aconselham? Consegui explicar bem a minha necessidade? Obrigado
  7. andreval

    php grid - indicação

    gostaria de alguma indicação de algum dataGrid para php - de facil manipulação, pois quero mudar toda base do sistema para grids, com edição, pesquisa, ordenação .... Grato pela ajuda.
  8. Tenho uma página com um layout em grid que funciona bem de forma responsiva. A estrutura básica é de 3 colunas com a janela maximizada. Colocando nas resoluções mobile fica uma coluna apenas, o que é perfeito. Meu problema é manter essa estrutura de 3 colunas na prática quando carrego conteúdo dinâmico vindo do banco de dados numa única div. Colocando na resolução mobile está ok, já que se alinha em uma única coluna. A imagem abaixo ilustra várias divs estáticas. Existe uma maneira de alinhar uma mesma div lado a lado como se fosse de conteúdo estático?
  9. Olá! Estou com um probleminha, espero que alguém possa me ajudar. Sou iniciante em php, fiz uma sistema de cadastro que se conecta a um banco (cadastra e consulta). O problema é que só consegui fazer a tabela em html (ou seja, é estática). Eu queria que, quando o usuário clicasse em uma linha da tabela as informações dessa linha sejam enviadas para os campos de texto. Agradeço antecipadamente.
  10. Boa tarde galera, tudo certo? Não sou muito experiente no mundo da web, portanto venho aqui pedir sugestões de como implementar um determinado mecanismo. - Primeiro vou explicar o processo: Possuo um cadastro / tabela no banco bem simples: ID, nome e ORDENAÇÃO. Este campo ordenação é o que define critério para que os registros sejam buscados / exibidos. É uma tabela que serve para categorizar itens dentro do sistema, e tais itens devem ser buscados com ORDER BY por este campo. Por exemplo: Tabela Categoria ID | Nome | Ordenacao 1 | Computadores | 1 2 | Mouses | 2 3 | Monitores | 3 Tabela Item ID | Nome | idCategoria (FK da outra tabela) 1 | Dell Inspiron | 1 2 | HP Mouse 3000 | 2 3 | Dell Optiplex | 1 1 | Smasung HDTV | 3 ... Desta forma eu busco os itens dando JOIN na categoria e ordenando pelo seu campo Ordenacao. SELECT * FROM item i JOIN categoria c ON c.id = i.idCategoria ORDER BY c.ordenacao Este processo no entanto não fica a encargo do programador ou administrador do sistema controlar, e sim de um determinado usuário, e num belo dia o usuário decide que os Monitores devem ser listados antes que os Mouses (sendo assim a ordenação deve ser invertida). --------------- - Aqui vem minha busca por sugestão de como fazer isso na web. A minha ideia inicial foi de uma espécie de Grid ou Table, em que o usuário possa arrastar as categorias para cima ou para baixo, e quando clicar em Salvar eu atualize o campo no banco de acordo com a ordem que ele deixou. Tem como fazer isso usando HTML e JS? Talvez não precise nem arrastar e soltar (apesar de que ficaria super legal), mas só uma forma de tabela onde pudesse mover para cima / baixo através de uns Buttons ou menu de contexto. Eu sei que o mais simples seria abrir o cadastro da categoria e alterar o campo Ordenação, mas ao meu ver parece um processo chato e não-moderno. Se alguém tiver outras sugestões de como fazer, fique a vontade. Grato desde já e obrigado pela atenção.
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.