Bymas | html/css

php

   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 файл

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

php

   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> ';

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

css

   .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