Ошибка выравнивания - таблицы HTML

0

Поэтому у меня есть это

Изображение 174551

<?php
$username = $_SESSION['username'];
$sql = mysql_query("SELECT * FROM 'users' WHERE 'username'='$username'");
while($row = mysql_fetch_array($sql))
{
$cash = $row['cash'];
$exp = $row['exp'];
$maxExp = $row['max_exp'];
$health = $row['health'];
$energy = $row['energy'];
$stanima = $row['stanima'];
$maxStanima = $row['max_stanima'];
$maxEnergy = $row['max_energy'];
?>
<div id="statsBox">
<table width="100%">
<tr>
<td width="2490px" height="20px">
<?php
echo '<b><font color="#00FF00" face="verdana">$'.$row['cash'].'</font></b>';
?>
</td>
<td width="5000px" height="20px">
<center>
<?php
echo '<b><font color="white" face="verdana">'.$energy.'/'.$maxEnergy.'</font></b>';
?>
</center></td>
<td width="2510px" height="20px">
<div class="right">
<?php
echo '<a href="index.php"><b><p class="White">'.$stanima.'/'.$maxStanima.'</p></b>    </a>';
 }
}
?>
</div>
</td>
</tr>
<div id="statsBox">
<table>
<tr>
<td width="2490px" height="20px">
<?php
echo '<b><font color="#00FF00" face="verdana">'.$health.'/100</font></b>';
?>
</td>
<td width="5000px" height="20px">
<center>
<?php
echo '<b><font color="white" face="verdana">'.$energy.'/'.$maxEnergy.'</font></b>';
?>
</center></td>
<td width="2510px" height="20px">
<div class="right">
<?php
echo '<a href="index.php"><b><p class="White">'.$stanima.'/'.$maxStanima.'</p></b>    </a>';
?>
</td></tr>
    </table>
</div>
</div>
</div>

Я хочу, чтобы нижние 3 элемента были перемещены вверх. Все внутри двух разных таблиц. Я попытался объединить таблицы, но это испортило выравнивание нижнего среднего элемента.

Это прекрасно, как сейчас, но мне было интересно, как я уменьшу высоту стола так или иначе, чтобы нижние 3 элемента были ближе к вершине?

  • 0
    Вы пытались уменьшить высоту строк с 20, скажем, до 10?
Теги:

2 ответа

0

Ваша потребность в двух изменениях в вашей таблице 1. напишите встроенный css в своей таблице

<table width="100%" style="border-collapse: collapse;">
  1. Вам нужен встроенный css в вашем теге p в вашем td на обоих местоположениях

<p class="White" style="margin:0px;"> </p>

0

во второй таблице вы можете добавить класс и указать его высоту в css или просто добавить встроенную css во вторую таблицу

<table style="height:25px;">

Ещё вопросы

Сообщество Overcoder
Наверх
Меню