Bymas | Помощь

Почему оно все кидает на одну строку вместо того что бы по три штуки в ряд бить?

<div style="border: 2px solid #303030; border-radius: 2px; background: #202020 url(../img/dark22.png);">

<div class="cat_top radius_right">
<div class="cat_up radius">Янов</div>
</div>
<div class="cat_bottom radius_down">
<?php if ($dostup == '1') {?><div class="r2"><center><span class="red">На время поиска тайника некоторые разделы вам не доступны</span></center></div><?php }?>
<table width="100%" border="0" cellpadding="0" cellspacing="0" style="padding-top: 5px;">
<tbody>
<tr>

<td width="33%"><div class="r2">
<a style="text-decoration:none;" href="locman.php?type=1">
<center><img src="img/dost/37.png"><br />Проводник</center></a></div>
</td>

<td width="33%"><div class="r2">
<a style="text-decoration:none;" href="v_object.php">
<center><img src="img/dost/37.png"><br />Азот</center></a></div>
</td>

<td width="33%"><div class="r2">
<a style="text-decoration:none;" href="german.php">
<center><img src="img/dost/37.png"><br />Герман</center></a></div>
</td>

<td width="33%"><div class="r2">
<a style="text-decoration:none;" href="yar.php">
<center><img src="img/dost/37.png"><br />Дядьке Яру</center></a></div>
</td>

<td width="33%"><div class="r2">
<a style="text-decoration:none;" href="gavaec.php">
<center><img src="img/dost/37.png"><br />Гавайцу</center></a></div>
</td>

<td width="33%"><div class="r2">
<a style="text-decoration:none;" href="nagrads.php">
<center><img src="img/dost/37.png"><br />Зулусу</center></a></div>
</td>

<td width="33%"><div class="r2">
<a style="text-decoration:none;" href="zveroboy.php">
<center><img src="img/dost/37.png"><br />Зверобою</center></a> </div>
</td>
</tr>
</tbody>
</table>

</div>

Изображение

------

73509_1AB5B8F258834CA3B4D43F9CFD4B0976.png (1.8 Mb)
Скачиваний: 115

</table> закрывай после 3

Выкинь из головы таблицы и начни использовать flexbox, если будет нужна помощь, то можешь написать в личку.

OverDriver, именно

html

<div style="border:2px solid #303030;border-radius:2px;background:#202020 url(../img/dark22.png)">

<div class="cat_top radius_right">

<div class="cat_up radius">Янов</div>

</div>

<div class="cat_bottom radius_down">



<?php if($dostup == '1') {?>

<div class="r2" style="text-align:center">

<span class="red">На время поиска тайника некоторые разделы вам не доступны</span>

</div>

<?php }?>



<table style="width:100%;padding:5px 0 0;border-spacing:0">

<tr>

<td width="33%">

<div class="r2">

<a style="text-decoration:none;text-align:center" href="locman.php?type=1">

<img src="img/dost/37.png"><br/>Проводник

</a>

</div>

</td>

<td width="33%">

<div class="r2">

<a style="text-decoration:none;text-align:center" href="v_object.php">

<img src="img/dost/37.png"><br/>Азот

</a>

</div>

</td>

<td width="33%">

<div class="r2">

<a style="text-decoration:none;text-align:center" href="german.php">

<img src="img/dost/37.png"><br/>Герман

</a>

</div>

</td>

</tr>

<tr>

<td width="33%">

<div class="r2">

<a style="text-decoration:none;text-align:center" href="yar.php">

<img src="img/dost/37.png"><br/>Дядьке Яру

</a>

</div>

</td>

<td width="33%">

<div class="r2">

<a style="text-decoration:none;text-align:center" href="gavaec.php">

<img src="img/dost/37.png"><br/>Гавайцу

</a>

</div>

</td>

<td width="33%">

<div class="r2">

<a style="text-decoration:none;text-align:center" href="nagrads.php">

<img src="img/dost/37.png"><br/>Зулусу

</a>

</div>

</td>

</tr>

<tr>

<td width="33%">

<div class="r2">

<a style="text-decoration:none;text-align:center" href="zveroboy.php">

<img src="img/dost/37.png"><br/>Зверобою

</a>

</div>

</td>

</tr>

</table>

</div>

OverDriver (30.08.2020 в 15:02)
</table> закрывай после 3

Не </table>, а </tr> и открывай новую строку <tr>.