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 13 results

  1. Artur Mendonça

    Texto na imagem

    Olá amigos. espero que estejam todos bem. Estou tentando criar uma galeria de imagens e colocar nestas um botão para votação (Gosto como no Facebook). Já consegui criar a galeria e colocar o Like nas imagens, mas acontece que quando as imagens passam para a linha de baixo o botão Like não acompanha a imagem. Junto uma imagem para exemplificar como está e como deveria ser. O CSS está assim h1 { text-align: center; color: forestgreen; margin: 30px 0 50px; } .container h2 { text-align: center; color: rgb(8, 8, 8); margin: 30px 0 50px; } .gallery { margin: 10px 50px; padding-right: 0px; padding-left: 0px; } .gallery img { width: 230px; padding: 0px; opacity: 0.5; filter: grayscale(10%); transition: 1s; margin-top: 10px; margin-left: 10px; margin-bottom: 10px; margin-right: 0px; border: 2px solid #ccc; border-radius: 10%; } .ilike { display: grid; border-radius: 10%; box-sizing: border-box; text-align: left; padding: 15px; font-size: 20px; vertical-align: top; position: absolute; z-index: 1000; margin-top: 10px; margin-left: 10px; overflow: hidden; color: white; } O código da página da galeria de fotos está assim: <div class="gallery"> <?php $sql = "SELECT * FROM tbl_gallery where aid=$aid"; $num_rows = mysqli_num_rows(mysqli_query($conectar, $sql)); $result = mysqli_query($conectar, $sql); while ($row = mysqli_fetch_array($result)) { $gimage = $row['gimages']; $fotoid = $row['gid']; $likes = $row['likes']; ?> <a href="páginapararegistarovoto" ?> "><i class="far fa-thumbs-up ilike" alt="Vote"> <?php echo $likes; ?> </i></a> <i class="inum" > <?php echo "Foto " . $fotoid; ?> </i> <?php echo "<a href='../fotos/$gimage' data-lightbox='mygallery' data-title='Foto n.º: $fotoid'><img src='../thumbnails/$gimage' class='pic'></a>"; } ?> </div>
  2. Sherlock02

    Posts em grid

    Olá! Eu estou tentando fazer um layout de postagem em que o primeiro ocupa a largura de 100%. Os demais são dispostos em grid, dois posts. (Vou anexar uma imagem para exemplificar o que desejo). Segue o código: .post:first-child{width:100%;position:relative;} .post{margin-bottom:60px;width:48.8%;float:left;background:#eee} .post:nth-child(2n+2){margin-right:30px;} <div id='mainwrapper'> <div class="post"> <div class="post-entry"> 1 Post com width 100%. Here goes my post. </div> </div> <div class="post"> <div class="post-entry"> 2. Post com width 48%. Here goes my post. </div> </div> <div class="post"> <div class="post-entry"> 3. Post com width 48%. Here goes my post. </div> </div> </div><!-- mainwrapper--> Esse código que fiz não me satisfez por completo porque o post da direita não "gruda" no canto, então está ficando desigual o primeiro e os demais. Eu gostaria de saber se não existe uma forma mais prática de fazer esse código. Obrigada!
  3. Alguém pode da uma ajuda para desenvolver um grid conforme a imagem, de 3 colunas e 6 items em cada coluna com pop up? Que seja responsivo? Tipo o anexo no topico, onde o oloca verde fica a imagem e a descrição alinhada a direita, e ao clicar no item, abre uma janela onde posso mostrar mais informações?
  4. quero gravar essa tela de cadastro inserindo 1 ou mais ocorrencias
  5. 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>
  6. 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?
  7. 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)
  8. 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
  9. 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?
  10. 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
  11. 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.
  12. 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?
  13. 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.
×

Important Information

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