Bymas | html/css

echo '

 <img src="arena.jpg" width="200" height="200" style="float:left"/>

 <div>

 ';

 

 if($user['pvp'] == 1)

 echo '<a href="?exit" class="link_ref"><img src="/img/umen/les.png" width="13" height="13"/> <b>Покинуть очередь</b></a>';

 else

 echo '<a href="?go" class="link_ref"><img src="/img/umen/les.png" width="13" height="13"/> <b>В очередь</b></a>';

 

 echo '

 <a href="?reit" class="link_ref"><img src="/DK.png" width="13" height="13"/> <b>Рейтинг</b></a>

 <a href="magazin.php" class="link_ref"><img src="/img/res_ord.png" width="13" height="13"/> <b>Бараки</b></a>

 <a href="?bot" class="link_ref"><img src="/img/clan_reid/ico.png" width="13" height="13"/> <b>Бой с ботами</b></a>

 </div>

 <div style="clear:left"></div>

 ';

________
посл. ред. 22.03.2021 в 21:57; всего 1 раз(а); by Severus

Severus, вопрос, а что мне это дает?

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

[SmOke], это даёт тебе свободу выбора

Проверит, расскажет.

Severus, я щас посмотрел твой код, и что дает float: left;

как я понял ей нужна картинка на весь экран либо по средине чтобы кнопки ниже были

[SmOke], изображение клеится к левому краю, следующий за ним блок обтекает изображение.
Дабы было так как говоришь, нужно написать разметку по-другому, в том числе и стиль немного переписать, а сейчас написано исходя из того что есть.

Severus, я хочу что бы было так как на скрине. Проблема в сылках очередь,рейд и тд.д. нужно что бы они начинались от картинки (сейчас по сути они перекрыты картинкой просто .(текст справа) а нужно что бы вся ссылка была справа

СУЗУНЭ ХОРИКИТА, попробуй тот вариант, если нет, напишу по-другому.

Severus, не прошел. попытаюсь объяснить нормально. Картинка слева ссылки справа (проблема как я поняла в том что у ссылок проставлен дизайн Link_ref )

СУЗУНЭ ХОРИКИТА, я понял теперь

но всё равно дай ссылку на сайт, легче же всем будет или html файл

СУЗУНЭ ХОРИКИТА,

echo '

 <div class="block">

 <img src="arena.jpg" width="200" height="200" />

 <div class="links">

 ';

 

 if($user['pvp'] == 1)

 echo '<a href="?exit" class="link_ref"><img src="/img/umen/les.png" width="13" height="13"/> <b>Покинуть очередь</b></a>';

 else

 echo '<a href="?go" class="link_ref"><img src="/img/umen/les.png" width="13" height="13"/> <b>В очередь</b></a>';

 

 echo '

 <a href="?reit" class="link_ref"><img src="/DK.png" width="13" height="13"/> <b>Рейтинг</b></a>

 <a href="magazin.php" class="link_ref"><img src="/img/res_ord.png" width="13" height="13"/> <b>Бараки</b></a>

 <a href="?bot" class="link_ref"><img src="/img/clan_reid/ico.png" width="13" height="13"/> <b>Бой с ботами</b></a>

 </div>

 </div>

 ';

В таблицу стилей

.block {

       background: #f2e3c6;

       display: flex;

       flex-wrap: wrap;

     }

 

     .links {

       flex: 1 1;

       display: flex;

       flex-direction: column;

       justify-content: space-between;

     }

________
посл. ред. 22.03.2021 в 23:03; всего 1 раз(а); by Severus