Problemas com exibição de DIV'S e Código PHP

Venicius Back · Janeiro 9, 2016

Bom dia a todos, novamente precisando de ajuda rsrsr..

Estou começando com programação web (PHP+HTML+CSS), estou desenvolvendo um pequeno sistema web aqui para empresa na qual eu trabalho, aonde serão exibidos de um lado

(esquerdo) os itens cadastrados no sistema, e do lado direito a produção destes itens, porém não consigo deixar as duas opções lado a lado.

- Se eu excluír o código PHP do bloco de exibição da produção, funciona certinho, aparecem as duas div's uma do lado direito e outra do esquerdo como deveria

funcionar, porém se eu colocar de volta esse código bagunça com tudo, alguém saberia me dizer o porque ? Tenho quase certeza que o erro está neste código php porém não

sei dizer aonde!

Muito Obrigado a todos, desde já agradeço!

Att VB

<-- HTML + PHP -->


<--Bloco de exibição da produção -->

  <div class="tabelaExibeProducao"> Minerio:

            <?php
            include '../bd/conecta.php';
            $sqlProducao = "SELECT * FROM producao ";
            $queryProducao = mysql_query($sqlProducao);
            while ($exibeProducao = mysql_fetch_array($queryProducao)) {

                echo '<table>';

                echo '<tr>
            
            <td  >' . utf8_encode($exibeProducao['id']) . '</td>
            <td>' . utf8_encode($exibeProducao['produto']) . '</td>
           <td >' . utf8_encode($exibeProducao['quantidade']) . '</td>
                <tr></tr>
            </tr>';
            }
            ?>

        </div>

<--Bloco de exibição dos produtos -->

        <div  class="tabelaExibeProduto"  >Produto:

            <?php
            include '../bd/conecta.php';
            $sqlProduto = "SELECT * FROM produto ";
            $queryProduto = mysql_query($sqlProduto);

            while ($exibeProduto = mysql_fetch_array($queryProduto)) {

                echo '<table>';

                echo '<tr>
            
            <td >' . utf8_encode($exibeProduto['id'] . " ------") . '</td>
            <td>' . utf8_encode($exibeProduto['nome']) . '</td>
           
                <tr></tr>
            </tr>';
            }
            ?>

        </div>


<-- CSS -->

.modal-footer {   border-top: 0px; }



#menuTopo a{

    border-style:solid;
    border-color: #31b0d5;
    color: #000;
    padding: 15px;
    margin-right: 5px;
    font-size: 20px;
    font-family: cursive;

}

#saudacao{
    font-size: 16px;
    font-family: serif;
    color: #000;
    text-align: center;


}

.tabelaFormularioProduto {
    margin-left: 20px;
    margin-right: 5px;
    border-collapse: separate;
    border-spacing: 10px;
    table-layout: auto;
    overflow: auto;
}


.tabelaExibeProduto{
    float: left;
    width: 30%;
    background: #dff0d8;
    //  font-size: 14px;
    //  text-align: center;
    //  padding: 1px;
    //  margin-left: 20px;
    //  border-collapse: separate;
    //  border-spacing: 2px;
    //  table-layout: auto;
    //  overflow: auto;


}
.tabelaExibeProducao{
    float:right;
    width: 30%;
    background: #67b168;
    //  font-size: 14px;
    //  text-align: center;
    //  padding: 1px;
    // margin-left: 20px;
    //border-collapse: separate;
    //border-spacing: 2px;
    //table-layout: auto;
    //overflow: auto;

}

Junior Varoni · Janeiro 10, 2016

Verifica o fechamento da table primeiro.

Venicius Back · Janeiro 11, 2016

Bom dia amigo, não tinha percebido realmente sobre as tags de fechamento da tabela, obrigado!
Porém o problema persiste... Alguma outra sugestão que possa ser adotada ?

Muito Obrigado!
Att VB

William Bruno · Janeiro 11, 2016

O fechamento das trs está errado tb. Remova essa linha:

<tr></tr>

e poste novamente como ficou o seu código agora. (após as duas modificações sugeridas)

Venicius Back · Janeiro 11, 2016

No fechamento da tabela já tentei o seguinte
- '</table>';
- "</table>";
- echo "</table>";
- echo '</table>';

Sem sucesso..

Att VB

<-- HTML + PHP -->

<--Bloco de exibição da produção -->

  <html>
    <head>
        <meta http-equiv="content-type" content="text/html; charset=UTF-8">
        <meta charset="utf-8">
        <title>Pedido dos Produtos</title>
        <link href="../css/bootstrap.min.css" rel="stylesheet">
        <link href="../css/style.css" rel="stylesheet">
        <script src="../js/validaFormProducao.js"></script>

    </head>
    <body>


        <div class="panel panel-default" id="menuTopo">
            <div class="panel-body">
                <ul class="nav nav-pills nav-justified">
                    <li class="active"><a href="userIndex.php">Home</a></li>
                    <li ><a href="userProducao.php">Produção</a></li>
                    <li><a href="../sair.php">Sair</a></li>
                </ul>
            </div>
        </div>



        <div class="panel-body">
            <form action="../bd/insertProducao.php" method="POST" name="producao" onSubmit="return enviardados()" >
                <table border="0" class="tabelaFormularioProduto">
                    <tr><td align=center><label for="nome">Produto :</label></td>
                        <td align=center><label for="nome">Quantidade :</label>
                    </tr>
                    <tr><td><input type="text" class="form-control" name="produto" id="produto"  autofocus=""></td>
                        <td><input type="text" class="form-control" name="quantidade" id="quantidade" ></td></tr>
                    <tr><td></td><td align="center"><input class = "btn btn-primary btn-sm" type = "submit" value = "OK" name = "envia">
                            <input class = "btn btn-primary btn-sm" type = "reset" value = "Limpar" name = "limpa"></td></tr>



                </table>
            </form>

        </div>

