продолжает добавлять маржу после каждого sql результата - PullRequest
Новая
       4

продолжает добавлять маржу после каждого sql результата

0 голосов
/ 22 апреля 2020

У меня есть большая проблема, и я надеюсь, что кто-то может мне помочь, я создал платформу, где администраторы могут отвечать на заявки, но когда билет получен, он автоматически генерирует верхнюю часть тела результатов. Поэтому, когда новый билет получен, он добавляет больше маржи. Я добавил скриншоты, чтобы сделать его более понятным. Извините за грязный код: oi всегда оптимизировать и сделать его более безопасным, когда я подхожу к финальной стадии:)

Общий обзор билетов `

<?php
//starten van sessie 
session_start();
//declaratie van sessie variabelen
$status = $_SESSION['account_status'];
if(!isset($_SESSION['username']))
{
    header("Location: ../index.php");    
}else {

    if ($status == '1'){
//admin waarde ophalen
require('../procces_files/admin_waarde_ophalen.php');
?>
<!DOCTYPE html>
<html>
<head>
<title>-</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="../css/style.scss" rel="stylesheet" type="text/css"/>
<header class="header">
  <a href="" class="logo">Support</a>
  <input class="menu-btn" type="checkbox" id="menu-btn" />
  <label class="menu-icon" for="menu-btn"><span class="navicon"></span></label>
  <ul class="menu">
  <li><a href="index.php"> Open tickets</a></li>
  <?php if($admin2 == 1) { ?><li><a href="../procces_files/gesloten_tickets.php">Gesloten tickets</a></li><?php }
            if($admin2 == 0) { ?><li><a href="../ticket_aanmaken/index.php">Ticket aanmaken</a></li><?php }
            if($admin2 == 0) { ?><li><a href="../faq/index.php">FAQ</a></li><?php   }?>
            <li><a href="../procces_files/uitloggen.php">Uitloggen</a></li>
  </ul>
</header>
<body>
<div id="lichaam2">
    <img id="flexa-logo3" src="../img/flexa.png" alt="flexamedia logo"/>
 <?php
//if user is a 'admin'
    if($admin2 == 1) {

        //retrieving tickets 'telefonie'
        ?><section id="cat-container"><div id="telefonie"><?php
        //file voor overzicht tickets alle gebruikers
        require('../procces_files/ticket_overzicht_telefonie.php');
        ?></div><?php


        //retrieving tickets 'website-onderhoud'
        ?><div id="website"><?php
        //file voor overzicht tickets alle gebruikers
        require('../procces_files/ticket_overzicht_website.php');
        ?></div><?php


        //retrieving tickets 'ICT-helpdesk'
        ?><div id="ict"><?php
        //file voor overzicht tickets alle gebruikers
        require('../procces_files/ticket_overzicht_ict.php');
        ?></div></section><?php
    }
    //if user is a 'normal user'
    if($admin2 == 0) {
        ?><div id="blok-container2"><?php
        //file voor overzicht tickets per gebruiker
    require('../procces_files/ticket_overzicht_per_gebruiker.php');
    ?></div><?php
    }

?>
</div>
</body>
</html>
<?php }else {
    header('location: ../procces_files/account_niet_geactiveerd.php');
}} ?>

требуется код для получения билетов 'telefon ie' 

<?php
//checkt of een ticket recent is verwijderd, zoja? laat dan tekst zien
if (!isset($_SESSION['message'])){
    $_SESSION['message'] = ' ';
};
if ($_SESSION['message'] == 'Ticket verwijderd') {
?><script>alert('U heeft de ticket verwijderd');</script> <?php
$_SESSION['message'] = ' ';
}
//database configuratie file
require('dbconfig.php');

//admin waarde ophalen
require('../procces_files/admin_waarde_ophalen.php');
//beveiliging dat voorkomt dat 'geen admin' gebruikers dit bestand kunnen uitvoeren en tickets kunnen verwijderen
if ($admin2 == '1') {


$username = $_SESSION['username'];

//verwerking ophalen tickets per gebruiker en voor elke afdeling
$showTicketsQuery = "SELECT * FROM tickets order by id DESC";
$result = mysqli_query($mysqli, $showTicketsQuery) or die(mysqli_error($result));

?>
<h1>Telefonie</h1>
<table>
<div class='ticket'><tr><th><b>Ticket NR</b></th><th><b>Naam:</b></th><th><b>Onderwerp</b></th><th><b>Debiteur</b></th><th><b>Acties</b></th></tr>
<?php
while($row = mysqli_fetch_array($result)) 
{  
    if ($row['status'] == '0'){
       if ($row['afdeling'] == 'Telefonie'){
    //een table met ticket resultaten
     echo "<tr><td>" . $row['id'] . "</td>" . "<td>" . $row['naam'] . "</td><td>" . $row['onderwerp'] . "</td><td>" . $row['maker']   . "</td><td>" . '<a class="naarticket" onclick="test" href="../procces_files/ticket_verwijder_procces.php?del=' . $row['id'] . '">del</a>' . '<br><a class="naarticket" href="../procces_files/ticket_overley.php?view=' . $row['id'] . '"' . ';>inzien</a>' . '<br><a class="naarticket" href="../procces_files/ticket_status_update.php?sluit=' . $row['id'] . '"' . ';>sluit</a>' . "</td></tr><BR><BR></div>";
}
}}
?>
</table>
<?php
}else {
    echo '<h2 style="color:red;">ACCES DENIED <br>Deze site is beveiligd tegen dit soort dingen :)</h2>';
}
?>

сайт получения билетов 

<?php
//checkt of een ticket recent is verwijderd, zoja? laat dan tekst zien
if (!isset($_SESSION['message'])){
    $_SESSION['message'] = ' ';
};
if ($_SESSION['message'] == 'Ticket verwijderd') {
?><script>alert('U heeft de ticket verwijderd');</script> <?php
$_SESSION['message'] = ' ';
}
//database configuratie file
require('dbconfig.php');

//admin waarde ophalen
require('../procces_files/admin_waarde_ophalen.php');
//beveiliging dat voorkomt dat 'geen admin' gebruikers dit bestand kunnen uitvoeren en tickets kunnen verwijderen
if ($admin2 == '1') {

$username = $_SESSION['username'];

//verwerking ophalen tickets per gebruiker en voor elke afdeling
$showTicketsQuery = "SELECT * FROM tickets order by id DESC";
$result = mysqli_query($mysqli, $showTicketsQuery) or die(mysqli_error($result));

?>
<h1>Website Onderhoud</h1>
<table>
<div class='ticket'><tr><th><b>Ticket NR</b></th><th><b>Naam:</b></th><th><b>Onderwerp</b></th><th><b>Debiteur</b></th><th><b>Acties</b></th></tr>
<?php
while($row = mysqli_fetch_array($result)) 
{  
    if ($row['status'] == '0'){
       if ($row['afdeling'] == 'Website-onderhoud'){
    //een table met ticket resultaten
     echo "<tr><td>" . $row['id'] . "</td>" . "<td>" . $row['naam'] . "</td><td>" . $row['onderwerp'] . "</td><td>" . $row['maker']   . "</td><td>" . '<a class="naarticket" onclick="test" href="../procces_files/ticket_verwijder_procces.php?del=' . $row['id'] . '">del</a>' . '<br><a class="naarticket" href="../procces_files/ticket_overley.php?view=' . $row['id'] . '"' . ';>inzien</a>' . '<br><a class="naarticket" href="../procces_files/ticket_status_update.php?sluit=' . $row['id'] . '"' . ';>sluit</a>' . "</td></tr><BR><BR></div>";
}
}}
?>
</table>
<?php

}else {
    echo '<h2 style="color:red;">ACCES DENIED <br>Deze site is beveiligd tegen dit soort dingen :)</h2>';
}
?>

Получение билетов 'ict' 

<?php
//checkt of een ticket recent is verwijderd, zoja? laat dan tekst zien
if (!isset($_SESSION['message'])){
    $_SESSION['message'] = ' ';
};
if ($_SESSION['message'] == 'Ticket verwijderd') {
?><script>alert('U heeft de ticket verwijderd');</script> <?php
$_SESSION['message'] = ' ';
}
//database configuratie file
require('dbconfig.php');

//admin waarde ophalen
require('../procces_files/admin_waarde_ophalen.php');
//beveiliging dat voorkomt dat 'geen admin' gebruikers dit bestand kunnen uitvoeren en tickets kunnen verwijderen
if ($admin2 == '1') {


$username = $_SESSION['username'];

//verwerking ophalen tickets per gebruiker en voor elke afdeling
$showTicketsQuery = "SELECT * FROM tickets order by id DESC";
$result = mysqli_query($mysqli, $showTicketsQuery) or die(mysqli_error($result));

?>
<h1>ICT-Helpdesk</h1>
<table>
<div class='ticket'><tr><th><b>Ticket NR</b></th><th><b>Naam:</b></th><th><b>Onderwerp</b></th><th><b>Debiteur</b></th><th><b>Acties</b></th></tr>
<?php
while($row = mysqli_fetch_array($result)) 
{  
    if ($row['status'] == '0'){
       if ($row['afdeling'] == 'ICT-Helpdesk'){
    //een table met ticket resultaten
     echo "<tr><td>" . $row['id'] . "</td>" . "<td>" . $row['naam'] . "</td><td>" . $row['onderwerp'] . "</td><td>" . $row['maker']   . "</td><td>" . '<a class="naarticket" onclick="test" href="../procces_files/ticket_verwijder_procces.php?del=' . $row['id'] . '">del</a>' . '<br><a class="naarticket" href="../procces_files/ticket_overley.php?view=' . $row['id'] . '"' . ';>inzien</a>' . '<br><a class="naarticket" href="../procces_files/ticket_status_update.php?sluit=' . $row['id'] . '"' . ';>sluit</a>' . "</td></tr><BR><BR></div>";
}
}}
?>
</table>
<?php


}else {
    echo '<h2 style="color:red;">ACCES DENIED <br>Deze site is beveiligd tegen dit soort dingen :)</h2>';
}
?>


@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@1,300&display=swap');
* {
  font-family: 'Open Sans', sans-serif;
  text-decoration: none;
  overflow: none;
}
  @media only screen and (max-width: 767px) {

    body {
      background-color: #2d3e56;
      }
    
    #blok-container2 {
      background-color: #2d3e56;
       position: absolute;
       margin-top: 300px;
       width: 90%;
       min-height: 400px;
       color: white;
       margin-left: 20px;

    } 
    .naarticket {
      color: white;
    }
   
    #blok-container-aanmaakform {
      background-color: #2d3e56;
      margin-top: 560px;
      width: 100%;
    } 
    #blok-container-overview {
      background-color: #2d3e56;
      margin-top: 720px;
      width: 100%;
      color: white;
    } 
    #blok-container-faq {
      background-color: #2d3e56;
      margin-top: 180px;
      width: 100%;
      color: white;
      text-align: center;
    } 
    #blok-container-admin-tickets {
    background-color: #2d3e56;
       position: absolute;
       margin-top: 120px;
       width: 90%;
       min-height: 400px;
       color: white;
    }

    .textfield {
     
      width: 90%;
      height: 200px;
      margin-left: 10px;
      background-color:#2d3e56 ;
      border-right: none;
      border-left: none;
      border-top: none;
      border-bottom: solid grey 1px;
      color: white;
      padding: 10px;
      font-size: 24px;
    }
    .verwerkknoppen {
      margin-top: 5px;
      color: white;
    }

    #flex-container {
      display: flex;
      border-bottom: solid grey 1px;
      margin-bottom: 5px;
      padding-bottom: 5px;
    }
    #bijlageinfo {
      float: right;
      overflow:scroll; 
      height:85px;
    }
    #ticketinfos {
      width: 320px;
    }
    form {
      margin-top: 50px;
    }
    #overview-reply-textarea {
      width: 90%;
      height: 50px;
      margin-left: 10px;
      background-color:#2d3e56 ;
      border-right: none;
      border-left: none;
      border-top: none;
      border-bottom: solid grey 1px;
      color: white;
      padding: 10px;
      font-size: 24px;
    }
    #berichten {
      overflow:scroll; height:300px;
    }

    .velden {
      width: 90%;
      margin-left: 10px;
      background-color:#2d3e56 ;
      border-right: none;
      border-left: none;
      border-top: none;
      border-bottom: solid grey 1px;
      color: white;
      padding: 10px;
      font-size: 24px;
      
    }
    #blok-container {
      width: 350px;
     
    }
    
    #blok-container-register {
      width: 350px;
      margin-top: -40px;
       
      
    }
    #flexa-logo {
      width: 150px;
      justify-content: center;
      justify-self: center;
    }
    #flexa-logo-reg {
      width: 150px;
      justify-content: center;
      justify-self: center;
      margin-top: 200px;
      
    }
    #flexa-logo3 {
      display: none;
    }
    #lichaam {
      margin-left: 20px;
      margin-right: 20px;
      display: flex;
      flex-direction: column;
      height: 500px;
      align-items: center;
      justify-content: center;
    }
    #lichaam2 {
      margin-left: 10px;
      margin-right: 10px;
      display: flex;
      flex-direction: column;
      height: 30px;
      align-items: center;
      justify-content: center;
    
    }
    .voorwaarde-tekst {
      color: white;
      
    }
    .voorwaarde-link {
      color: white;
      text-decoration-line: underline !important;
    }
    .submitknop {
      background-color: grey;
      color: white;
      width: 140px;
      height: 50px;
      border: none;
      font-size: 20px;
      margin-left: 100px;
      margin-top: 2px;

    }
    .aanmeldtekst {
      color: white;
      text-align: center;
    }
#register {
  color: white;
  text-decoration-line: underline !important;
}
table, th, td {
  border-right: none;
  border-left: none;
  border-top: none;
  border-bottom: solid grey 1px;



}
th, td {
  padding: 5px;
  
}
th {
  text-align: left;
  
}
#tabel {
  margin-left: 10px;
  margin-right: 10px;
  top: 0;
  bottom: 0;
}

  //deactivatie scrollbars

#ticket2::-webkit-scrollbar { width: 0 !important }
#berichten::-webkit-scrollbar { width: 0 !important }
  


  }
  @media only screen and (min-width: 768px) {

    body {
      background-color: #2d3e56;
   
    }
      #alletickers {
        position: absolute;
        margin-top: 400px;
      }
    
    #blok-container2 {
      background-color: #2d3e56;
      position: absolute;
      margin-top: 270px;
      width: 90%;
      height: 100px;
      color: white;
      justify-content: center;
      justify-self: center;
      display: flex;

    } 
    .naarticket {
      color: white;
    }
   
    #blok-container-aanmaakform {
      background-color: #2d3e56;
      margin-top: 560px;
      width: 100%;
    } 
    #blok-container-overview {
      background-color: #2d3e56;
      margin-top: 1100px;
      width: 100%;
      color: white;
    } 
    #blok-container-faq {
      background-color: #2d3e56;
      margin-top: 180px;
      width: 100%;
      color: white;
      text-align: center;
    } 
    #blok-container-admin-tickets {
    background-color: #2d3e56;
       position: absolute;
       margin-top: 820px;
       width: 90%;
      //  overflow:scroll; 
       min-height: 400px;
       color: white;
      
    }
#cat-container {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-areas: 'item1 item2 item3';
  margin-top: 450px;
  z-index: 70;
}
#telefonie {
grid-area: item1;
}
#website {
grid-area: item2;
}
#ict {
grid-area: item3;
}
grid-area: alletickets;
    .textfield {
     
      width: 97.5%;
      height: 200px;
      margin-left: 10px;
      background-color:#2d3e56 ;
      border-right: none;
      border-left: none;
      border-top: none;
      border-bottom: solid grey 1px;
      color: white;
      padding: 10px;
      font-size: 24px;
    }
    .verwerkknoppen {
      margin-top: 5px;
      color: white;
    }

    #flex-container {
      display: flex;
      border-bottom: solid grey 1px;
      margin-bottom: 5px;
      padding-bottom: 5px;
    }
    #bijlageinfo {
      float: right;
      margin-left: 100px;
      overflow:scroll; 
      height:85px;
      min-width: 400px;
    }
    form {
      margin-top: 50px;
    }
    #overview-reply-textarea {
      width: 90%;
      height: 50px;
      margin-left: 10px;
      background-color:#2d3e56 ;
      border-right: none;
      border-left: none;
      border-top: none;
      border-bottom: solid grey 1px;
      color: white;
      padding: 10px;
      font-size: 24px;
    }
    #berichten {
      overflow:scroll; height:700px;
    }

    .velden {
      width: 97.5%;
      margin-left: 10px;
      background-color:#2d3e56 ;
      border-right: none;
      border-left: none;
      border-top: none;
      border-bottom: solid grey 1px;
      color: white;
      padding: 10px;
      font-size: 24px;
      
    }
    #blok-container {
      width: 350px;
     
    }
    
    #blok-container-register {
      width: 350px;
      margin-top: -40px;
       
      
    }
    #flexa-logo {
      width: 150px;
      justify-content: center;
      justify-self: center;
    }
    #flexa-logo-reg {
      width: 150px;
      justify-content: center;
      justify-self: center;
      margin-top: 200px;
      
    }
    #flexa-logo3 {
      display: none;
    }
    #lichaam {
      margin-left: 20px;
      margin-right: 20px;
      display: flex;
      flex-direction: column;
      height: 500px;
      align-items: center;
      justify-content: center;
    }
    #lichaam2 {
      margin-left: 10px;
      margin-right: 10px;
      display: flex;
      flex-direction: column;
      height: 30px;
      align-items: center;
      justify-content: center;
    
    }
    .voorwaarde-tekst {
      color: white;
      
    }
    .voorwaarde-link {
      color: white;
      text-decoration-line: underline !important;
    }
    .submitknop {
      background-color: grey;
      color: white;
      width: 140px;
      height: 50px;
      border: none;
      font-size: 20px;
      margin-left: 100px;
      margin-top: 2px;


    }
    .aanmeldtekst {
      color: white;
      text-align: center;
    }
#register {
  color: white;
  text-decoration-line: underline !important;
}
table, th, td {
  border-right: none;
  border-left: none;
  border-top: none;
  border-bottom: solid grey 1px;
}
th, td {
  padding: 5px;
}
th {
  text-align: left;
}
#tabel {
  margin-left: 10px;
  margin-right: 10px;
}
  /*deactivatie van scrollbar*/

  #ticket2::-webkit-scrollbar { width: 0 !important }
  #berichten::-webkit-scrollbar { width: 0 !important }
  }

  //css voor mobile + desktop menu
  body {
    margin: 0;
    font-family: Helvetica, sans-serif;
    background-color: #f4f4f4;
  }
  
  a {
    color: #000;
  }
  
  /* header */
  
  .header {
    background-color: #fff;
    box-shadow: 1px 1px 4px 0 rgba(0,0,0,.1);
    position: fixed;
    width: 100%;
    z-index: 3;
  }
  
  .header ul {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
    background-color: #fff;
  }
  
  .header li a {
    display: block;
    padding: 20px 20px;
    border-right: 1px solid #f4f4f4;
    text-decoration: none;
  }
  
  .header li a:hover,
  .header .menu-btn:hover {
    background-color: #f4f4f4;
  }
  
  .header .logo {
    display: block;
    float: left;
    font-size: 2em;
    padding: 10px 20px;
    text-decoration: none;
  }
  
  /* menu */
  
  .header .menu {
    clear: both;
    max-height: 0;
    transition: max-height .2s ease-out;
  }
  
  /* menu icon */
  
  .header .menu-icon {
    cursor: pointer;
    display: inline-block;
    float: right;
    padding: 28px 20px;
    position: relative;
    user-select: none;
  }
  
  .header .menu-icon .navicon {
    background: #333;
    display: block;
    height: 2px;
    position: relative;
    transition: background .2s ease-out;
    width: 18px;
  }
  
  .header .menu-icon .navicon:before,
  .header .menu-icon .navicon:after {
    background: #333;
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    transition: all .2s ease-out;
    width: 100%;
  }
  
  .header .menu-icon .navicon:before {
    top: 5px;
  }
  
  .header .menu-icon .navicon:after {
    top: -5px;
  }
  
  /* menu btn */
  
  .header .menu-btn {
    display: none;
  }
  
  .header .menu-btn:checked ~ .menu {
    max-height: 240px;
  }
  
  .header .menu-btn:checked ~ .menu-icon .navicon {
    background: transparent;
  }
  
  .header .menu-btn:checked ~ .menu-icon .navicon:before {
    transform: rotate(-45deg);
  }
  
  .header .menu-btn:checked ~ .menu-icon .navicon:after {
    transform: rotate(45deg);
  }
  
  .header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before,
  .header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {
    top: 0;
  }
  
  /* 48em = 768px */
  
  @media (min-width: 48em) {
    .header li {
      float: left;
    }
    .header li a {
      padding: 20px 30px;
    }
    .header .menu {
      clear: none;
      float: right;
      max-height: none;
    }
    .header .menu-icon {
      display: none;
    }
  }

Вот приложение на скриншоте, как вы можете видеть на первом скриншоте, мы еще не получили новый билет

нажмите для на скриншоте

на следующем скриншоте мы получили тикет, и он автоматически создает поле сверху .. нажмите на скриншот

и снова после получения другого тикет, сгенерировано больше поля сверху Нажмите на скриншот

Ответы [ 2 ]

0 голосов
/ 22 апреля 2020

Что нужно учесть.

Вы проверили, что html обработано для ошибки php? Вы можете сделать это с помощью Firefox / Chrome / Opera / Safari «Проверить элемент» и выполнить поиск «php error»

Иногда моя страница отображается не выровненной, потому что у меня отображается ошибка php в пределах HTML страницы

0 голосов
/ 22 апреля 2020

Неверный HTML, который вы создаете, вызывает вашу проблему здесь.

Это не фактический margin в CSS смысле - это те элементы br, которые вы поместили в положение, где они не разрешены.

Ваш код, сведенный к необходимым битам, в основном равен 

<table>
<div class='ticket'><tr><th>foobar</th></tr><BR><BR></div>
<div class='ticket'><tr><th>foobar</th></tr><BR><BR></div>
<div class='ticket'><tr><th>foobar</th></tr><BR><BR></div>
</table>

Если вы используете инспектор элементов вашего браузера, чтобы увидеть, какой DOM он создал на основе этого вы, скорее всего, увидите что-то похожее на следующее (это из Chrome, но другие HTML5 совместимые браузеры должны обрабатывать это почти так же): 

<div class="ticket"></div>
<br>
<br>
<div class="ticket"></div>
<br>
<br>
<div class="ticket"></div>
<br>
<br>
<table>
<tbody>
<tr><th>foobar</th></tr>
<tr><th>foobar</th></tr>
<tr><th>foobar</th></tr>
</tbody>
</table>

Итак, вам нужно исправить ваш сломанный HTML здесь.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...