テーブルに空きがあります

私のデータベースの内容の一部でいっぱいのテーブルのPHPコードに少し問題があります。私はdiv内のテーブルからすべての登録を分離しようとしました。 2番目と3番目の登録欄に表示されているスペースを取り除くために何ができますか？テーブルに空きがあります

表の例：

Table example

<?php 
$selected = $DBcon->query("SELECT * FROM lucrari, editors"); 
while($row = mysqli_fetch_array($selected)){ 
    echo '<div class="lucrare">'; 
    echo '<table class="tabel_lucrari">'; 
    echo '<tr>'; 
    echo '<th><div class="titlu_lucrare"><a href="lucrare.php?id_lucrare='.$row['id_lucrare'].'"'.'>'.$row['titlu'].'</a></div></th>'; 
    echo '<th></th>'; 
    echo '<tr>'; 
    echo '<tr>'; 
    echo '<td rowspan="3">'.'<img src="'.$row['avatar'].'">'.'</td>'; 
    echo '<td><div class="text_lucrare">Autor:&nbsp;</div>'.$row['autor'].'</td>'; 
    echo '</tr>'; 
    echo '<tr>'; 
    echo '<td><div class="text_lucrare">Disciplina:&nbsp;</div>'.$row['disciplina'].'</td>'; 
    echo '</tr>'; 
    echo '<tr>'; 
    echo '<td>'.'<div class="text_lucrare">Data postarii:&nbsp;</div>'.$row['data'].'</td>'; 
    echo '</tr>'; 
    echo '</table>'; 
    echo '</div>'; 
    echo '<br>'; 
} 
?>

出典

2017-05-10 Catalin Avasiloaie

あなたは私たちにレンダリングされたHTML + CSSを示すことができた？... –

がレンダリングされたHTML（ないPHP）とスニペットで、既存のCSSを表示してください。「Run code snippet」をクリックすると何も起こりません。 –

本当に申し訳ありませんが、私はこれをすることはできません。私は自分のコードを「実際に」表示するために画像を添付しました。 –

あなたavatarがどこにあるか、あなたのthタグの幅がtdよりも大きいので、ホワイトスペースが生じます。したがって、列全体がサイズ変更されます。

colspanにthの要素を追加すると問題はありません。

<th colspan="2"><div class="titlu_lucrare"> 
    <a href="lucrare.php?id_lucrare='.$row['id_lucrare'].'"'.'>'.$row['titlu'].'</a></div> 
</th>

出典

2017-05-10 15:50:56 mxr7350

ありがとう！私は解決した。 –

@CatalinAvasiloaie歓声 – mxr7350

あなたが各テーブルの間の空間について話している場合は、これを行うには：

は終わりecho '<br>';を削除します。

あなたはまだスペースが次のことを試してみる場合：更新

.lucrare { 
    margin-top: 0; 
    margin-bottom: 0; 
    padding-top: 0; 
    padding-bottom: 0; 
}

CSSを追加します。私は、拡張テーブルのタイトルとあなたの問題を参照してください、あなたが行われたら、あなたは常にそれを削除し、デバッグには、このCSSを使用することができます：

table, th, td { 
    border: 1px solid black; 
}

このようにすれば、簡単に問題を確認できます。 colspan="2"を使用してください。境界線がある場合は、空の<th></th>を削除する必要があります。

table, th, td { 
 
    border: 1px solid black; 
 
}

<div class="lucrare"> 
 
    <table class="tabel_lucrari"> 
 
    <tr> 
 
     <th> 
 
     <div class="titlu_lucrare"><a href="lucrare.php?id_lucrare='.$row['id_lucrare'].'" '.'>'.$row['titlu'].'</a></div> 
 
     </th> 
 
     <th></th> 
 
     <tr> 
 
     <tr> 
 
      <td rowspan="3">'.'<img src="'.$row['avatar'].'">'.'</td> 
 
      <td> 
 
      <div class="text_lucrare">Autor:&nbsp;</div>'.$row['autor'].'</td> 
 
     </tr> 
 
     <tr> 
 
      <td> 
 
      <div class="text_lucrare">Disciplina:&nbsp;</div>'.$row['disciplina'].'</td> 
 
     </tr> 
 
     <tr> 
 
      <td> 
 
      <div class="text_lucrare">Data postarii:&nbsp;</div>'.$row['data'].'</td> 
 
     </tr> 
 
    </table> 
 
</div> 
 
<br> 
 

 
<div class="lucrare"> 
 
    <table class="tabel_lucrari"> 
 
    <tr> 
 
     <th> 
 
     <div class="titlu_lucrare"><a href="lucrare.php?id_lucrare='.$row['id_lucrare'].'" '.'>This Title is too long...Sorry!</a></div> 
 
     </th> 
 
     <th></th> 
 
     <tr> 
 
     <tr> 
 
      <td rowspan="3">'.'<img src="'.$row['avatar'].'">'.'</td> 
 
      <td> 
 
      <div class="text_lucrare">Autor:&nbsp;</div>'.$row['autor'].'</td> 
 
     </tr> 
 
     <tr> 
 
      <td> 
 
      <div class="text_lucrare">Disciplina:&nbsp;</div>'.$row['disciplina'].'</td> 
 
     </tr> 
 
     <tr> 
 
      <td> 
 
      <div class="text_lucrare">Data postarii:&nbsp;</div>'.$row['data'].'</td> 
 
     </tr> 
 
    </table> 
 
</div> 
 
<br> 
 
<div class="lucrare"> 
 
    <table class="tabel_lucrari"> 
 
    <tr> 
 
     <th colspan="2"> 
 
     <div class="titlu_lucrare"><a href="lucrare.php?id_lucrare='.$row['id_lucrare'].'" '.'>This title is long too but use colspan can fix</a></div> 
 
     </th> 
 
     <tr> 
 
     <tr> 
 
      <td rowspan="3">'.'<img src="'.$row['avatar'].'">'.'</td> 
 
      <td> 
 
      <div class="text_lucrare">Autor:&nbsp;</div>'.$row['autor'].'</td> 
 
     </tr> 
 
     <tr> 
 
      <td> 
 
      <div class="text_lucrare">Disciplina:&nbsp;</div>'.$row['disciplina'].'</td> 
 
     </tr> 
 
     <tr> 
 
      <td> 
 
      <div class="text_lucrare">Data postarii:&nbsp;</div>'.$row['data'].'</td> 
 
     </tr> 
 
    </table> 
 
</div> 
 
<br>

出典

2017-05-10 15:50:43

テーブルに空きがあります

答えて

関連する問題