<!-- BLOCO DE EXIBIÇAO DOS PRODUTOS -->
        <div  class="tabelaExibeProduto"  >Produto:

            <?php
            include '../bd/conecta.php';
            $sql = "SELECT * FROM produto ";
            $query = mysql_query($sql);

            while ($exibe = mysql_fetch_array($query)) {

                echo '<table class="tabelaExibeProduto" >';

                echo '<tr>
            
            <td >' . utf8_encode($exibe['id'] . " ------") . '</td>
            <td>' . utf8_encode($exibe['nome']) . '</td>
           
               
            </tr>';
            }
            echo '</table>';
            ?>

        </div>



<!-- BLOCO DE EXIBIÇAO DA PRODUCAO -->
        <div class="tabelaExibeProducao"> Producao:

            <?php
            include '../bd/conecta.php';
            $sqlProducao = "SELECT * FROM producao ";

            $queryProducao = mysql_query($sqlProducao);
            while ($exibeProducao = mysql_fetch_array($queryProducao)) {

                echo '<table class="tabelaExibeProducao">';

                echo '<tr>
            
            <td  >' . utf8_encode($exibeProducao['id']) . '</td>
            <td>' . utf8_encode($exibeProducao['produto']) . '</td>
            <td >' . utf8_encode($exibeProducao['quantidade']) . '</td>
               
             
            </tr>';
                echo '</table>';
            }
            ?>

        </div>




    </body>
</html>


<-- CSS -->

.modal-footer {   border-top: 0px; }


#menuTopo a{

    border-style:solid;
    border-color: #31b0d5;
    color: #000;
    padding: 15px;
    margin-right: 5px;
    font-size: 20px;
    font-family: cursive;

}

#saudacao{
    font-size: 16px;
    font-family: serif;
    color: #000;
    text-align: center;


}

.tabelaFormularioProduto {
    margin-left: 20px;
    margin-right: 5px;
    border-collapse: separate;
    border-spacing: 10px;
    table-layout: auto;
    overflow: auto;
}


.tabelaExibeProduto{
    float: left;
    width: 30%;
    background: #dff0d8;
    //  font-size: 14px;
    //  text-align: center;
    //  padding: 1px;
    //  margin-left: 20px;
    //  border-collapse: separate;
    //  border-spacing: 2px;
    //  table-layout: auto;
    //  overflow: auto;


}
.tabelaExibeProducao{
    float:right;
    width: 30%;
    background: #67b168;
    //  font-size: 14px;
    //  text-align: center;
    //  padding: 1px;
    // margin-left: 20px;
    //border-collapse: separate;
    //border-spacing: 2px;
    //table-layout: auto;
    //overflow: auto;

}

William Bruno · Janeiro 11, 2016

É isso ai, só que DENTRO do while:

while ($exibe = mysql_fetch_array($query)) {
           echo '<table>';
           echo '<tr>
              <td >' . utf8_encode($exibe['id'] . " ------") . '</td>
              <td>' . utf8_encode($exibe['nome']) . '</td>
              </tr>';
           echo '</table>';
}

E a tag TABLE não deve ter nenhuma classe.

Venicius Back · Janeiro 11, 2016

Opa isso acho que foi um erro de digitação apenas, mesmo assim não funciona... =/

Você testou esse código ai e ele funcionou ?

Att VB

William Bruno · Janeiro 11, 2016

Não tenho como testar, pq não tenho o teu banco de dados.

Você tirou a classe da tag table?

Venicius Back · Janeiro 12, 2016

Bom dia, amigos resolveu o problema sim, depois de tanto mudar acabei modificando o nome do arquivo do css. E na confusão esqueci de alterar na página ( Coisas de iniciante), porém muito obrigado pela ajuda de todos..

Att VB

Arquivado

Problemas com exibição de DIV'S e Código PHP

Recommended Posts

Venicius Back 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Junior Varoni 9

Compartilhar este post

Link para o post

Compartilhar em outros sites

Venicius Back 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

William Bruno 1501

Compartilhar este post

Link para o post

Compartilhar em outros sites

Venicius Back 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

William Bruno 1501

Compartilhar este post

Link para o post

Compartilhar em outros sites

Venicius Back 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

William Bruno 1501

Compartilhar este post

Link para o post

Compartilhar em outros sites

Venicius Back 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Alteracao Tema Wordpress Profolio

Alteracao Tema Wordpress Profolio

Alteracao Tema Wordpress Profolio

Fóruns

Tempo Real

Informação importante